/* Product video modal styles split from root style.css. */
.sc-video-wrap[hidden] { display:none !important; }
.sc-video-overlay { position:fixed; inset:0; background:rgba(15, 23, 42, .65); z-index:1002; backdrop-filter:blur(2px); }
.sc-video-sheet { position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:min(80vw, 760px); max-width:calc(100vw - 72px); max-height:calc(100vh - 72px); padding:20px; border-radius:26px; background:#05070c; box-shadow:0 28px 70px rgba(15, 23, 42, .28); z-index:1003; overflow:auto; }
.sc-video-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; color:#fff; }
.sc-video-title { margin:0; font-size:clamp(1rem, .9rem + .3vw, 1.16rem); line-height:1.25; font-weight:600; overflow-wrap:anywhere; }
.sc-video-close { width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; border:1px solid rgba(255, 255, 255, .12); background:#333e48; color:#fff; cursor:pointer; }
.sc-video-frame { position:relative; aspect-ratio:16 / 9; background:#000; border-radius:20px; overflow:hidden; }
.sc-video-frame iframe,
.sc-video-frame video { width:100%; height:100%; border:0; display:block; background:#000; }
.sc-video-player { object-fit:contain; }
@media (max-width: 1100px) {
  .sc-video-sheet { width:min(84vw, 680px); max-width:calc(100vw - 48px); max-height:calc(100vh - 48px); padding:16px; border-radius:24px; }
}
@media (max-width: 767px) {
  .sc-video-sheet { width:min(84vw, 480px); max-width:calc(100vw - 24px); max-height:calc(100vh - 24px); padding:12px; border-radius:20px; }
  .sc-video-head { margin-bottom:10px; }
  .sc-video-frame { border-radius:16px; }
}