/* =====================================================================
   FITCOM — video lightbox  ·  assets/css/video-lightbox.css
   Tap a video poster -> the video pops up large over a dark backdrop.
   Tap outside the video (or X / Esc) -> it closes and stops.
   Script: assets/js/video-lightbox.js
   ===================================================================== */
.fc-vlb{ position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center;
  padding:56px 16px 24px; background:rgba(12,12,12,.88); opacity:0; transition:opacity .22s ease;
  -webkit-tap-highlight-color:transparent; }
.fc-vlb.is-open{ opacity:1; }
.fc-vlb:focus{ outline:none; }
.fc-vlb__close:focus{ outline:none; }
.fc-vlb__close:focus-visible{ outline:2px solid #F6921E; outline-offset:2px; }
.fc-vlb__frame{ position:relative; background:#000; border-radius:16px; overflow:hidden;
  box-shadow:0 24px 80px rgba(0,0,0,.5); transform:scale(.96); transition:transform .22s ease; }
.fc-vlb.is-open .fc-vlb__frame{ transform:scale(1); }
.fc-vlb__frame--vertical{ height:min(86vh, calc((100vw - 32px) * 16 / 9)); aspect-ratio:9/16; }
.fc-vlb__frame--landscape{ width:min(1200px, calc(100vw - 32px), calc(86vh * 16 / 9)); aspect-ratio:16/9; }
.fc-vlb__frame video, .fc-vlb__frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; background:#000; object-fit:contain; }
.fc-vlb__close{ position:absolute; top:12px; right:12px; width:44px; height:44px; border:0; border-radius:50%;
  background:rgba(255,255,255,.14); color:#fff; font-size:20px; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center; transition:background .15s ease; }
.fc-vlb__close:hover{ background:rgba(255,255,255,.26); }
html.fc-vlb-lock, html.fc-vlb-lock body{ overflow:hidden; }
@media (prefers-reduced-motion:reduce){ .fc-vlb, .fc-vlb__frame{ transition:none; } }