/* ===== VIDEO POPUP (Lightbox) ===== */
.yt-popup-overlay{
  position:fixed;
  top:0; left:0; right:0; bottom:0;
  width:100%; height:100%;
  background:rgba(10,15,30,.85);
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
  z-index:999999;
  display:flex; align-items:center; justify-content:center;
  padding:20px;
  opacity:0; visibility:hidden;
  transition:opacity .3s ease, visibility .3s ease;
}
.yt-popup-overlay.yt-open{ opacity:1; visibility:visible; }

.yt-popup-box{
  position:relative;
  width:100%; max-width:900px;
  aspect-ratio:16/9;
  background:#000;
  border-radius:14px;
  box-shadow:0 30px 80px rgba(0,0,0,.5);
}

.yt-popup-box iframe{
  width:100%; height:100%;
  border:0; display:block;
  border-radius:14px;
}

.yt-popup-close{
  position:absolute; top:-14px; right:-14px;
  width:38px; height:38px;
  background:#fff; color:#1A2030;
  border:none; border-radius:50%;
  font-size:20px; line-height:1;
  cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.3);
  z-index:2;
}

/* ===== MOBILE ===== */
@media (max-width:640px){
  .yt-popup-overlay{ padding:14px; }
  .yt-popup-close{ top:8px; right:8px; }
}