.image-carousel-section{width:100%;overflow:hidden}.carousel-wrapper{position:relative;overflow:hidden;margin:0 auto}.image-carousel{display:flex;transition:transform .3s ease-in-out;will-change:transform}.carousel-slide{flex-shrink:0;padding:0 8px;box-sizing:border-box}.carousel-link{display:block;text-decoration:none;width:100%;height:100%}.carousel-image-wrapper{position:relative;width:100%;overflow:hidden;border-radius:8px;line-height:0;font-size:0;top:50%;transform:translateY(-50%)}.carousel-image{width:100%;height:auto;display:block;object-fit:cover;transition:transform .3s ease}.carousel-link:hover .carousel-image{transform:scale(1.05)}.mobile-image{display:block}.desktop-image{display:none;height:0}@media screen and (min-width:750px){.mobile-image{display:none;height:0}.desktop-image{display:block;height:auto}.carousel-slide{padding:0 12px}}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.carousel-arrow:hover{background:#fff;box-shadow:0 4px 12px #00000026}.carousel-arrow:active{transform:translateY(-50%) scale(.95)}.carousel-arrow--prev{left:10px}.carousel-arrow--next{right:10px}.carousel-arrow svg{width:24px;height:24px;color:#000}@media screen and (min-width:750px){.carousel-arrow{width:50px;height:50px}.carousel-arrow--prev{left:20px}.carousel-arrow--next{right:20px}}.carousel-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:10px 0}.carousel-dot{width:10px;height:10px;border-radius:50%;border:none;background:#d1d1d1;cursor:pointer;transition:all .3s ease;padding:0}.carousel-dot:hover{background:#999;transform:scale(1.2)}.carousel-dot.active{background:#000;width:24px;border-radius:5px}@media screen and (min-width:750px){.carousel-dots{gap:10px;margin-top:0}.carousel-dot{width:12px;height:12px}.carousel-dot.active{width:30px}}.placeholder-svg{width:100%;height:auto;background:#f5f5f5;border-radius:8px}.carousel-arrow:focus,.carousel-dot:focus{outline:2px solid #000;outline-offset:2px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.image-carousel{touch-action:pan-y;-webkit-overflow-scrolling:touch}.carousel-slide{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/image-carousel-image.css.map */