.article-product-carousel{width:100%}.article-product-carousel__inner{max-width:786px;margin:0 auto}.article-product-carousel__heading{font-size:24px;font-weight:700;color:#222;margin:0 0 20px}.article-product-carousel__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:relative;padding-bottom:4px}.article-product-carousel__track::-webkit-scrollbar{display:none}.article-product-carousel__card{flex:0 0 calc(25% - 12px);min-width:0;scroll-snap-align:start;text-decoration:none;color:inherit;display:flex;flex-direction:column}.article-product-carousel__image-wrap{background:#f3f3f3;border-radius:16px;overflow:hidden;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.article-product-carousel__image{object-fit:contain;display:block;mix-blend-mode:multiply}.article-product-carousel__placeholder{width:100%;height:100%;background:#eee}.article-product-carousel__title{font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 4px;line-height:1.3}.article-product-carousel__price{font-size:14px;font-weight:400;color:#666;margin:0}.article-product-carousel__nav{position:absolute;top:calc(50% - 40px);transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;color:#333;transition:opacity .2s,box-shadow .2s;padding:0}.article-product-carousel__nav:hover{box-shadow:0 2px 12px #00000024}.article-product-carousel__nav--prev{left:-16px}.article-product-carousel__nav--next{right:-16px}@media screen and (max-width:767px){.article-product-carousel__inner{padding:0 4.2667vw}.article-product-carousel__card{flex:0 0 44vw}.article-product-carousel__image-wrap{border-radius:12px}.article-product-carousel__title{font-size:14px}.article-product-carousel__price{font-size:13px}.article-product-carousel__nav--prev{display:none!important}.article-product-carousel__nav--next{right:4px;top:calc(50% - 36px);width:36px;height:36px}}@media screen and (min-width:768px)and (max-width:1023px){.article-product-carousel__card{flex:0 0 calc(33.333% - 12px)}}
/*# sourceMappingURL=/cdn/shop/t/110/assets/article-product-carousel.css.map */