.shop-by-category{padding-top:var(--section-pt-m, var(--fluid-64-64));padding-bottom:var(--section-pb-m, var(--fluid-64-64))}@media(min-width:768px){.shop-by-category{padding-top:var(--section-pt-d, var(--fluid-64-64));padding-bottom:var(--section-pb-d, var(--fluid-64-64))}}.shop-by-category.section--full-width .shop-by-category__grid,.shop-by-category.section--full-width .shop-by-category__carousel-outer{max-width:var(--page-width);margin-inline:auto}.shop-by-category__header{margin-bottom:var(--fluid-24-40)}.shop-by-category__header--left,.shop-by-category__header--center,.shop-by-category__header--right{text-align:start}@media screen and (min-width:768px){.shop-by-category__header--center{text-align:center}.shop-by-category__header--right{text-align:end}}.shop-by-category__heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--fluid-30-50);line-height:var(--line-height-heading, 1.1);text-transform:uppercase;text-wrap:balance;color:var(--color-foreground);margin:0}.shop-by-category__carousel-outer{display:block}.shop-by-category__carousel-outer--bordered{border:var(--sbc-border-width, 1px) solid var(--color-border);padding:var(--fluid-20-20)}.shop-by-category__grid{display:none;grid-template-columns:var(--fluid-321-321);gap:var(--fluid-12-12);justify-content:center}.shop-by-category__carousel{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.shop-by-category__carousel.is-ready{overflow:hidden;scroll-snap-type:none}.shop-by-category__carousel-container{display:flex;touch-action:pan-y pinch-zoom}.shop-by-category__carousel-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start}@media screen and (min-width:600px)and (max-width:767.98px){.shop-by-category__carousel-slide{flex-basis:50%}}.shop-by-category__grid--bordered{border:var(--sbc-border-width, 1px) solid var(--color-border);padding:var(--fluid-20-20);width:fit-content;margin-inline:auto}@media screen and (min-width:768px){.shop-by-category__grid{display:grid;grid-template-columns:repeat(4,minmax(0,var(--fluid-321-321)))}.shop-by-category__grid .shop-by-category__card{width:100%;height:auto;aspect-ratio:321 / 643;container-type:inline-size}.shop-by-category__grid .shop-by-category__content{padding:7.48cqi}.shop-by-category__grid .shop-by-category__title{font-size:9.35cqi}.shop-by-category__grid .shop-by-category__description{font-size:6.85cqi;margin-bottom:2.49cqi}.shop-by-category__grid .shop-by-category__cta{font-size:6.23cqi;gap:1.87cqi}.shop-by-category__grid .shop-by-category__hover-content{margin-bottom:6.85cqi}}.shop-by-category__card{position:relative;display:block;overflow:hidden;width:var(--fluid-321-321);height:var(--fluid-643-643);max-width:100%;text-decoration:none;border-radius:0;--hover-scale: 1.04;--hover-pos-x: 0px;--hover-pos-y: 0px}.shop-by-category__card:focus-visible{outline:2px solid var(--color-border-focus, var(--color-accent));outline-offset:2px}.shop-by-category__media{position:absolute;top:0;right:0;bottom:0;left:0}.shop-by-category__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform var(--duration-long, .3s) var(--easing-base),object-position var(--duration-long, .3s) var(--easing-base)}.shop-by-category__card:hover .shop-by-category__img,.shop-by-category__card:focus-visible .shop-by-category__img{transform:scale(var(--hover-scale));object-position:calc(50% + var(--hover-pos-x)) calc(50% + var(--hover-pos-y))}.shop-by-category__img-hover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:1;z-index:1;transition:transform var(--duration-long, .3s) var(--easing-base),object-position var(--duration-long, .3s) var(--easing-base)}.shop-by-category__card:hover .shop-by-category__img-hover,.shop-by-category__card:focus-visible .shop-by-category__img-hover{opacity:1;transform:scale(var(--hover-scale));object-position:calc(50% + var(--hover-pos-x)) calc(50% + var(--hover-pos-y))}.shop-by-category__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(180deg,color-mix(in srgb,var(--color-foreground) 80%,transparent) 4%,color-mix(in srgb,var(--color-foreground) 25%,transparent) 17%,transparent 42%,color-mix(in srgb,var(--color-foreground) 25%,transparent) 68%,color-mix(in srgb,var(--color-foreground) 80%,transparent) 85%);pointer-events:none;z-index:1}.shop-by-category__overlay-hover{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(180deg,color-mix(in srgb,var(--color-foreground) 10%,transparent) 30%,color-mix(in srgb,var(--color-foreground) 93%,transparent) 64%);opacity:1;pointer-events:none;z-index:1}.shop-by-category__card:hover .shop-by-category__overlay-hover,.shop-by-category__card:focus-visible .shop-by-category__overlay-hover{opacity:1}.shop-by-category__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-start;padding:var(--fluid-20-24);z-index:2}.shop-by-category__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--fluid-30-30);line-height:var(--line-height-heading, 1.1);text-transform:uppercase;text-wrap:balance;color:var(--color-foreground-inverse);margin:0}.shop-by-category__hover-content{margin-top:auto;margin-bottom:var(--fluid-22-22);opacity:1;transform:translateY(0)}.shop-by-category__card:hover .shop-by-category__hover-content,.shop-by-category__card:focus-visible .shop-by-category__hover-content{opacity:1;transform:translateY(0)}.shop-by-category__description{font-family:var(--font-heading-family);font-style:italic;font-size:var(--fluid-16-22);font-weight:var(--font-body-weight);line-height:var(--line-height-body, 1.5);color:var(--color-foreground-inverse);margin:0 0 var(--fluid-8-8) 0;text-wrap:balance}.shop-by-category__divider{height:1px;background-color:var(--color-foreground-inverse);opacity:.5;width:100%}.shop-by-category__cta{display:inline-flex;align-items:center;gap:var(--fluid-6-6);font-family:var(--font-heading-family);font-size:var(--fluid-16-20);font-weight:var(--font-body-weight);line-height:var(--line-height-body, 1.5);text-transform:uppercase;text-decoration:underline;text-underline-offset:2px;color:var(--color-foreground-inverse);transition:color var(--duration-short, .15s) var(--easing-base)}.shop-by-category__cta .icon{transition:transform var(--duration-base, .2s) var(--easing-base);flex-shrink:0}.shop-by-category__card:hover .shop-by-category__cta .icon{transform:translate(5px)}.shop-by-category__pagination{display:flex;align-items:center;justify-content:center;gap:var(--fluid-6-6);margin-top:var(--fluid-16-16, 16px)}.shop-by-category__dot{width:var(--fluid-6-6);height:var(--fluid-6-6);border-radius:50%;background-color:var(--color-border);border:none;padding:0;cursor:pointer;transition:width var(--duration-short, .15s) var(--easing-base),background-color var(--duration-short, .15s) var(--easing-base)}.shop-by-category__dot--active{width:20px;border-radius:3px;background-color:var(--color-foreground)}@media screen and (min-width:768px){.shop-by-category__carousel-outer,.shop-by-category__carousel,.shop-by-category__pagination{display:none}}.shop-by-category__placeholder{width:100%;height:100%;background-color:var(--color-background-2)}@media screen and (min-width:768px){.shop-by-category__img-hover{opacity:0;transition:opacity var(--duration-long, .3s) var(--easing-base),transform var(--duration-long, .3s) var(--easing-base)}.shop-by-category__overlay-hover{opacity:0;transition:opacity var(--duration-long, .3s) var(--easing-base)}.shop-by-category__hover-content{opacity:0;transform:translateY(10px);transition:opacity var(--duration-long, .3s) var(--easing-base),transform var(--duration-long, .3s) var(--easing-base)}}@media(prefers-reduced-motion:reduce){.shop-by-category__img,.shop-by-category__img-hover,.shop-by-category__cta .icon,.shop-by-category__dot,.shop-by-category__overlay-hover,.shop-by-category__hover-content{transition:none}.shop-by-category__card:hover .shop-by-category__img,.shop-by-category__card:focus-visible .shop-by-category__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-shop-by-category.css.map */