.vy-product-media { position:relative; min-width:0; isolation:isolate; border-radius:14px; overflow:hidden; background:#0d1421; border:1px solid #263450; }
.vy-product-media [hidden] { display:none !important; }
.vy-product-media .vy-gallery-art { border:0; border-radius:0; }
.vy-product-media .vy-game-gallery-brand { bottom:65px; }
.vy-media-video { position:relative; width:100%; min-width:0; box-sizing:border-box; display:grid; grid-template-columns:minmax(0,1fr); place-items:center; aspect-ratio:1.25; min-height:410px; background:radial-gradient(ellipse at 50% 40%,#102c61,#080e19 75%); }
.vy-media-player { position:absolute; inset:0; display:flex; align-items:center; }
.vy-media-player iframe { width:100%; aspect-ratio:16/9; border:0; background:#000; }
.vy-media-placeholder { position:relative; text-align:center; padding:70px 30px; max-width:420px; width:100%; min-width:0; box-sizing:border-box; overflow-wrap:break-word; }
.vy-media-play-icon { width:60px; height:60px; margin:0 auto 25px; display:grid; place-items:center; padding-left:4px; color:#8fbbff; background:#1b6cff1c; border:1px solid #3279eb60; border-radius:18px; font-size:22px; }
.vy-media-placeholder .vy-eyebrow { font-size:8px; letter-spacing:.15em; color:#78a7f7; margin-bottom:14px; }
.vy-media-placeholder h2 { font-size:27px; letter-spacing:-.8px; color:#edf3ff; margin:0 0 14px; }
.vy-media-placeholder p:last-child { color:#8a99b3; font-size:12px; line-height:1.8; margin:0; }
.vy-media-controls { position:absolute; right:16px; bottom:16px; z-index:5; display:flex; align-items:center; gap:5px; padding:5px; border:1px solid #40557599; background:#090f1fe8; border-radius:12px; backdrop-filter:blur(12px); }
.vy-product-media[data-video-active="true"] .vy-media-controls { top:14px; bottom:auto; }
.vy-media-arrow { display:grid; place-items:center; width:36px; height:36px; padding:8px; border:0; border-radius:8px; background:#146bff; color:white; cursor:pointer; transition:background .15s; }
.vy-media-arrow svg { width:20px; height:20px; }
.vy-media-arrow:hover:not(:disabled) { background:#4087ff; }
.vy-media-arrow:disabled { background:#ffffff06; color:#586780; cursor:default; }
.vy-media-arrow:focus-visible { outline:2px solid #89c3ff; outline-offset:3px; }
.vy-media-status { min-width:99px; text-align:center; color:#c7d6ef; font-size:10px; letter-spacing:.02em; }
@media(max-width:940px) { .vy-media-video { min-height:360px; } }
@media(max-width:680px) { .vy-media-video { min-height:300px; }.vy-media-placeholder { padding:72px 25px 35px; }.vy-media-placeholder h2 { font-size:23px; }.vy-media-placeholder p:last-child { font-size:11px; }.vy-media-play-icon { width:48px; height:48px; font-size:18px; margin-bottom:18px; }.vy-media-controls { right:12px; bottom:12px; }.vy-media-arrow { width:36px; height:36px; }.vy-media-status { min-width:88px; font-size:9px; } }