.product-carousel__header{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;margin-bottom:1.6rem}@media screen and (min-width:750px){.product-carousel__header{margin-bottom:2.4rem}}.product-carousel__heading{margin:0}.product-carousel__view-all{display:inline-flex;flex:none;align-items:center;gap:.6rem;color:rgb(var(--color-base-accent-1));font-size:1.4rem;text-decoration:none}.product-carousel__view-all .icon-arrow{width:1.2rem;height:auto}.product-carousel__slider{position:relative}.product-carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 1.2rem) / 2.2);gap:1.2rem;margin:0;padding:0 0 .4rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.product-carousel__track::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.product-carousel__track{grid-auto-columns:calc((100% - 2 * 1.6rem) / 3);gap:1.6rem}}@media screen and (min-width:990px){.product-carousel__track{grid-auto-columns:calc((100% - 6rem)/4);gap:2rem}}@media screen and (min-width:1200px){.product-carousel__track{grid-auto-columns:calc((100% - 8rem)/5)}}.product-carousel__slide{min-width:0;scroll-snap-align:start}@media(prefers-reduced-motion:reduce){.product-carousel__track{scroll-behavior:auto}}.product-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:none;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 .4rem 1.2rem #0000001f;cursor:pointer}.product-carousel__arrow .icon{width:1.2rem;height:1.2rem}.product-carousel__arrow--prev{left:-2.2rem}.product-carousel__arrow--prev .icon{transform:rotate(90deg)}.product-carousel__arrow--next{right:-2.2rem}.product-carousel__arrow--next .icon{transform:rotate(-90deg)}.product-carousel__arrow[disabled]{display:none}@media screen and (min-width:990px){.product-carousel__arrow:not([disabled]){display:flex}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-product-carousel.css.map */