/* Andrey Shoppable Video — product gallery video (STAGING-ONLY). Thumb with Play, video slide in the main gallery area, lightbox card. */
.asvg-data{display:contents}
.asvg-data>template{display:none}
/* thumbnail (desktop ≥1200, theme thumbs column): poster cropped like a photo + clear Play badge */
.asvg-thumb{position:relative}
.ds-product-images-additional .asvg-thumb img{object-fit:cover}
.asvg-thumb-play{position:absolute;left:50%;top:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border-radius:50%;background:rgba(0,23,31,.72);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff;pointer-events:none}
.asvg-thumb-play svg{margin-left:2px}
.asvg-thumb-slide.swiper-slide-thumb-active .asvg-thumb-play{background:var(--ds-primary-color,#00a8e8)}
/* main slide: same square box as the 800×800 photos, vertical video letterboxed (nothing cropped) */
.asvg-frame{cursor:default}
.asvg-stage{position:relative;display:block;width:100%;max-width:800px;aspect-ratio:1/1;margin:0 auto;border-radius:4px;overflow:hidden;background:#f3f5f7;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}
.asvg-stage:focus-visible{box-shadow:0 0 0 3px rgba(0,168,232,.45)}
/* specificity above the theme's .ds-product-images-slide img {height:auto} */
.asvg-stage img.asvg-poster,.asvg-stage video.asvg-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;display:block;background:transparent}
.asvg-stage video.asvg-video{z-index:1;background:#f3f5f7}
.asvg-play{position:absolute;left:50%;top:50%;z-index:2;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:rgba(0,23,31,.72);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #fff,0 6px 18px rgba(0,0,0,.25);transition:transform .15s,background .15s;pointer-events:none}
.asvg-play svg{margin-left:4px}
.asvg-stage:hover .asvg-play{transform:scale(1.06);background:var(--ds-primary-color,#00a8e8)}
.asvg-badge{position:absolute;left:12px;top:12px;z-index:2;padding:4px 10px;border-radius:12px;background:rgba(0,23,31,.72);color:#fff;font-size:12px;font-weight:500;line-height:16px;pointer-events:none}
.asvg-sound{position:absolute;right:10px;bottom:14px;z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:rgba(0,23,31,.72);color:#fff;display:none;align-items:center;justify-content:center;padding:0;cursor:pointer}
.asvg-sound:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(0,168,232,.6)}
.asvg-sound .asvg-wave{display:none}
.asvg-stage.is-unmuted .asvg-sound .asvg-wave{display:inline}
.asvg-stage.is-unmuted .asvg-sound .asvg-x{display:none}
.asvg-progress{position:absolute;left:0;right:0;bottom:0;z-index:3;height:3px;background:rgba(0,0,0,.08);display:none}
.asvg-progress i{display:block;height:100%;width:0;background:var(--ds-primary-color,#00a8e8)}
.asvg-stage.is-active .asvg-sound,.asvg-stage.is-active .asvg-progress{display:flex}
.asvg-stage.is-active .asvg-badge{display:none}
.asvg-stage.is-playing .asvg-play{opacity:0}
/* theme lightbox (Fancybox) item for the video: poster + button back to the gallery player */
.asvg-lb{position:relative;width:min(360px,80vw);padding:0;background:transparent;text-align:center}
.asvg-lb img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;border-radius:8px;margin:0 auto 12px}
.asvg-lb-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border:0;border-radius:8px;background:var(--ds-primary-color,#00a8e8);color:#fff;font-size:15px;font-weight:500;cursor:pointer}
@media (max-width:767px){.asvg-play{width:60px;height:60px;margin:-30px 0 0 -30px}.asvg-badge{left:8px;top:8px}}
@media (prefers-reduced-motion:reduce){.asvg-play{transition:none}}