body.nil-cinema-immersive-active{overflow-x:hidden;background:#030303}
body.nil-cinema-immersive-active .topbar,
body.nil-cinema-immersive-active .flash-news-bar,
body.nil-cinema-immersive-active .live-sync-status,
body.nil-cinema-immersive-active .site-footer,
body.nil-cinema-immersive-active .bottom-nav,
body.nil-cinema-immersive-active .ai-fab{display:none!important}
body.nil-cinema-immersive-active .app-shell{min-height:100svh;padding:0}
body.nil-cinema-immersive-active #view{width:100%;max-width:none;margin:0;padding:0}
.nil-cinema-immersive-active .nil-cinema-page{width:100%;max-width:none!important;margin:0;padding:0!important;background:#030303}
.nil-cinema-immersive-active .nil-cinema-back{position:fixed;z-index:80;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));min-height:48px;margin:0;padding:0 17px;border:1px solid #e0b953!important;border-radius:999px!important;background:#08090ee8!important;color:#fff!important;box-shadow:0 10px 35px #0009;backdrop-filter:blur(15px)}
.nil-cinema-immersive-active .nil-cinema-world{position:relative;overflow:visible;border:0;border-radius:0;background:#030303;box-shadow:none}
.nil-cinema-immersive-active .nil-cinema-intro{position:absolute;z-index:30;top:18px;right:18px;left:112px;display:grid;grid-template-columns:240px minmax(0,1fr) auto;gap:22px;min-height:90px;padding:13px 18px;border:1px solid #ffffff29;border-radius:18px;background:#05070bd9;color:#fff;box-shadow:0 16px 55px #000a;backdrop-filter:blur(18px)}
.nil-cinema-immersive-active .nil-cinema-brand>span{width:54px;height:54px;border-color:#dfb85e;color:#f5cc69;font-size:2.2rem;box-shadow:5px 5px 0 #701221}
.nil-cinema-immersive-active .nil-cinema-brand small{color:#f5cc69}
.nil-cinema-immersive-active .nil-cinema-brand b{color:#fff}
.nil-cinema-immersive-active .nil-cinema-intro>div:nth-child(2)>p{display:none}
.nil-cinema-immersive-active .nil-cinema-intro h1{margin:0;color:#fff;font:700 clamp(1.55rem,2.5vw,2.65rem)/1 Georgia,serif;letter-spacing:-.025em}
.nil-cinema-immersive-active .nil-cinema-intro h1 br{display:none}
.nil-cinema-immersive-active .nil-cinema-intro h2{margin:5px 0 0;color:#f2d17c;font-size:1.1rem}
.nil-cinema-immersive-active .nil-cinema-intro>aside{min-width:105px;padding:10px 14px;border-color:#ffffff2b;background:#ffffff0c}
.nil-cinema-immersive-active .nil-cinema-intro>aside b{color:#f5cc69;font-size:2.4rem}
.nil-cinema-immersive-active .nil-cinema-intro>aside span{color:#fff}
.nil-cinema-immersive-active .nil-cinema-intro>aside small{color:#c9c9c9}
.nil-cinema-immersive-active .nil-cinema-night{display:flex;min-height:100svh;align-items:flex-start;padding:150px 0 20vh;background:linear-gradient(#0002,#0007),url('assets/cinema-home/cinema-auditorium-v1.jpg') center/cover fixed no-repeat}
.nil-cinema-immersive-active .nil-stars,
.nil-cinema-immersive-active .nil-moon,
.nil-cinema-immersive-active .nil-cairo-skyline,
.nil-cinema-immersive-active .nil-lanterns,
.nil-cinema-immersive-active .nil-river,
.nil-cinema-immersive-active .nil-cinema-terrace{display:none}
.nil-cinema-immersive-active .nil-cinema-stage{width:min(1040px,62vw);margin:0 auto}
.nil-cinema-immersive-active .nil-cinema-screen{border:10px solid #111;border-radius:3px;box-shadow:0 0 0 2px #b98934,0 0 65px #d5a64855,0 28px 100px #000}
.nil-cinema-immersive-active .nil-cinema-now{border-radius:0 0 14px 14px;background:#08090ee8;color:#fff;backdrop-filter:blur(14px)}
.nil-cinema-immersive-active .nil-cinema-now h3{color:#fff}
.nil-cinema-immersive-active .nil-cinema-now h4,
.nil-cinema-immersive-active .nil-cinema-now a{color:#f2cf73}
.nil-cinema-immersive-active .nil-cinema-now p{color:#d9d9d9}
.nil-cinema-immersive-active .nil-cinema-posters{padding:64px clamp(20px,7vw,110px) 80px;background:radial-gradient(circle at 50% 0,#61111e55,transparent 28%),#07080b;color:#fff}
.nil-cinema-immersive-active .nil-cinema-posters>header small{color:#f0ca69}
.nil-cinema-immersive-active .nil-cinema-posters button{border-color:#ffffff20;background:#14151a;color:#fff}
.nil-cinema-immersive-active .nil-cinema-posters button.active,
.nil-cinema-immersive-active .nil-cinema-posters button:hover{border-color:#e0b953;box-shadow:0 18px 45px #0009}
.nil-cinema-immersive-active .nil-cinema-posters button i,
.nil-cinema-immersive-active .nil-cinema-posters button strong{color:#f2ca6a}
.nil-cinema-immersive-active .nil-cinema-world>footer{background:#020204}
@media(max-width:900px){
  .nil-cinema-immersive-active .nil-cinema-intro{top:78px;left:14px;right:14px;grid-template-columns:1fr auto;gap:12px;padding:12px}
  .nil-cinema-immersive-active .nil-cinema-brand{grid-column:1/-1}
  .nil-cinema-immersive-active .nil-cinema-intro h1{font-size:1.55rem}
  .nil-cinema-immersive-active .nil-cinema-intro h2{font-size:.95rem}
  .nil-cinema-immersive-active .nil-cinema-night{min-height:100svh;padding:265px 10px 18vh;background-attachment:scroll}
  .nil-cinema-immersive-active .nil-cinema-stage{width:min(94vw,920px)}
  .nil-cinema-immersive-active .nil-cinema-screen{border-width:5px}
  .nil-cinema-immersive-active .nil-cinema-now{grid-template-columns:1fr}
  .nil-cinema-immersive-active .nil-cinema-now>*{grid-column:1!important;grid-row:auto!important}
}
@media(max-width:520px){
  .nil-cinema-immersive-active .nil-cinema-intro>aside{display:none}
  .nil-cinema-immersive-active .nil-cinema-intro{grid-template-columns:1fr}
  .nil-cinema-immersive-active .nil-cinema-night{padding-top:280px;background-position:center}
  .nil-cinema-immersive-active .nil-cinema-screen{width:100%}
  .nil-cinema-immersive-active .nil-cinema-empty{min-height:210px}
}
@media(prefers-reduced-motion:reduce){.nil-cinema-immersive-active .nil-cinema-night{background-attachment:scroll}}
