.product-carousel{position:relative;margin:24px 0;--carousel-cols-desktop: 4;--carousel-cols-mobile: 1.2}.product-carousel--loading{min-height:200px;background-color:#f4f4f4}.product-carousel__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:8px}.product-carousel__track>.product-carousel__slide{flex:0 0 calc((100% - (16px * (var(--carousel-cols-mobile, 1.2) - 1))) / var(--carousel-cols-mobile, 1.2));min-width:0}@media screen and (min-width:769px){.product-carousel__track>.product-carousel__slide{flex:0 0 calc((100% - (16px * (var(--carousel-cols-desktop, 4) - 1))) / var(--carousel-cols-desktop, 4))}}.product-carousel__slide{scroll-snap-align:start}.product-carousel__link{display:block;text-decoration:none;color:var(--color-primary, #1d1d1d)}.product-carousel__image{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;background-color:#f4f4f4;border-radius:var(--element-button-radius, 3px);transition:opacity .2s ease}.product-carousel__link:hover .product-carousel__image{opacity:.85}.product-carousel__title{margin:12px 0 4px;font-family:var(--element-text-font-family--heading, inherit);font-weight:var(--element-text-font-weight--heading, 700);font-size:14px;line-height:1.4}.product-carousel__price{margin:0;font-family:var(--element-text-font-family--body, inherit);font-size:14px;color:var(--color-primary, #1d1d1d)}.product-carousel__nav{display:none;position:absolute;top:35%;width:36px;height:36px;border:none;border-radius:50%;background-color:#fff;box-shadow:0 1px 4px #0003;cursor:pointer;z-index:1;transition:opacity .2s ease,visibility .2s ease}.product-carousel__nav.is-hidden,.product-carousel__nav[hidden]{display:none!important}.product-carousel__nav:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-top:2px solid var(--color-primary, #1d1d1d);border-right:2px solid var(--color-primary, #1d1d1d)}.product-carousel__nav--prev:before{transform:translate(-30%,-50%) rotate(-135deg)}.product-carousel__nav--next:before{transform:translate(-70%,-50%) rotate(45deg)}.product-carousel__nav--prev{left:-18px}.product-carousel__nav--next{right:-18px}@media screen and (min-width:769px){.product-carousel__nav{display:flex;align-items:center;justify-content:center}.product-carousel__nav.is-hidden,.product-carousel__nav[hidden]{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/product-carousel.css.map */