.product-image-slider{display:flex;flex-direction:column;gap:1rem;width:100%}.product-image-slider__main{position:relative;width:100%;background:#f8f8f8;border-radius:var(--media-radius);overflow:hidden}.product-image-slider__main-media{position:relative;width:100%;display:flex;align-items:center;justify-content:center;cursor:zoom-in;background:#f8f8f8}.product-image-slider__main-image{width:100%;height:auto;object-fit:contain;display:block;opacity:1;transition:opacity .3s ease-in-out}.product-image-slider__main-image.is-loading{opacity:.5}.product-image-slider__main-video{width:100%;position:relative;background:#f8f8f8;border-radius:var(--media-radius);overflow:hidden;line-height:0}.product-image-slider__main-video video{width:100%;height:auto;display:block;object-fit:cover}.product-image-slider__main-video iframe{width:100%;aspect-ratio:16 / 9;display:block;border:none}.product-image-slider__main-media:has(.product-image-slider__main-video) .product-image-slider__zoom-icon{display:none!important}.product-image-slider__main-media:has(.product-image-slider__main-video){cursor:default}.product-image-slider__main-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#ffffffe6;border:1px solid rgba(var(--color-foreground),.1);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .2s ease;color:rgb(var(--color-foreground))}.product-image-slider__main-nav:hover{background:#fff;box-shadow:0 2px 8px #0000001a}.product-image-slider__main-nav--prev{left:10px}.product-image-slider__main-nav--next{right:10px}.product-image-slider__main-nav .icon{width:12px;height:12px}.product-image-slider__main-nav--prev .icon{transform:rotate(90deg)}.product-image-slider__main-nav--next .icon{transform:rotate(-90deg)}.product-image-slider__main-nav[disabled]{opacity:.3;cursor:not-allowed}.product-image-slider__thumbnails-wrapper{position:relative;display:flex;align-items:center;gap:.5rem;width:100%}.product-image-slider__thumb-nav{flex-shrink:0;width:32px;height:32px;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.15);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:rgb(var(--color-foreground))}.product-image-slider__thumb-nav:hover:not([disabled]){background:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.3)}.product-image-slider__thumb-nav .icon{width:10px;height:10px}.product-image-slider__thumb-nav--prev .icon{transform:rotate(90deg)}.product-image-slider__thumb-nav--next .icon{transform:rotate(-90deg)}.product-image-slider__thumb-nav[disabled]{opacity:.3;cursor:not-allowed}.product-image-slider__thumbnails{flex:1;display:flex;gap:.75rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:4px;min-width:0}.product-image-slider__thumbnails::-webkit-scrollbar{display:none}.product-image-slider__thumbnail{flex-shrink:0;width:80px;height:80px;border-radius:calc(var(--media-radius) * .5);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;background:#f8f8f8;padding:0;position:relative}.product-image-slider__thumbnail:hover{border-color:rgba(var(--color-foreground),.3)}.product-image-slider__thumbnail.is-active{border-color:rgb(var(--color-foreground))}.product-image-slider__thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.product-image-slider__thumbnail-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffffe6;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;z-index:1}.product-image-slider__thumbnail-badge .icon{width:12px;height:12px}.product-image-slider__zoom-icon{position:absolute;top:12px;left:12px;width:36px;height:36px;background:#ffffffeb;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease;z-index:2;border:1px solid rgba(var(--color-foreground),.1);cursor:pointer;padding:0}.product-image-slider__main:hover .product-image-slider__zoom-icon{opacity:1}.product-image-slider__zoom-icon:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026;background:#fff}.product-image-slider__zoom-icon .icon{width:14px;height:14px;pointer-events:none}.product-zoom-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:#000000eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;touch-action:none;cursor:grab;overflow:hidden}.product-zoom-overlay.is-active{opacity:1;visibility:visible}.product-zoom-overlay.is-grabbing{cursor:grabbing}.product-zoom-overlay__image{max-width:90vw;max-height:85vh;transform-origin:center center;transition:transform .1s ease-out;user-select:none;-webkit-user-select:none;pointer-events:none;will-change:transform;object-fit:contain}.product-zoom-overlay__image.no-transition{transition:none}.product-zoom-overlay__close{position:absolute;top:16px;right:16px;width:44px;height:44px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s ease,transform .2s ease;padding:0}.product-zoom-overlay__close:hover{background:#ffffff40;transform:scale(1.05)}.product-zoom-overlay__close svg{width:18px;height:18px}.product-zoom-overlay__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s ease,transform .2s ease;padding:0}.product-zoom-overlay__nav:hover{background:#ffffff40;transform:translateY(-50%) scale(1.05)}.product-zoom-overlay__nav[disabled]{opacity:.3;cursor:not-allowed}.product-zoom-overlay__nav--prev{left:16px}.product-zoom-overlay__nav--next{right:16px}.product-zoom-overlay__nav svg{width:20px;height:20px}.product-zoom-overlay__zoom-level{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#0009;color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:.02em;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10}.product-zoom-overlay__zoom-level.is-visible{opacity:1}.product-zoom-overlay__hint{position:absolute;bottom:56px;left:50%;transform:translate(-50%);background:#0009;color:#ffffffd9;padding:8px 20px;border-radius:20px;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;white-space:nowrap;opacity:0;animation:zoomHintFade 3s ease .5s forwards;pointer-events:none;z-index:10}@keyframes zoomHintFade{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}.product-zoom-overlay__counter{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#00000080;color:#fff;padding:5px 14px;border-radius:16px;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;z-index:10;pointer-events:none}@media screen and (max-width:749px){.product-zoom-overlay__close{top:12px;right:12px;width:40px;height:40px}.product-zoom-overlay__nav{width:40px;height:40px}.product-zoom-overlay__nav--prev{left:8px}.product-zoom-overlay__nav--next{right:8px}}@media screen and (max-width:749px){.product-image-slider__thumbnails-wrapper{display:none}.product-image-slider__thumbnail{width:60px;height:60px}.product-image-slider__thumb-nav{width:28px;height:28px}.product-image-slider__main-nav{width:34px;height:34px}.product-image-slider__main-nav--prev{left:5px}.product-image-slider__main-nav--next{right:5px}}@media screen and (min-width:750px){.product-image-slider__thumbnail{width:80px;height:80px}}@media screen and (min-width:990px){.product-image-slider__thumbnail{width:100px;height:100px}}.product-image-slider--single .product-image-slider__thumbnails-wrapper,.product-image-slider--single .product-image-slider__main-nav{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.product-image-slider__main-image.fade-in{animation:fadeIn .3s ease-in-out}.product__media-wrapper .product-image-slider{position:relative;z-index:1}
/*# sourceMappingURL=/cdn/shop/t/13/assets/product-image-slider.css.map */