.product-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:27px 15px;max-width:var(--page-width)}@media screen and (min-width: 990px){.product-section{flex-direction:row;align-items:stretch;justify-content:center;padding:100px 50px;gap:50px;margin:0 auto}}.product-title h2{margin:0}.product-carousel{width:100%;margin:0 auto;flex:1}@media screen and (min-width: 990px){.product-carousel{display:flex;flex-direction:row-reverse;gap:15px}}.product-sub-container{flex:1}.carousel-main-wrapper{width:100%;position:relative}.carousel-main{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden}.carousel-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:0}.carousel-slide.active{opacity:1;z-index:1}.carousel-image{width:100%;height:100%;object-fit:cover}.carousel-dots{display:flex;justify-content:center;gap:5px;margin:10px 0}.dot{width:8px;height:8px;border-radius:50%;background:#ccc;cursor:pointer;transition:background .3s}.dot.active{background:rgb(var(--color-foreground))}.carousel-thumbs::-webkit-scrollbar{display:none}.carousel-thumbs{display:flex;gap:8px;overflow-x:auto;padding:8px 0;scroll-snap-type:x mandatory}@media screen and (min-width: 990px){.carousel-thumbs{display:flex;flex-direction:column;padding-top:0}}.carousel-thumb{flex:0 0 auto;width:64px;height:64px;overflow:hidden;cursor:pointer;scroll-snap-align:start}@media screen and (min-width: 990px){.carousel-thumb{width:100%;height:96px}}.thumb-image{width:100%;height:100%;object-fit:cover}.carousel-controls{display:none}@media screen and (max-width: 989px){.carousel-controls{display:flex;justify-content:center;margin-top:10px}.carousel-controls .carousel-arrow{display:none}.carousel-controls .carousel-dots{display:flex;gap:5px}}@media screen and (min-width: 990px){.carousel-controls{display:flex;justify-content:center;gap:50px;margin-top:30px;align-items:center}.carousel-controls .carousel-arrow,.carousel-controls .carousel-dots{display:flex}}.carousel-arrow{background-color:rgb(var(--color-foreground));color:rgb(var(--color-button-text));border:none;border-radius:999px;width:24px;height:24px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s}.carousel-arrow svg{width:10px;height:10px}.carousel-arrow-prev svg{transform:rotate(90deg)}.carousel-arrow-next svg{transform:rotate(-90deg)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product.css.map */