/* DriveStow hover-to-preview; applies only to hover-capable devices */
.ds-hover-preview{position:absolute;inset:0;isolation:isolate;z-index:2;pointer-events:none;overflow:hidden;background:#F1F5FB;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
[data-ds-hover-preview].is-playing{opacity:1;visibility:visible}
.ds-hover-preview__video,.ds-hover-preview__frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}
.ds-hover-preview__frame{opacity:0;transform:scale(1.01);transition:opacity .45s ease,transform 2.2s ease}
.ds-hover-preview__frame.is-current{opacity:1;transform:scale(1.07)}
.ds-hover-preview__label{position:absolute;left:11px;bottom:11px;z-index:3;display:flex;align-items:center;gap:9px;background:#0b1839ed;color:#fff;padding:9px 12px;border-radius:6px;font-size:9px;font-weight:800;letter-spacing:.1em;line-height:1.2;box-shadow:0 4px 14px #0b183949}
.ds-hover-preview__label>span{font-size:12px;color:#E7C687}
.card-gallery:has(> .ds-hover-preview){position:relative}
.card-gallery:has(> .ds-hover-preview) .ds-hover-preview{border-radius:var(--product-corner-radius,10px)}
.card-gallery:has(> .ds-hover-preview) :is(quick-add-component,.product-badges){z-index:4}
.ds-finder__visual:has(> .ds-hover-preview),.ds-vault__image:has(> .ds-hover-preview){position:relative}
@media (hover:none),(pointer:coarse){.ds-hover-preview{display:none!important}}
@media (prefers-reduced-motion:reduce){.ds-hover-preview,.ds-hover-preview__frame{transition:none!important}.ds-hover-preview__frame.is-current{transform:none!important}}

@keyframes ds-hover-spotlight{0%{transform:scale(1.01) translateX(-1%)}100%{transform:scale(1.12) translateX(1%)}}
.ds-hover-preview--single.is-playing .ds-hover-preview__frame.is-current{animation:ds-hover-spotlight 6s ease-in-out infinite alternate}
@media (prefers-reduced-motion:reduce){.ds-hover-preview--single.is-playing .ds-hover-preview__frame.is-current{animation:none!important}}
