.shop-by-category{--sbc-bg: #ffffff;--sbc-cols-d: 4;--sbc-cols-t: 2;--sbc-gap: 24px;--sbc-mt: 0px;--sbc-mb: 0px;--sbc-pt: 80px;--sbc-pb: 80px;--sbc-px-d: 48px;--sbc-px-m: 20px;--sbc-subtitle: #ff7a1a;--sbc-subtitle-size: 13px;--sbc-subtitle-spacing: .22em;--sbc-heading-size: 32px;--sbc-heading-color: #1a1a1a;--sbc-view-all-color: #1a1a1a;--sbc-card-radius: 8px;--sbc-card-aspect: 1/1;--sbc-overlay-color: #000000;--sbc-overlay-opacity: .4;--sbc-label-size: 22px;--sbc-label-color: #ffffff;--sbc-label-spacing: 0em;background-color:var(--sbc-bg);margin-top:var(--sbc-mt);margin-bottom:var(--sbc-mb);padding-top:clamp(calc(var(--sbc-pt) * .5),8vw,var(--sbc-pt));padding-bottom:clamp(calc(var(--sbc-pb) * .5),8vw,var(--sbc-pb));padding-left:var(--sbc-px-m);padding-right:var(--sbc-px-m)}@media(min-width:750px){.shop-by-category{padding-left:var(--sbc-px-d);padding-right:var(--sbc-px-d)}}.shop-by-category__inner{width:100%;margin:0 auto}.shop-by-category--contained .shop-by-category__inner{max-width:1400px}.shop-by-category__subtitle{margin:0 0 16px;font-size:var(--sbc-subtitle-size);font-weight:700;letter-spacing:var(--sbc-subtitle-spacing);text-transform:uppercase;line-height:1.2;color:var(--sbc-subtitle)}@media(max-width:767px){.shop-by-category__subtitle{margin-bottom:12px}}.shop-by-category__header{display:flex;justify-content:space-between;align-items:end;margin-bottom:clamp(3rem,6vw,5rem);gap:2rem}.shop-by-category__heading{margin:0;font-size:clamp(2rem,4.5vw,var(--sbc-heading-size));font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--sbc-heading-color);flex:1}.shop-by-category__view-all{display:inline-flex;align-items:center;gap:.5rem;padding-bottom:4px;text-decoration:none;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sbc-view-all-color);border-bottom:2px solid currentColor;transition:opacity .2s ease;white-space:nowrap}.shop-by-category__view-all:hover{opacity:.7}.shop-by-category__view-all-arrow{width:16px;height:16px;transition:transform .2s ease}.shop-by-category__view-all:hover .shop-by-category__view-all-arrow{transform:translate(3px)}@media(max-width:749px){.shop-by-category__header{flex-direction:column;align-items:flex-start}}.shop-by-category__grid{display:grid;grid-template-columns:1fr;gap:var(--sbc-gap)}@media(min-width:750px){.shop-by-category__grid{grid-template-columns:repeat(var(--sbc-cols-t),minmax(0,1fr))}}@media(min-width:990px){.shop-by-category__grid{grid-template-columns:repeat(var(--sbc-cols-d),minmax(0,1fr))}}@media(max-width:749px){.shop-by-category--mobile-grid .shop-by-category__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--sbc-gap) * .75)}.shop-by-category--mobile-scroll .shop-by-category__grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--sbc-px-m));padding:0 var(--sbc-px-m) .5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.shop-by-category--mobile-scroll .shop-by-category__grid::-webkit-scrollbar{display:none}.shop-by-category--mobile-scroll .shop-by-category__card{flex:0 0 75%;scroll-snap-align:start}}.shop-by-category__card{position:relative;display:block;text-decoration:none;border-radius:var(--sbc-card-radius);overflow:hidden;transition:transform .25s ease}.shop-by-category__card--static{cursor:default}.shop-by-category__card:not(.shop-by-category__card--static):hover{transform:scale(1.01)}.shop-by-category__card:focus-visible{outline:3px solid var(--sbc-heading-color);outline-offset:3px}.shop-by-category__image-wrapper{position:relative;width:100%;height:400px;aspect-ratio:var(--sbc-card-aspect);overflow:hidden;background-color:#f0f0f0}@media(min-width:768px)and (max-width:991px){.shop-by-category__image-wrapper{height:300px}}@media(max-width:767px){.shop-by-category__image-wrapper{height:200px}}.shop-by-category__image-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.shop-by-category--hover-zoom .shop-by-category__card:not(.shop-by-category__card--static):hover .shop-by-category__image-wrapper img{transform:scale(1.08)}.shop-by-category--hover-brighten .shop-by-category__card:not(.shop-by-category__card--static):hover .shop-by-category__image-wrapper{filter:brightness(1.15)}.shop-by-category__placeholder{width:100%;height:100%}.shop-by-category__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .25s ease}.shop-by-category__label{position:absolute;left:0;right:0;margin:0 0 20px;padding:1.5rem 2rem;font-size:clamp(1.5rem,3vw,var(--sbc-label-size));font-weight:700;line-height:1.2;letter-spacing:var(--sbc-label-spacing);color:var(--sbc-label-color);z-index:2;transition:transform .25s ease}@media(max-width:767px){.shop-by-category__label{padding:.5rem 1rem}}.shop-by-category--label-pos-top .shop-by-category__label{top:0;bottom:auto}.shop-by-category--label-pos-middle .shop-by-category__label{top:50%;bottom:auto;transform:translateY(-50%)}.shop-by-category--label-pos-bottom .shop-by-category__label{top:auto;bottom:0}.shop-by-category--label-transform-uppercase .shop-by-category__label{text-transform:uppercase;letter-spacing:max(var(--sbc-label-spacing),.05em)}.shop-by-category--label-transform-capitalize .shop-by-category__label{text-transform:capitalize}.shop-by-category__empty{padding:3rem 0;text-align:center;color:#999}.shop-by-category[data-animation=fade-up] .shop-by-category__card,.shop-by-category[data-animation=fade-in] .shop-by-category__card{opacity:0;transition:opacity .6s ease,transform .6s cubic-bezier(.25,.46,.45,.94);transition-delay:calc(var(--item-index, 0) * 80ms)}.shop-by-category[data-animation=fade-up] .shop-by-category__card{transform:translateY(24px)}.shop-by-category.is-in-view[data-animation=fade-up] .shop-by-category__card,.shop-by-category.is-in-view[data-animation=fade-in] .shop-by-category__card{opacity:1;transform:none}.shop-by-category.is-in-view .shop-by-category__card{transition:transform .25s ease}@media(prefers-reduced-motion:reduce){.shop-by-category__card,.shop-by-category__image-wrapper img,.shop-by-category__label,.shop-by-category__view-all,.shop-by-category__view-all-arrow{transition:none!important;transform:none!important;opacity:1!important;filter:none!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-shop-by-category.css.map */