.sec-shop-category{background:var(--sec-bg, #f8f8f8);color:var(--sec-fg, #1a1a1a);padding:clamp(64px,9vw,140px) 0}.sec-shop-category .sec__inner{display:flex;flex-direction:column;gap:clamp(28px,4vw,48px)}.sec-shop-category .sec__header{padding-inline:clamp(20px,4vw,40px);color:var(--sec-fg, #1a1a1a)}@media(min-width:768px){.sec-shop-category .sec__header{text-align:center}}.sec-shop-category .sec__heading{color:var(--sec-fg, #1a1a1a);font-size:clamp(3.2rem,8vw,6.2rem);line-height:1.2;margin:0;letter-spacing:-.02em;font-weight:500}.sec-shop-category .sec__subheading{color:var(--sec-fg, #1a1a1a);margin:12px 0 0;opacity:.72;font-size:var(--font-body-size);max-width:52ch}.sec-shop-category .sbc__tabs{display:flex;justify-content:center;gap:10px;padding-inline:clamp(20px,4vw,40px);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sec-shop-category .sbc__tabs::-webkit-scrollbar{display:none}@media(max-width:767px){.sec-shop-category .sbc__tabs{justify-content:flex-start}}.sec-shop-category .sbc__tab{flex-shrink:0;-webkit-appearance:none;appearance:none;background:transparent;color:var(--sec-fg, #1a1a1a);border:1.5px solid rgba(0,0,0,.18);border-radius:999px;padding:10px 20px;font:inherit;font-size:var(--font-body-size);font-weight:500;line-height:1.2;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.sec-shop-category .sbc__tab:hover{border-color:#0006}.sec-shop-category .sbc__tab.is-active,.sec-shop-category .sbc__tab[aria-selected=true]{background:var(--sec-fg, #1a1a1a);color:var(--sec-bg, #f8f8f8);border-color:var(--sec-fg, #1a1a1a)}.sec-shop-category .sbc__tab:focus-visible{outline:2px solid var(--sec-fg, #1a1a1a);outline-offset:2px}.sec-shop-category .sbc__panels{position:relative}.sec-shop-category .sbc__panel[hidden]{display:none}.sec-shop-category .sbc__empty{padding:clamp(40px,6vw,80px) clamp(20px,4vw,40px);text-align:center;opacity:.6;font-size:var(--font-body-size)}.sec-shop-category .sbc__carousel{position:relative}.sec-shop-category .sbc__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,78vw);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:clamp(20px,4vw,40px);padding:4px clamp(20px,4vw,40px);scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.sec-shop-category .sbc__track::-webkit-scrollbar{display:none}@media(min-width:768px){.sec-shop-category .sbc__track{grid-auto-columns:calc((100% - 60px - (2*clamp(20px,4vw,40px)))/4);gap:20px;justify-content:center}}@media(min-width:768px)and (max-width:1199px){.sec-shop-category .sbc__track{grid-auto-columns:minmax(180px,26vw);gap:16px}}.sec-shop-category .sbc__card{scroll-snap-align:start;min-width:0}@media(max-width:767px){.sec-shop-category .sbc__track{--sbc-mobile-card-width: min(260px, calc(100vw - 60px) );grid-auto-columns:var(--sbc-mobile-card-width);padding-inline:max(0px,calc((100% - var(--sbc-mobile-card-width)) / 2));scroll-padding-left:max(0px,calc((100% - var(--sbc-mobile-card-width)) / 2))}}.sec-shop-category .sbc__arrow{position:absolute;top:50%;transform:translateY(-50%);width:var(--carousel-arrow-size, 4.4rem);height:var(--carousel-arrow-size, 4.4rem);border-radius:999px;border:none;background:#fff;color:#1a1a1a;cursor:pointer;box-shadow:0 4px 12px #00000026;display:inline-flex;align-items:center;justify-content:center;z-index:2;transition:opacity .15s ease,background .15s ease}.sec-shop-category .sbc__arrow>svg{width:var(--carousel-arrow-icon-size, 1.6rem)!important;height:var(--carousel-arrow-icon-size, 1.6rem)!important;stroke:currentColor;fill:none;flex-shrink:0}.sec-shop-category .sbc__arrow>svg path{stroke:currentColor;fill:none}.sec-shop-category .sbc__arrow--prev{left:clamp(4px,1vw,12px)}.sec-shop-category .sbc__arrow--next{right:clamp(4px,1vw,12px)}.sec-shop-category .sbc__arrow:hover:not(:disabled){background:#f4efe6}.sec-shop-category .sbc__arrow:disabled{opacity:.3;cursor:not-allowed}@media(max-width:767px){.sec-shop-category .sbc__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/shop-by-category.css.map */