.product-carousel-container{display:grid;position:relative;max-width:100%;padding-top:15px;padding-bottom:50px}.product-carousel-container .carousel-container{position:relative;max-width:100%;display:grid}.product-carousel-container .carousel-heading{display:flex;justify-content:space-between;width:100%;margin-bottom:20px}.product-carousel-container .carousel-heading .heading{font-size:40px;line-height:1}.product-carousel-container>.carousel-container>.carousel-slides{display:flex;gap:10px;overflow:hidden;max-width:100%;position:relative;width:100%;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-left:calc(((100vw - var(--page-width)) / 2) + var(--page-width-padding) - 10px)}.product-carousel-container .carousel-slides{scrollbar-width:none;-ms-overflow-style:none}.product-carousel-container .carousel-slides::-webkit-scrollbar{display:none}.product-carousel-container .carousel-slide{flex:0 0 auto;height:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative}.product-carousel-container .carousel-slide-dummy{display:block;width:0}.product-carousel-container .carousel-buttons{display:flex;gap:10px;width:max-content;position:relative}.product-carousel-container .carousel-buttons>*{position:relative;display:flex;top:calc(50% - 20px);background-color:#fff;fill:#000;width:42px;height:42px;justify-content:center;align-items:center;box-shadow:0 2px 3px #0000001f;cursor:pointer;z-index:3}.product-carousel-container .carousel-buttons>*.inactive{opacity:.5;cursor:auto}.product-carousel-container .carousel-buttons svg{width:18px;height:18px}.product-carousel-container .carousel-buttons svg>*{fill:#000}.product-carousel-container .carousel-buttons .prev{transform:rotate(90deg)}.product-carousel-container .carousel-buttons .next{transform:rotate(270deg)}@media (max-width: 749px){.product-carousel-container{margin:20px 0;padding:15px 15px 30px}.product-carousel-container .carousel-slide-dummy{display:none}.product-carousel-container>.carousel-container>.carousel-slides{overflow:scroll}.product-carousel-container .carousel-heading{padding:0}.product-carousel-container .carousel-buttons{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/product-carousel.css.map */