.has-hover-slider{position:relative;overflow:hidden}.hover-slider-viewport{display:block;overflow:hidden;clip-path:inset(0)}.product-image-container.has-hover-slider .hover-slider-viewport{position:absolute;top:0;left:0;right:0;bottom:0}.has-hover-slider:not(.product-image-container){position:absolute;top:0;left:0;right:0;bottom:0}.has-hover-slider:not(.product-image-container) .hover-slider-viewport{display:block;width:100%;height:100%;overflow:hidden;clip-path:inset(0)}.hover-slider-viewport>img{display:block;width:100%;height:100%;object-fit:contain}.hover-slider-overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.hover-slider-overlay.hover-slider-transition-fade{opacity:0;transition:opacity var(--slider-transition-speed,.25s) ease}.hover-slider-overlay.hover-slider-transition-fade.visible{opacity:1;pointer-events:auto}.hover-slider-overlay.hover-slider-transition-instant{opacity:0}.hover-slider-overlay.hover-slider-transition-instant.visible{opacity:1;pointer-events:auto}.hover-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:30px;height:30px;background:rgba(255,255,255,.85);border:none;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .15s;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.12);padding:0;pointer-events:none}.hover-slider-arrow--prev{left:6px}.hover-slider-arrow--next{right:6px}.hover-slider-arrow svg{width:12px;height:12px;fill:#333}.has-hover-slider:hover .hover-slider-arrow{opacity:1;pointer-events:auto}.hover-slider-arrow:hover{background:#fff}.hover-slider-arrow.disabled{opacity:0 !important;pointer-events:none}.has-hover-slider:hover .hover-slider-arrow.disabled{opacity:.25 !important}.hover-slider-indicators{display:flex;z-index:10;width:100%;gap:0;pointer-events:none;opacity:0;transition:opacity .15s}.has-hover-slider:hover .hover-slider-indicators{opacity:1}.hover-slider-counter{opacity:0;transition:opacity .15s}.has-hover-slider:hover .hover-slider-counter{opacity:1}.hover-slider-indicators--top{position:absolute;top:0;left:0;right:0}.hover-slider-indicators--bottom{position:absolute;bottom:0;left:0;right:0}.hover-slider-indicators--below{position:relative}.hover-slider-indicators.indicator-bars{gap:1px}.hover-slider-bar{height:3px;background:rgba(0,0,0,.15);transition:background .2s;flex-shrink:0}.hover-slider-bar.active{background:rgba(0,0,0,.55)}.hover-slider-bar.clickable{cursor:pointer;pointer-events:auto}.hover-slider-indicators.indicator-dots{justify-content:center;gap:5px;padding:6px 0}.hover-slider-dot{width:6px;height:6px;border-radius:50%;background:rgba(0,0,0,.25);transition:background .15s,transform .15s;border:none;padding:0}.hover-slider-dot.active{background:rgba(0,0,0,.7);transform:scale(1.3)}.hover-slider-dot.clickable{cursor:pointer;pointer-events:auto}.hover-slider-indicators.indicator-pills{justify-content:center;gap:4px;padding:6px 0}.hover-slider-pill{width:6px;height:6px;border-radius:3px;background:rgba(0,0,0,.2);transition:width .2s,background .2s;border:none;padding:0}.hover-slider-pill.active{width:20px;background:rgba(0,0,0,.6)}.hover-slider-pill.clickable{cursor:pointer;pointer-events:auto}.hover-slider-counter{font-size:11px;color:#fff;background:rgba(0,0,0,.45);padding:2px 8px;border-radius:10px;position:absolute;right:8px;z-index:10}.hover-slider-counter--top{top:8px}.hover-slider-counter--bottom{bottom:8px}.has-hover-slider.nav-mouse-tracking:hover{cursor:col-resize}@media (hover:none),(max-width:767px){.hover-slider-arrow{opacity:1;pointer-events:auto}.hover-slider-arrow.disabled{opacity:.25 !important}.hover-slider-indicators{opacity:1 !important}.hover-slider-counter{opacity:1 !important}}@media (prefers-reduced-motion:reduce){.hover-slider-overlay,.hover-slider-arrow,.hover-slider-bar,.hover-slider-dot,.hover-slider-pill{transition-duration:0ms !important}}