/* V41 Watch Film modal */
.watch-film-modal{
  position:fixed; inset:0; z-index:9999; display:none; align-items:center; justify-content:center; padding:clamp(18px,4vw,48px);
}
.watch-film-modal.is-open{display:flex;}
.watch-film-modal[aria-hidden="false"]{display:flex;}
.watch-film-backdrop{position:absolute; inset:0; background:rgba(2,8,24,.78); backdrop-filter:blur(14px);}
.watch-film-dialog{
  position:relative; width:min(1040px,96vw); max-height:92vh; overflow:hidden;
  border:1px solid rgba(112,90,255,.45); border-radius:28px;
  background:linear-gradient(145deg, rgba(7,16,42,.96), rgba(20,9,45,.94));
  box-shadow:0 40px 140px rgba(0,0,0,.55), 0 0 90px rgba(101,75,255,.22);
}
.watch-film-dialog:before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(circle at 18% 0%, rgba(47,203,255,.18), transparent 34%), radial-gradient(circle at 80% 15%, rgba(155,77,255,.22), transparent 32%);
}
.watch-film-header{position:relative; padding:24px 28px 16px; display:flex; align-items:flex-end; justify-content:space-between; gap:18px;}
.watch-film-header h3{margin:0; color:#fff; font-size:clamp(22px,3vw,34px); letter-spacing:-.04em;}
.watch-film-close{
  position:absolute; top:16px; right:16px; z-index:2; width:42px; height:42px; border-radius:999px;
  border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.08); color:#fff; font-size:28px; line-height:1; cursor:pointer;
}
.watch-film-close:hover{background:rgba(255,255,255,.14);}
.watch-film-player{position:relative; display:block; width:100%; aspect-ratio:16/9; background:#020816; border-top:1px solid rgba(255,255,255,.12);}
body.watch-film-open{overflow:hidden;}
@media(max-width:720px){
  .watch-film-modal{padding:12px;}
  .watch-film-dialog{border-radius:20px;}
  .watch-film-header{padding:20px 56px 12px 18px; align-items:flex-start; flex-direction:column;}
  .watch-film-close{top:12px; right:12px;}
}