.product-video-player{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:12px;background:#080c12;isolation:isolate}
.product-video-player video{display:block;width:100%;height:100%;object-fit:contain}
.product-video-controls{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:6px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(12,18,28,.75);backdrop-filter:blur(12px);z-index:2}
.product-video-controls button{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(255,255,255,.06);color:#e4faff;cursor:pointer}
.product-video-controls button:focus-visible{outline:2px solid #67e8f9;outline-offset:3px}
.product-video-status{position:absolute;top:12px;left:12px;right:12px;text-align:center;color:#fff;background:rgba(8,12,18,.8);border-radius:8px;font-size:.85rem}
.product-video-status:empty{display:none}
#fullscreen-popup .product-video-player{position:absolute;inset:0;width:100%;height:100%}
#fullscreen-popup .modal-image[hidden]{display:none}
.product-video-player:fullscreen{border-radius:0}
@media(prefers-reduced-motion:reduce){.main-images-track:has(.product-video-player){scroll-behavior:auto}}

#fullscreen-popup .modal-content:has(> .product-video-player){width:90vw;height:90vh}
.product-video-thumbnail{position:relative;display:block;overflow:hidden}
.product-video-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.product-video-badge{position:absolute;inset:0;display:grid;place-items:center;color:#fff;text-shadow:0 1px 8px #000;background:rgba(0,0,0,.15);pointer-events:none}

.product-video-player:fullscreen .product-video-controls{bottom:16px}