/* VideoGlobal — единый плеер видео. Эталон: главная (index.html). mp4 (нативный <video>) + Vimeo fallback. */
.video-modal{position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:6000;display:none;align-items:center;justify-content:center;padding:24px}
.video-modal.open{display:flex}
/* пока открыто видео — прячем меню сайта, чтобы не перекрывало крестик закрытия */
body:has(.video-modal.open) nav{visibility:hidden!important}
.video-modal-box{position:relative;width:min(1120px,100%);background:#000;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.4);overflow:hidden}
.video-modal-top{position:absolute;top:0;left:0;right:0;z-index:6;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 76px 72px 20px;background:linear-gradient(to bottom,rgba(0,0,0,.88),rgba(0,0,0,.42),rgba(0,0,0,0));pointer-events:none}
.video-modal-top strong{font:900 16px/1.25 var(--fh,'Manrope',system-ui,sans-serif);color:#fff;max-width:72%;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.video-modal-close{position:absolute;top:14px;right:14px;z-index:7;width:44px;height:44px;border:none;border-radius:999px;background:rgba(0,0,0,.58);color:#fff;font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.32);backdrop-filter:blur(6px);pointer-events:auto}
.video-modal-sound{position:absolute;top:66px;right:14px;z-index:7;width:44px;height:44px;border:none;border-radius:999px;background:rgba(0,0,0,.58);color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.32);backdrop-filter:blur(6px);pointer-events:auto}
.video-modal-sound[hidden]{display:none!important}
.video-modal-sound svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.video-modal-close:hover{background:rgba(232,26,46,.92);color:#fff}
.video-modal-sound:hover{background:rgba(232,26,46,.92);color:#fff}
.video-modal-desc{display:none}
.video-modal-frame{position:relative;background:#000}
.video-modal-frame::before{content:'';display:block;padding-top:56.25%}
.video-modal-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-modal-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain;background:#000}
.video-modal-frame.video-is-local video{top:7%;left:3%;width:94%;height:83%}
.video-modal-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video-modal-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,rgba(0,0,0,.18),rgba(0,0,0,.48));cursor:pointer}
.video-modal-play-btn{width:84px;height:84px;border:none;border-radius:50%;background:var(--red,#e81a2e);display:flex;align-items:center;justify-content:center;box-shadow:0 16px 36px rgba(232,26,46,.35);cursor:pointer;transition:transform .18s ease,background .18s ease}
.video-modal-play-btn:hover{background:#c41628;transform:scale(1.06)}
.video-modal-play-btn svg{width:24px;height:24px;fill:#fff;margin-left:4px}
.video-modal-play-note{position:absolute;left:20px;bottom:18px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.video-modal-bottom{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;align-items:flex-end;justify-content:flex-end;gap:16px;padding:18px 20px 20px;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.48),rgba(0,0,0,0))}
.video-modal-note{display:none}
.video-modal-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.video-modal-link{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.24);padding:11px 16px;background:rgba(0,0,0,.42);backdrop-filter:blur(4px)}
.video-modal-link[hidden]{display:none!important}
.video-modal-link:hover{border-color:var(--red,#e81a2e);background:rgba(232,26,46,.14);color:#fff}
.video-modal.video-modal--clean .video-modal-top{background:none}
.video-modal.video-modal--clean .video-modal-top strong,.video-modal.video-modal--clean .video-modal-bottom{display:none}
.video-modal.video-modal--clean .video-modal-sound{display:flex}
@media(max-width:640px){
  .video-modal.video-modal--clean{padding:8px}
  .video-modal.video-modal--clean .video-modal-box{width:calc(100vw - 16px);border:none}
  .video-modal.video-modal--clean .video-modal-frame{margin-top:56px}
  .video-modal.video-modal--clean .video-modal-close{top:8px;right:8px}
  .video-modal.video-modal--clean .video-modal-sound{top:8px;right:60px}
  .video-modal.video-modal--clean .video-modal-frame.video-is-local video{top:0;left:0;width:100%;height:100%;object-fit:contain}
}