.shop-category-pro{padding-top:var(--pt);padding-bottom:var(--pb);overflow:hidden}.shop-category-pro .page-width{max-width:1400px;margin:0 auto}.shop-category-pro__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.shop-category-pro__title{margin:0;font-size:34px;font-weight:700;line-height:1.2;color:#111}.shop-category-pro__viewall{display:flex;align-items:center;gap:8px;text-decoration:none;color:#111;font-size:16px;font-weight:600;transition:.3s}.shop-category-pro__viewall:hover{color:#ff6a00}.shop-category-pro__grid{display:grid;grid-template-columns:repeat(var(--desktop),1fr);gap:var(--gap)}.category-card,.category-sale-banner{border-radius:var(--radius);overflow:hidden;background:#fff}.category-card{box-shadow:0 10px 25px #0000000f;transition:.35s ease}.category-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px #0000001f}.category-card__image{display:block;position:relative;overflow:hidden;aspect-ratio:1/1;background:#f7f7f7}.category-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.category-card:hover .category-card__image img{transform:scale(1.08)}.placeholder-svg{width:100%;height:100%;display:block;background:#f5f5f5}.category-card__content{padding:18px;text-align:center}.category-card__title{margin:0 0 12px;font-size:18px;line-height:1.3;font-weight:600;color:#222}.category-card__button{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:15px;font-weight:600;color:#111;transition:.3s}.category-card__button:hover{color:#ff6a00}.category-sale-banner{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px 20px;min-height:100%}.category-sale-banner h3{margin:0 0 12px;font-size:34px;line-height:1;font-weight:800;letter-spacing:1px;color:#fff}.category-sale-banner p{margin:0 0 25px;font-size:15px;line-height:1.6;max-width:220px;font-weight:700}.sale-banner-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;text-decoration:none;font-size:15px;font-weight:700;transition:.3s}.sale-banner-btn:hover{transform:translateY(-2px)}@media screen and (max-width:990px){.shop-category-pro__grid{grid-template-columns:repeat(var(--tablet),1fr)}.shop-category-pro__title,.category-sale-banner h3{font-size:28px}.category-card__content{padding:16px}}@media screen and (max-width:749px){.shop-category-pro{overflow:hidden}.shop-category-pro__header{margin-bottom:20px;flex-wrap:wrap;gap:10px}.shop-category-pro__title{font-size:24px}.shop-category-pro__viewall{font-size:14px}.shop-category-pro__grid.mobile-swipe{display:flex;overflow-x:auto;overflow-y:hidden;gap:16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:10px}.shop-category-pro__grid.mobile-swipe::-webkit-scrollbar{display:none}.shop-category-pro__grid.mobile-swipe{scrollbar-width:none}.category-card,.category-sale-banner{flex:0 0 72%;scroll-snap-align:start}.category-card__title{font-size:17px}.category-card__button{font-size:14px}.category-sale-banner{min-height:320px;padding:30px 24px}.category-sale-banner h3{font-size:26px}.category-sale-banner p{font-size:14px}.sale-banner-btn{width:100%}}@media screen and (min-width:1200px){.shop-category-pro__grid{align-items:stretch}.category-card,.category-sale-banner{height:100%}}.category-card__image{border-bottom:1px solid rgba(0,0,0,.05)}.category-card__button:after{content:"\2192";transition:.3s;margin-left:6px}.category-card:hover .category-card__button:after{transform:translate(4px)}.sale-banner-btn:after{content:"\2192";margin-left:8px;transition:.3s}.sale-banner-btn:hover:after{transform:translate(4px)}.category-card,.category-sale-banner{position:relative}.category-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(0,0,0,.06);pointer-events:none}.category-sale-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(255,255,255,.15);pointer-events:none}.category-card img{backface-visibility:hidden;-webkit-backface-visibility:hidden}.category-card,.category-sale-banner,.sale-banner-btn,.category-card__button{transition:all .35s ease}
/*# sourceMappingURL=/cdn/shop/t/3/assets/shop-by-category-pro.css.map */