.product-image-carousel{width:100%;margin-top:16px;overflow:hidden}.product-image-carousel .main-image-container{aspect-ratio:16/9;touch-action:pan-y pinch-zoom;background-color:#fff;border:1px solid #f6f6f6;border-radius:12px;width:100%;position:relative;overflow:hidden}@media (width<=768px){.product-image-carousel .main-image-container{height:300px}}.product-image-carousel .main-image-container .main-image{backface-visibility:hidden;object-fit:cover;transform-origin:50%;will-change:transform, opacity, scale;z-index:1;opacity:1;border-radius:12px;width:100%;height:100%;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .3s cubic-bezier(.2,.8,.2,1),scale .3s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0;transform:translateZ(0)}.product-image-carousel .main-image-container .prev-image,.product-image-carousel .main-image-container .next-image{backface-visibility:hidden;object-fit:cover;transform-origin:50%;will-change:transform, opacity, scale;z-index:0;opacity:0;pointer-events:none;border-radius:12px;width:100%;height:100%;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .3s cubic-bezier(.2,.8,.2,1),scale .3s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0;transform:translateZ(0)}.product-image-carousel .main-image-container .prev-image{transform:translate(-100%)scale(.98)}.product-image-carousel .main-image-container .next-image{transform:translate(100%)scale(.98)}.product-image-carousel .main-image-container .nav-arrow{z-index:10;cursor:pointer;opacity:1;background-color:#c9fb2ee6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.product-image-carousel .main-image-container .nav-arrow:active{background-color:#c9fb2e;transform:translateY(-50%)scale(.95)}.product-image-carousel .main-image-container .nav-arrow svg{color:#211c19;width:24px;height:24px}@media (width<=768px){.product-image-carousel .main-image-container .nav-arrow{width:30px;height:30px}.product-image-carousel .main-image-container .nav-arrow svg{width:22px;height:22px}}.product-image-carousel .main-image-container .nav-arrow.prev-arrow{left:10px}.product-image-carousel .main-image-container .nav-arrow.next-arrow{right:10px}.product-image-carousel .thumbnails-wrapper{width:100%;padding:8px 0;position:relative;overflow:hidden}.product-image-carousel .thumbnails-shadow{z-index:2;opacity:0;pointer-events:none;width:40px;transition:opacity .3s;position:absolute;top:0;bottom:0}.product-image-carousel .thumbnails-shadow--left{background:linear-gradient(90deg,#ffffffe6,#fff0);left:0}.product-image-carousel .thumbnails-shadow--right{background:linear-gradient(270deg,#ffffffe6,#fff0);right:0}.product-image-carousel .thumbnails-shadow.visible{opacity:1}.product-image-carousel .thumbnails-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scroll-behavior:smooth;scrollbar-width:none;will-change:scroll-position;border-radius:12px;gap:8px;padding:8px 0;display:flex;overflow-x:auto}.product-image-carousel .thumbnails-container::-webkit-scrollbar{display:none}.product-image-carousel .thumbnails-container .thumbnail-item{aspect-ratio:1;cursor:pointer;will-change:transform;border:4px solid #f6f6f6;border-radius:12px;flex:0 0 calc(33.333% - 5.33333px);min-height:68px;transition:all .2s;overflow:hidden;transform:scale(1)}@media (width>=576px){.product-image-carousel .thumbnails-container .thumbnail-item{flex:0 0 calc(25% - 6px);min-height:72px}}@media (width>=768px){.product-image-carousel .thumbnails-container .thumbnail-item{flex:0 0 calc(20% - 6.4px);min-height:80px}}@media (width>=992px){.product-image-carousel .thumbnails-container .thumbnail-item{flex:0 0 calc(14.2857% - 6.85714px);max-width:none;min-height:88px}}.product-image-carousel .thumbnails-container .thumbnail-item:active{transform:scale(.98)}.product-image-carousel .thumbnails-container .thumbnail-item.active{border:4px solid #c9fb2e;transform:scale(1)}.product-image-carousel .thumbnails-container .thumbnail-item .thumbnail-image{object-fit:cover;flex-shrink:0;width:100%;height:100%;min-height:100%;transition:transform .2s;display:block}