/* CINEGO WEB V498: poster first 3-4 seconds, then auto trailer. CSS kept safe/unminified. */
/* CineGo v496 PageSpeed CSS bundle - SAFE CONCAT ONLY.
   No minification: preserves calc() spaces and mobile cascade exactly. */


/* ===== /assets/cinego-app.v20260609-v431_trailer_subtitle_burnin_ribbon_only.css ===== */
*{box-sizing:border-box;margin:0;padding:0}
  :root{
    --gold:#E8A020;
    --bg:#0a0a0f;
    --surface:#13131a;
    --surface2:#1c1c26;
    --text:#f0f0f0;
    --muted:#888;
    --safe-top:env(safe-area-inset-top, 0px);
    --safe-bottom:env(safe-area-inset-bottom, 0px);
    --safe-left:env(safe-area-inset-left, 0px);
    --safe-right:env(safe-area-inset-right, 0px);
    --bottom-nav-h:calc(68px + var(--safe-bottom));
  }
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;min-height:100vh;min-height:100dvh;overflow-x:hidden;overscroll-behavior-x:none}
  img,video,iframe{max-width:100%}
  button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}

  /* TOPBAR */
  .topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + var(--safe-top)) max(16px,var(--safe-left)) 12px max(16px,var(--safe-right));background:linear-gradient(to bottom,rgba(10,10,15,0.98),transparent);position:fixed;top:0;left:0;right:0;z-index:100}
  .logo{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:2px;color:var(--gold);line-height:1}
  .logo span{display:block;font-family:'Inter',sans-serif;font-size:9px;font-weight:500;letter-spacing:3px;color:var(--muted);text-transform:uppercase;margin-top:2px}
  .topbar-right{display:flex;align-items:center;gap:14px}
  .icon-btn{width:34px;height:34px;border-radius:50%;background:var(--surface2);border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);transition:background 0.2s}
  .icon-btn:hover{background:var(--surface)}
  .avatar{width:34px;height:34px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#000;cursor:pointer}


  /* PROFILE / MEMBERSHIP */
  .profile-panel{position:fixed;top:calc(62px + var(--safe-top));right:max(16px,var(--safe-right));z-index:260;width:min(360px,calc(100vw - 32px));background:rgba(19,19,26,.98);border:1px solid rgba(255,255,255,.10);border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.55);padding:16px;backdrop-filter:blur(14px)}
  .profile-panel.hidden{display:none}
  .profile-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}
  .profile-big-avatar{width:46px;height:46px;border-radius:50%;background:var(--gold);color:#000;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;flex-shrink:0}
  .profile-name{font-weight:800;font-size:15px;line-height:1.2}
  .profile-email{font-size:12px;color:var(--muted);margin-top:3px;word-break:break-word}
  .profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
  .profile-tile{background:var(--surface2);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px;min-width:0}
  .profile-tile span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
  .profile-tile b{display:block;font-size:13px;color:var(--text);word-break:break-word}
  .profile-status{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:12px;padding:13px 12px;margin:12px 0;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
  .profile-status .dot{width:9px;height:9px;border-radius:50%;background:#ff6b6b;box-shadow:0 0 0 4px rgba(255,107,107,.12);flex-shrink:0}
  .profile-status.active .dot{background:#6fcf97;box-shadow:0 0 0 4px rgba(111,207,151,.12)}
  .profile-status strong{font-size:13px}.profile-status small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
  .profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
  .profile-actions button{flex:1;min-width:130px;border:1px solid rgba(255,255,255,.12);background:var(--surface2);color:var(--text);border-radius:10px;padding:11px 12px;font-weight:700;cursor:pointer}
  .profile-actions .gold{background:var(--gold);color:#000;border-color:var(--gold)}
  .profile-actions .danger{color:#ff8a8a;background:rgba(255,107,107,.08);border-color:rgba(255,107,107,.22)}
  /* Profile panel clean mode: show only name/email + membership status + actions.
     The old middle detail tiles stay in the markup for compatibility but are hidden on all devices. */
  .profile-panel .profile-grid{display:none!important}
  .profile-panel .profile-head{display:flex!important}
  .premium-tag{display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:rgba(232,160,32,.18);color:var(--gold);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:4px 7px;margin-left:5px;vertical-align:middle}
  .app-toast{position:fixed;left:50%;bottom:calc(86px + var(--safe-bottom));transform:translateX(-50%);z-index:520;max-width:min(420px,calc(100vw - 32px));background:rgba(19,19,26,.98);border:1px solid rgba(255,255,255,.10);color:var(--text);border-radius:999px;padding:12px 16px;box-shadow:0 16px 50px rgba(0,0,0,.45);font-size:13px;text-align:center}
  .app-toast.hidden{display:none}
  .subscribe-modal{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.78);display:flex;align-items:center;justify-content:center;padding:24px}
  .subscribe-modal.hidden{display:none}
  .subscribe-card{width:min(520px,100%);background:var(--surface);border:1px solid rgba(255,255,255,.10);border-radius:22px;padding:22px;box-shadow:0 26px 90px rgba(0,0,0,.6);position:relative}
  .subscribe-card h2{font-size:22px;margin-bottom:8px}.subscribe-card p{color:var(--muted);font-size:13px;line-height:1.55;margin-bottom:14px}
  .subscribe-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%;background:var(--surface2);color:var(--text);border:1px solid rgba(255,255,255,.1);cursor:pointer}
  .plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.plan-card{background:var(--surface2);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:14px;cursor:pointer}.plan-card.active{border-color:var(--gold);box-shadow:0 0 0 2px rgba(232,160,32,.12)}.plan-card strong{display:block}.plan-card span{display:block;color:var(--gold);font-size:20px;font-weight:800;margin-top:4px}.qr-box{border:1px dashed rgba(255,255,255,.18);border-radius:16px;padding:18px;display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.035);margin:14px 0}.qr-demo{width:92px;height:92px;background:repeating-linear-gradient(45deg,#fff 0 6px,#111 6px 12px);border:8px solid #fff;border-radius:8px;flex-shrink:0}.qr-box b{display:block;font-size:14px}.qr-box small{color:var(--muted);font-size:12px;line-height:1.5}.subscribe-actions{display:flex;gap:10px;flex-wrap:wrap}.subscribe-actions button{flex:1;border:0;border-radius:10px;padding:13px 14px;font-weight:800;cursor:pointer}.subscribe-actions .success{background:#6fcf97;color:#04120a}.subscribe-actions .ghost{background:var(--surface2);color:var(--text);border:1px solid rgba(255,255,255,.10)}
  .profile-grid-wide{grid-template-columns:1fr 1fr}
  .payment-card{width:min(940px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:22px 22px 20px}
  .payment-title-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}
  .payment-title-row h2{margin-bottom:7px}.payment-title-row p{max-width:650px}
  .payment-status{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);padding:9px 12px;font-weight:800;font-size:12px;white-space:nowrap}
  .payment-status span{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(232,160,32,.14)}
  .payment-status.success span{background:#6fcf97;box-shadow:0 0 0 4px rgba(111,207,151,.14)}.payment-status.expired span{background:#ff6b6b;box-shadow:0 0 0 4px rgba(255,107,107,.14)}
  .payment-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.payment-left,.payment-right{min-width:0}.payment-left h3,.payment-right h3{font-size:13px;margin-bottom:10px;color:var(--gold);text-transform:uppercase;letter-spacing:.8px}
  .qpay-plan-grid{margin-top:0}.qpay-plan-grid .plan-card small{display:block;color:var(--muted);font-size:12px;margin-top:8px;line-height:1.4}.qpay-plan-grid .plan-card.active{background:linear-gradient(180deg,rgba(232,160,32,.16),rgba(255,255,255,.045))}
  .bank-pay-card,.invoice-table,.payment-note{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:18px}.bank-pay-card{padding:16px}.bank-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.bank-head b{display:block;font-size:15px}.bank-head small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
  .bank-logo-demo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#22543d,#0b7a45);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;letter-spacing:.5px;box-shadow:0 12px 32px rgba(0,0,0,.28)}
  .qr-holder{display:grid;grid-template-columns:158px 1fr;gap:16px;align-items:center}.qpay-real{width:158px;height:158px;border:10px solid #fff;background:#fff;border-radius:14px;display:grid;grid-template-columns:repeat(21,1fr);grid-template-rows:repeat(21,1fr);gap:1px;box-shadow:0 16px 45px rgba(0,0,0,.35);overflow:hidden}.qpay-real i{display:block;border-radius:1px;background:#fff}.qpay-real i.on{background:#111}.qpay-real:empty{background:repeating-linear-gradient(45deg,#111 0 5px,#fff 5px 10px)}
  .invoice-meta{display:grid;gap:6px}.invoice-meta span,.invoice-table span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.invoice-meta b{font-size:15px;word-break:break-all}.invoice-meta b#payment-amount{font-size:24px;color:var(--gold)}
  .pay-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.pay-apps button{border:1px solid rgba(255,255,255,.10);background:var(--surface2);color:var(--text);border-radius:12px;padding:10px 8px;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px}
  .invoice-table{display:grid;gap:0;overflow:hidden}.invoice-table div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.075)}.invoice-table div:last-child{border-bottom:0}.invoice-table b{text-align:right;font-size:13px;word-break:break-word}.payment-note{margin:14px 0;padding:13px 14px;color:rgba(240,240,240,.72);font-size:12px;line-height:1.55;display:flex;gap:8px}.payment-note i{color:var(--gold);font-size:17px;flex-shrink:0;margin-top:1px}
  .payment-actions{margin-top:10px}.payment-actions button:disabled{opacity:.55;cursor:not-allowed}.count-red{color:#ff8a8a!important}.count-gold{color:var(--gold)!important}.count-green{color:#6fcf97!important}
  @media(max-width:840px){.payment-layout{grid-template-columns:1fr}.payment-title-row{flex-direction:column}.qr-holder{grid-template-columns:132px 1fr}.qpay-real{width:132px;height:132px}.pay-apps{grid-template-columns:1fr}}

  @media(max-width:640px){.profile-grid,.plan-grid{grid-template-columns:1fr}.profile-panel{top:calc(56px + var(--safe-top));right:16px}.qr-box{align-items:flex-start}}


  /* HERO */
  .hero{position:relative;height:clamp(360px,52vh,560px);min-height:360px;max-height:560px;overflow:hidden}
  .hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0f0f1a 0%,#1a1030 40%,#0d1525 100%)}
  .hero-carousel{position:absolute;right:0;top:0;bottom:0;width:min(58%,740px);z-index:1;display:flex;align-items:center;gap:6px;padding:16px 10px 16px 0;pointer-events:auto}
  .hero-car-btn{flex-shrink:0;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,0.28);background:rgba(0,0,0,0.55);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:background 0.2s,border-color 0.2s;z-index:3}
  .hero-car-btn:hover{background:rgba(232,160,32,0.9);color:#000;border-color:var(--gold)}
  .hero-carousel-viewport{flex:1;min-width:0;height:100%;overflow:hidden;display:flex;align-items:center;position:relative;perspective:1000px}
  .hero-carousel-track{display:flex;align-items:center;gap:clamp(10px,2vw,18px);height:100%;padding:12px 4px;will-change:transform}
  .hero-slide{flex:0 0 auto;width:clamp(92px,14vw,128px);aspect-ratio:2/3;border-radius:10px;overflow:hidden;cursor:pointer;opacity:0.4;transform:scale(0.76) translateZ(-30px);transition:opacity 0.5s ease,transform 0.5s ease,box-shadow 0.5s ease,filter 0.5s ease;box-shadow:0 6px 20px rgba(0,0,0,0.45);filter:brightness(0.68)}
  .hero-slide.active{width:clamp(118px,19vw,168px);opacity:1;transform:scale(1) translateZ(0);z-index:2;box-shadow:0 18px 44px rgba(0,0,0,0.6);filter:brightness(1)}
  .hero-slide img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
  .hero-carousel-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:4}
  .hero-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.35);border:none;padding:0;cursor:pointer;transition:background 0.2s,transform 0.2s}
  .hero-dot.active{background:var(--gold);transform:scale(1.2)}
  .hero-poster{display:none}
  .hero-bg .stars,.hero-bg .moon{z-index:1;opacity:0.35}
  .stars{position:absolute;inset:0;pointer-events:none}
  .star{position:absolute;border-radius:50%;background:white;animation:twinkle 3s infinite alternate}
  @keyframes twinkle{0%{opacity:0.1}100%{opacity:0.7}}
  .moon{position:absolute;right:120px;top:120px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f5d98a,#c9941a);box-shadow:0 0 60px rgba(232,160,32,0.25)}
  .hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(to right,rgba(10,10,15,0.97) 0%,rgba(10,10,15,0.82) 32%,rgba(10,10,15,0.35) 58%,rgba(10,10,15,0.08) 100%),linear-gradient(to top,rgba(10,10,15,1) 0%,transparent 48%)}
  .hero-content{position:absolute;bottom:72px;left:40px;max-width:min(480px,52%);z-index:3}
  .badge{display:inline-flex;align-items:center;gap:6px;background:var(--gold);color:#000;font-size:10px;font-weight:700;padding:4px 10px;border-radius:4px;margin-bottom:14px;letter-spacing:1px;text-transform:uppercase}
  .hero-title{font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.05;margin-bottom:10px}
  .hero-meta{font-size:13px;color:var(--muted);margin-bottom:8px;display:flex;gap:14px;flex-wrap:wrap}
  .hero-meta span{display:flex;align-items:center;gap:4px}
  .hero-desc{font-size:14px;color:rgba(240,240,240,0.7);line-height:1.6;margin-bottom:20px;max-width:380px}
  .progress-bar{width:220px;height:3px;background:var(--surface2);border-radius:2px;margin-bottom:22px}
  .progress-fill{height:100%;width:40%;background:var(--gold);border-radius:2px}
  .hero-actions{display:flex;gap:10px;flex-wrap:wrap}
  .play-btn{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:#000;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:700;cursor:pointer;transition:opacity 0.2s}
  .play-btn:hover{opacity:0.9}
  .more-btn{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.1);color:var(--text);border:1px solid rgba(255,255,255,0.15);border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:background 0.2s;text-decoration:none}
  .more-btn:hover{background:rgba(255,255,255,0.15)}

  /* SCROLL CONTENT */
  .content{padding:0 24px 40px;margin-top:-40px;position:relative;z-index:1}

  /* TABS */
  .tabs{display:flex;gap:0;border-bottom:1px solid var(--surface2);margin-bottom:24px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tab{flex:0 0 auto;font-size:14px;font-weight:500;padding:12px 18px;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;transition:all 0.2s;white-space:nowrap}
  .tab.active{color:var(--text);border-bottom-color:var(--gold)}
  .tab:hover{color:var(--text)}

  /* GENRE — Netflix style */
  .genre-chips{display:flex;gap:10px;overflow-x:auto;padding:4px 0 20px;margin-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .genre-chips::-webkit-scrollbar{display:none}
  .genre-chip{flex:0 0 auto;padding:10px 20px;border-radius:999px;background:var(--surface2);border:1px solid rgba(255,255,255,0.1);font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:all 0.2s;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}
  .genre-chip:hover{color:var(--text);border-color:rgba(232,160,32,0.4)}
  .genre-chip.active{background:var(--gold);color:#000;border-color:var(--gold)}
  .genre-chip i{font-size:15px}
  .genre-section .section-title{cursor:pointer}
  .genre-section .section-title:hover{color:var(--gold)}
  .genre-badge{position:absolute;top:6px;left:6px;z-index:2;font-size:9px;font-weight:700;padding:3px 7px;border-radius:4px;background:rgba(0,0,0,0.65);color:var(--gold);letter-spacing:0.5px;text-transform:uppercase}
  .tab-panel{display:block}
  .tab-panel.hidden{display:none}

  /* SECTIONS */
  .section{margin-bottom:32px}
  .section-title{font-size:15px;font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:8px;color:var(--text)}
  .section-title i{color:var(--gold);font-size:16px}

  /* CARDS ROW */
  .cards-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:var(--surface2) transparent}
  .cards-row::-webkit-scrollbar{height:4px}
  .cards-row::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:2px}
  .card{flex:0 0 150px;cursor:pointer;transition:transform 0.2s}
  .card:hover{transform:scale(1.04)}
  .card-thumb{width:150px;height:100px;border-radius:10px;margin-bottom:8px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:38px;background-size:cover;background-position:center}
  .card-thumb.has-poster{font-size:0}
  .thumb-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.75) 0%,transparent 60%)}
  .progress-mini{position:absolute;bottom:7px;left:7px;right:7px;height:2px;background:rgba(255,255,255,0.2);border-radius:2px}
  .progress-mini-fill{height:100%;background:var(--gold);border-radius:2px}
  .card-title{font-size:12px;font-weight:600;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .card-sub{font-size:11px;color:var(--muted)}

  /* FEATURED ROW (wider cards) */
  .featured-card{flex:0 0 200px;cursor:pointer;transition:transform 0.2s}
  .featured-card:hover{transform:scale(1.03)}
  .featured-thumb{width:200px;height:130px;border-radius:10px;margin-bottom:8px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:48px;background-size:cover;background-position:center}
  .featured-thumb.has-poster{font-size:0}
  .rank-badge{position:absolute;top:8px;left:8px;background:var(--gold);color:#000;font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px}

  /* MODAL */
  .modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.85);z-index:200;display:none;align-items:center;justify-content:center;padding:20px;padding-top:calc(20px + var(--safe-top));padding-bottom:calc(20px + var(--safe-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}
  .modal-overlay.open{display:flex}
  .modal{background:var(--surface);border-radius:16px;width:100%;max-width:920px;max-height:calc(100dvh - 40px - var(--safe-top) - var(--safe-bottom));overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:fadeIn 0.25s ease}
  .modal-body{display:block;min-height:0}
  .modal-main{display:flex;flex-direction:column;min-width:0}
  .modal-episodes{width:92px;flex-shrink:0;border-left:1px solid rgba(255,255,255,0.1);background:var(--surface);padding:12px 10px;display:flex;flex-direction:column;gap:10px;z-index:6}
  .modal-episodes.hidden{display:none}
  .modal-episodes-title{font-size:10px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1px;text-align:center;padding-bottom:4px;border-bottom:1px solid var(--surface2)}
  .episode-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;padding-top:4px}
  .episode-btn{width:100%;min-height:44px;border-radius:10px;border:1px solid rgba(255,255,255,0.14);background:var(--surface2);color:var(--text);font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;transition:all 0.2s;flex-shrink:0}
  .episode-btn:hover{border-color:var(--gold);color:var(--gold);background:rgba(232,160,32,0.12)}
  .episode-btn.active{background:var(--gold);color:#000;border-color:var(--gold)}
  @keyframes fadeIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}
  .modal-video{position:relative;width:100%;background:#000;display:flex;flex-direction:row;align-items:stretch;overflow:hidden}
  .modal-video-stage{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;background:#000;padding:10px 8px;overflow:hidden}
  .modal-video-inner{position:relative;width:min(100%,calc(min(50dvh,440px) * 16 / 9));max-width:100%;aspect-ratio:16/9;max-height:min(50dvh,440px);height:auto;margin:0 auto;background:#000}
  .modal-video.playing .modal-video-inner:not(:fullscreen):not(:-webkit-full-screen){
    max-height:min(48dvh,420px);
    width:min(100%,calc(min(48dvh,420px) * 16 / 9));
  }
  .modal-video-inner iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2;opacity:0;pointer-events:none;transition:opacity 0.25s}
  .modal-video.playing .modal-video-inner iframe{opacity:1;pointer-events:auto}
  .video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;z-index:1;background:#000;transition:opacity 0.35s}
  .video-poster.hidden{opacity:0;pointer-events:none}
  .modal-play-center{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.2);border:0;cursor:pointer;transition:background 0.2s}
  .modal-play-center:hover{background:rgba(0,0,0,0.35)}
  .modal-play-center i{width:72px;height:72px;border-radius:50%;background:var(--gold);color:#000;display:flex;align-items:center;justify-content:center;font-size:34px;box-shadow:0 8px 32px rgba(0,0,0,0.45)}
  .modal-video.playing .modal-play-center{display:none}
  .modal-video-inner:fullscreen,.modal-video-inner:-webkit-full-screen{width:100vw!important;max-width:none!important;height:100vh!important;max-height:none!important;aspect-ratio:auto!important;zoom:1!important;transform:none!important}
  .modal-video-inner:fullscreen iframe,.modal-video-inner:-webkit-full-screen iframe{position:absolute;inset:0;width:100%;height:100%}
  .modal-video-inner:fullscreen .video-poster,.modal-video-inner:-webkit-full-screen .video-poster{object-fit:contain}
  .modal-info{padding:20px 24px}
  .modal-title{font-size:22px;font-weight:700;margin-bottom:6px}
  .modal-meta{font-size:13px;color:var(--muted);margin-bottom:10px;display:flex;gap:12px}
  .modal-desc{font-size:14px;color:rgba(240,240,240,0.75);line-height:1.6;margin-bottom:16px}
  .modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,0.6);border:none;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px}
  .modal-actions{display:flex;gap:10px}

  /* DETAIL PAGE — LookTV загвар */
  body.watch-mode main,body.watch-mode .bottom-nav{display:none!important}
  body.watch-mode .topbar{background:transparent;border:none}
  .watch-page{display:none;min-height:100dvh;position:relative}
  .watch-page.active{display:block}
  .detail-hero{position:absolute;inset:0;z-index:0;background:#0a0a0f center/cover no-repeat}
  .detail-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(10,10,15,0.97) 0%,rgba(10,10,15,0.88) 42%,rgba(10,10,15,0.55) 68%,rgba(10,10,15,0.35) 100%),linear-gradient(to top,rgba(10,10,15,1) 0%,rgba(10,10,15,0.5) 35%,transparent 70%)}
  .detail-wrap{position:relative;z-index:1;max-width:1320px;margin:0 auto;padding:calc(72px + var(--safe-top)) max(24px,var(--safe-right)) calc(32px + var(--safe-bottom)) max(24px,var(--safe-left))}
  .detail-layout{display:flex;gap:28px;align-items:flex-start}
  .detail-main{flex:1;min-width:0;max-width:720px}
  .detail-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(42px,7vw,72px);font-weight:400;letter-spacing:2px;line-height:0.95;margin-bottom:14px;text-transform:uppercase;color:#fff}
  .detail-meta{font-size:14px;color:rgba(240,240,240,0.75);margin-bottom:18px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
  .detail-meta .sep{opacity:0.45}
  .detail-desc{font-size:15px;color:rgba(240,240,240,0.82);line-height:1.7;margin-bottom:16px;max-width:640px}
  .detail-credits{font-size:13px;color:var(--muted);line-height:1.55;margin-bottom:24px;max-width:640px}
  .detail-credits:empty{display:none}
  .detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}
  .detail-play-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:6px;border:2px solid #fff;background:transparent;color:#fff;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:all 0.2s}
  .detail-play-btn:hover{background:#fff;color:#000}
  .detail-play-btn i{font-size:16px}
  .detail-sec-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:6px;border:1px solid rgba(255,255,255,0.35);background:transparent;color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all 0.2s}
  .detail-sec-btn:hover{border-color:#fff;background:rgba(255,255,255,0.08)}
  .detail-episodes{width:min(380px,38%);flex-shrink:0;display:flex;flex-direction:column;max-height:calc(100dvh - 120px - var(--safe-top))}
  .detail-episodes.hidden{display:none}
  .detail-episodes-head{font-size:13px;font-weight:700;color:var(--muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}
  .detail-ep-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1;min-height:0;padding-right:6px;scrollbar-width:thin}
  .ep-card{display:flex;gap:12px;padding:10px;border-radius:10px;background:rgba(19,19,26,0.75);border:1px solid rgba(255,255,255,0.08);cursor:pointer;transition:border-color 0.2s,background 0.2s}
  .ep-card:hover{border-color:rgba(232,160,32,0.45);background:rgba(28,28,38,0.9)}
  .ep-card.active{border-color:var(--gold);background:rgba(232,160,32,0.12)}
  .ep-thumb{width:120px;flex-shrink:0;aspect-ratio:16/10;border-radius:6px;background:#000 center/cover no-repeat;position:relative;overflow:hidden}
  .ep-thumb-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.35);opacity:0;transition:opacity 0.2s}
  .ep-card:hover .ep-thumb-play,.ep-card.active .ep-thumb-play{opacity:1}
  .ep-thumb-play i{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.92);color:#000;display:flex;align-items:center;justify-content:center;font-size:18px}
  .ep-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:2px 0}
  .ep-title{font-size:13px;font-weight:700;color:var(--text)}
  .ep-snippet{font-size:12px;color:var(--muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .ep-runtime{font-size:11px;color:rgba(255,255,255,0.45);margin-top:auto}
  /* Fullscreen тоглуулагч */
  .player-fs-overlay{position:fixed;inset:0;z-index:400;background:#000;display:none;align-items:center;justify-content:center}
  .player-fs-overlay.open{display:flex}
  .player-fs-close{position:absolute;top:calc(12px + var(--safe-top));right:max(12px,var(--safe-right));z-index:30;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,0.25);background:rgba(0,0,0,0.6);color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center}
  .player-fs-close:hover{background:var(--gold);color:#000;border-color:var(--gold)}
  .watch-video-inner{position:relative;width:100vw;height:100vh;max-width:100%;max-height:100%;background:#000;isolation:isolate}
  .watch-video-inner:fullscreen,.watch-video-inner:-webkit-full-screen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;background:#000!important;overflow:hidden!important}
  .watch-video-inner iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:1}
  .watch-video-inner iframe.no-iframe-fullscreen{allowfullscreen:false}

  .watch-native-video{position:absolute;inset:0;width:100%;height:100%;background:#000;display:none;object-fit:contain;z-index:1}
  .watch-native-video.active{display:block}

  .watch-subtitle-overlay{border-radius:12px;position:absolute;left:50%;top:82%;transform:translate(-50%,-50%);transform-origin:center center;z-index:6;width:58%;max-width:none;min-width:0;padding:6px 12px;text-align:center;line-height:1.25;white-space:normal;overflow-wrap:normal;word-break:normal;box-sizing:border-box;font-weight:800;color:#fff;font-size:26px;text-shadow:0 0 3px #000,0 3px #000,3px 0 #000,-3px 0 #000;pointer-events:none;display:none;align-items:center;justify-content:center;contain:layout paint;will-change:left,top,font-size,width,height}.watch-subtitle-overlay.show{display:flex}
  .watch-video-inner:fullscreen .watch-subtitle-overlay,.watch-video-inner:-webkit-full-screen .watch-subtitle-overlay{z-index:30}
  /* Дээд зүүн булангийн тусдаа fullscreen товчийг нуусан.
     Bunny iframe-ийн өөрийн fullscreen popup-ийг ашиглуулахгүй, доод баруун хэсгийг
     манай wrapper fullscreen товч бүрэн дарж авна. */
  .player-native-fullscreen-btn{display:none!important}
  .watch-fs-direct-btn{position:absolute;right:0;bottom:0;width:150px;height:96px;z-index:2147483000;border:0;background:transparent;color:#fff;padding:0;margin:0;cursor:pointer;opacity:1;-webkit-tap-highlight-color:transparent;touch-action:manipulation;display:flex;align-items:flex-end;justify-content:flex-end}
  .watch-fs-direct-btn::before{content:'⛶';display:block;margin:0 18px 16px 0;width:28px;height:28px;line-height:26px;text-align:center;border-radius:6px;background:rgba(0,0,0,.08);color:rgba(255,255,255,.01);font-size:22px}
  .watch-fs-direct-btn:focus{outline:none}.watch-fs-direct-btn:active{opacity:.96}
  .watch-video-inner.player-pseudo-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;z-index:99999!important;background:#000!important;overflow:hidden!important;border-radius:0!important}
  body.player-pseudo-fullscreen-active{overflow:hidden!important;touch-action:none}
  body.player-pseudo-fullscreen-active .topbar,body.player-pseudo-fullscreen-active .bottom-nav{display:none!important}

  /* Netflix/Bunny style 10s overlay: hidden by default, appears on mouse/touch/keyboard activity. */
  .watch-seek-controls{position:absolute;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%) scale(.96);z-index:2147483010;display:flex;align-items:center;justify-content:center;gap:72px;pointer-events:none;opacity:0;transition:opacity .22s ease,transform .22s ease;-webkit-tap-highlight-color:transparent}
  .watch-video-inner.controls-visible .watch-seek-controls{opacity:.94;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
  .watch-seek-btn{width:58px;height:58px;min-width:0;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.30);backdrop-filter:blur(8px);color:rgba(255,255,255,.92);font-weight:900;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.26);font-family:inherit;touch-action:manipulation;display:flex;align-items:center;justify-content:center}
  .watch-seek-btn i{font-size:30px;line-height:1;display:block}
  .watch-seek-btn:hover{background:rgba(0,0,0,.44);border-color:rgba(255,255,255,.42);color:#fff}
  .watch-seek-btn:active{transform:scale(.92);background:rgba(255,255,255,.20);border-color:rgba(255,255,255,.56);color:#fff}
  .watch-seek-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  @media(max-width:720px){.watch-seek-controls{gap:56px}.watch-seek-btn{width:54px;height:54px;font-size:28px}.watch-seek-btn i{font-size:28px}}
    @media(max-width:720px){.watch-fs-direct-btn{width:128px;height:96px}.watch-video-inner.player-pseudo-fullscreen{height:100svh!important}}
  /* Portrait/vertical video mobile fix: make the inline player itself 9:16 so
     subtitle X/Y/scale is calculated on the real vertical frame, not on a short landscape box. */
  .watch-player-section.is-portrait-video .inline-player-wrap{background:#000}
  .watch-player-section.is-portrait-video .inline-player-mount{background:#000}
  @media(min-width:981px){
    .watch-page.episode-playing .watch-player-section.is-portrait-video .inline-player-mount{max-width:315px;margin:0 auto}
  }
  @media(max-width:980px){
    .watch-page.episode-playing .watch-player-section.is-portrait-video .inline-player-wrap,
    .watch-page.episode-playing .watch-player-section.is-portrait-video .inline-player-mount{
      height:min(82svh,calc((100vw - 28px) * 16 / 9))!important;
      min-height:min(82svh,calc((100vw - 28px) * 16 / 9))!important;
    }
  }

  .player-lock{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.82);z-index:24;padding:24px;text-align:center}
  .player-lock.show{display:flex}.player-lock-card{max-width:420px;background:var(--surface);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:22px}.player-lock-card h3{font-size:20px;margin-bottom:8px}.player-lock-card p{color:var(--muted);font-size:13px;line-height:1.55;margin-bottom:14px}.player-lock-card button{background:var(--gold);color:#000;border:0;border-radius:10px;padding:12px 16px;font-weight:800;cursor:pointer}
  .player-error{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;display:none;max-width:min(88vw,460px);background:rgba(17,17,22,.94);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px;text-align:center;color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.45)}
  .player-error.show{display:block}.player-error h3{font-size:18px;margin-bottom:8px}.player-error p{font-size:13px;line-height:1.55;color:#cfd3dc}.player-error button{margin-top:12px;border:0;border-radius:10px;padding:10px 14px;background:var(--gold);color:#000;font-weight:900;cursor:pointer}


  /* BOTTOM NAV */
  .bottom-nav{display:flex;justify-content:space-around;padding:10px max(8px,var(--safe-left)) calc(10px + var(--safe-bottom)) max(8px,var(--safe-right));background:var(--surface);border-top:1px solid var(--surface2);position:fixed;bottom:0;left:0;right:0;z-index:100}
  .nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;color:var(--muted);font-size:10px;font-weight:500;transition:color 0.2s;min-width:56px;padding:4px 2px}
  .nav-item.active{color:var(--gold)}
  .nav-item i{font-size:22px}

  /* MAIN SCROLL AREA */
  main{padding-top:calc(72px + var(--safe-top));padding-bottom:var(--bottom-nav-h)}

  /* LOGIN */
  .login-screen{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg);transition:opacity 0.4s ease,visibility 0.4s}
  .login-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}
  .login-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0f0f1a 0%,#1a1030 40%,#0d1525 100%);overflow:hidden}
  .login-bg .stars{position:absolute;inset:0}
  .login-bg .moon{position:absolute;right:8%;top:12%;width:80px;height:80px}
  .login-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(232,160,32,0.08) 0%,transparent 60%)}
  .login-card{position:relative;width:100%;max-width:400px;background:var(--surface);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:40px 36px;box-shadow:0 24px 80px rgba(0,0,0,0.5);animation:fadeIn 0.5s ease}
  .login-logo{text-align:center;margin-bottom:32px}
  .login-logo h1{font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:3px;color:var(--gold);line-height:1}
  .login-logo p{font-size:11px;color:var(--muted);letter-spacing:3px;text-transform:uppercase;margin-top:6px}
  .login-field{margin-bottom:18px}
  .login-field label{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:8px}
  .login-field input{width:100%;background:var(--surface2);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:13px 16px;font-size:14px;color:var(--text);font-family:inherit;outline:none;transition:border-color 0.2s}
  .login-field input:focus{border-color:var(--gold)}
  .login-field input::placeholder{color:rgba(136,136,136,0.6)}
  .login-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;font-size:12px}
  .login-remember{display:flex;align-items:center;gap:8px;color:var(--muted);cursor:pointer}
  .login-remember input{accent-color:var(--gold);width:15px;height:15px;cursor:pointer}
  .login-forgot{color:var(--gold);text-decoration:none;font-weight:500}
  .login-forgot:hover{text-decoration:underline}
  .login-submit{width:100%;background:var(--gold);color:#000;border:none;border-radius:10px;padding:14px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity 0.2s;margin-bottom:20px}
  .login-submit:hover{opacity:0.9}
  .login-divider{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:var(--muted);font-size:12px}
  .login-divider::before,.login-divider::after{content:'';flex:1;height:1px;background:var(--surface2)}
  .login-social{display:flex;gap:10px;margin-bottom:24px}
  .social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--surface2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:11px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;transition:background 0.2s}
  .social-btn:hover{background:rgba(255,255,255,0.06)}
  .login-footer{text-align:center;font-size:13px;color:var(--muted)}
  .login-footer a{color:var(--gold);text-decoration:none;font-weight:600}
  .login-footer a:hover{text-decoration:underline}
  .login-error{display:none;background:rgba(220,50,50,0.15);border:1px solid rgba(220,50,50,0.3);color:#ff6b6b;font-size:12px;padding:10px 14px;border-radius:8px;margin-bottom:16px;text-align:center}
  .login-error.show{display:block}
  .login-success{display:none;background:rgba(40,190,120,0.14);border:1px solid rgba(40,190,120,0.28);color:#55d98f;font-size:12px;padding:10px 14px;border-radius:8px;margin-bottom:16px;text-align:center}
  .login-success.show{display:block}
  .register-only{display:none}
  .login-card.register-mode{max-width:440px}
  .login-card.register-mode .register-only{display:block}
  .login-card.register-mode .login-only{display:none!important}
  .auth-note{font-size:11px;line-height:1.45;color:rgba(240,240,240,0.55);margin-top:-8px;margin-bottom:14px}
.verify-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);padding:18px}
.verify-modal.hidden{display:none!important}
.verify-card{width:min(420px,94vw);background:linear-gradient(180deg,#171722,#0d0d14);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:24px;box-shadow:0 22px 60px rgba(0,0,0,.45);color:#fff;text-align:center}
.verify-card .verify-icon{width:58px;height:58px;border-radius:18px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:rgba(255,214,10,.12);color:#ffd60a;font-size:30px}
.verify-card h3{margin:0 0 8px;font-size:22px}
.verify-card p{margin:0 0 14px;color:rgba(255,255,255,.72);line-height:1.5;font-size:14px}
.verify-email{display:inline-flex;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-weight:700;margin-bottom:12px}
.verify-actions{display:grid;gap:10px;margin-top:16px}
.verify-btn{border:0;border-radius:14px;padding:12px 14px;font-weight:800;cursor:pointer;background:#ffd60a;color:#111}
.verify-btn.secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.12)}
.verify-hint{font-size:12px!important;color:rgba(255,255,255,.55)!important;margin-top:10px!important}
.reset-card{width:min(520px,94vw);background:#fff;color:#1d1d1f;border-radius:18px;padding:0;box-shadow:0 24px 70px rgba(0,0,0,.40);overflow:hidden;text-align:left}
.reset-head{display:flex;align-items:center;gap:12px;padding:18px 20px 10px}
.reset-back{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#333;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.reset-back:hover{background:rgba(0,0,0,.06)}
.reset-body{padding:0 24px 24px}
.reset-body h3{font-size:25px;margin:0 0 8px;font-weight:750;color:#1d1d1f}
.reset-body p{font-size:14px;line-height:1.45;color:#444;margin:0 0 14px}
.reset-input{width:100%;height:56px;border:1px solid #d5d8de;border-radius:12px;padding:0 16px;font-size:15px;outline:none;color:#111;background:#fff;margin:0 0 18px}
.reset-input:focus{border-color:#0b5ed7;box-shadow:0 0 0 3px rgba(11,94,215,.12)}
.reset-submit{width:100%;height:52px;border:0;border-radius:999px;background:#0866e8;color:#fff;font-size:15px;font-weight:800;cursor:pointer}
.reset-submit:hover{filter:brightness(.96)}
.reset-msg{display:none;margin-top:12px;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45}
.reset-msg.show{display:block}.reset-msg.ok{background:#e8f7ee;color:#17613a;border:1px solid #bce8cc}.reset-msg.err{background:#fff0f0;color:#b42318;border:1px solid #ffd0d0}
.reset-footnote{font-size:12px!important;color:#666!important;margin-top:13px!important}

  .login-hint{text-align:center;font-size:13px;color:rgba(240,240,240,0.65);margin-bottom:20px;line-height:1.5}
  .login-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:var(--surface2);border:1px solid rgba(255,255,255,0.08);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:color 0.2s,background 0.2s}
  .login-close:hover{color:var(--text);background:rgba(255,255,255,0.08)}
  .login-btn-top{background:transparent;border:1px solid var(--gold);color:var(--gold);border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:background 0.2s,color 0.2s}
  .login-btn-top:hover{background:var(--gold);color:#000}

  /* ADMIN — Bunny кино нэмэх */

  /* Утас — tablet ба доош */
  @media(max-width:768px){
    .topbar-right{gap:8px}
    .topbar-right .icon-btn{display:none}
    .logo{font-size:20px}
    .logo span{font-size:8px;letter-spacing:2px}
    .login-btn-top{padding:8px 12px;font-size:11px}

    .hero{height:clamp(400px,58dvh,500px);min-height:400px;max-height:500px}
    .hero-carousel{left:0;width:100%;padding:calc(56px + var(--safe-top)) 8px 140px;gap:4px}
    .hero-car-btn{width:36px;height:36px;font-size:16px}
    .hero-slide{width:clamp(72px,22vw,100px)}
    .hero-slide.active{width:clamp(96px,28vw,130px)}
    .hero-overlay{background:linear-gradient(to top,rgba(10,10,15,1) 0%,rgba(10,10,15,0.88) 38%,rgba(10,10,15,0.45) 68%,rgba(10,10,15,0.15) 100%)}
    .hero-content{left:max(16px,var(--safe-left));right:max(16px,var(--safe-right));bottom:88px;max-width:none}
    .hero-title{font-size:clamp(28px,8vw,36px)}
    .hero-desc{font-size:13px;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .hero-meta{font-size:12px;gap:10px}
    .progress-bar{width:100%;max-width:200px}
    .hero-actions{width:100%;gap:8px}
    .hero-actions .play-btn,.hero-actions .more-btn{flex:1;min-width:0;justify-content:center;padding:12px 16px;font-size:13px}
    .moon{right:20px;top:calc(56px + var(--safe-top));width:56px;height:56px;opacity:0.25}

    .content{padding:0 max(16px,var(--safe-left)) 28px max(16px,var(--safe-right));margin-top:-28px}
    .tabs{margin-bottom:18px}
    .tab{padding:10px 14px;font-size:13px}
    .genre-chips{padding-bottom:16px}
    .genre-chip{padding:9px 16px;font-size:12px}

    .section{margin-bottom:26px}
    .section-title{font-size:14px;margin-bottom:12px}
    .cards-row{margin:0;padding-bottom:10px;scroll-padding-left:16px}
    .card{flex:0 0 128px}
    .card-thumb{width:128px;height:86px}
    .featured-card{flex:0 0 160px}
    .featured-thumb{width:160px;height:104px}

    .modal-overlay{padding:0;align-items:flex-end}
    .modal{max-width:100%;max-height:92dvh;border-radius:18px 18px 0 0;margin-top:auto}
    .modal-video{flex-direction:column}
    .modal-video-stage{padding:8px 10px}
    .modal-video-inner{width:100%;max-height:min(42dvh,340px)}
    .modal-episodes{width:100%;border-left:none;border-top:1px solid var(--surface2);padding:12px 14px;max-height:120px}
    .episode-list{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;gap:8px}
    .episode-btn{width:44px;min-width:44px;min-height:44px;font-size:14px}
    .modal-play-center i{width:60px;height:60px;font-size:28px}
    .modal-info{padding:16px max(16px,var(--safe-right)) calc(16px + var(--safe-bottom)) max(16px,var(--safe-left))}
    .modal-title{font-size:18px}
    .modal-desc{font-size:13px;margin-bottom:12px}
    .modal-actions{flex-direction:column;width:100%}
    .modal-actions .play-btn,.modal-actions .more-btn{width:100%;justify-content:center}
    .modal-close{top:calc(10px + var(--safe-top));right:max(10px,var(--safe-right))}

    .detail-layout{flex-direction:column}
    .detail-main{max-width:none}
    .detail-title{font-size:clamp(32px,9vw,48px)}
    .detail-episodes{width:100%;max-height:360px}

    .login-screen{padding:max(16px,var(--safe-left)) max(16px,var(--safe-right)) calc(16px + var(--safe-bottom))}
    .login-card{padding:28px 20px;max-height:calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom));overflow-y:auto}
    .login-logo h1{font-size:30px}
    .login-social{flex-direction:column}
  }

  /* Жижиг утас */
  @media(max-width:400px){
    .hero{min-height:380px;height:clamp(380px,56dvh,460px);max-height:460px}
    .hero-carousel{padding-bottom:128px}
    .hero-content{bottom:76px}
    .hero-title{font-size:26px}
    .tab{padding:10px 12px;font-size:12px}
    .card{flex:0 0 118px}
    .card-thumb{width:118px;height:78px}
    .featured-card{flex:0 0 148px}
    .featured-thumb{width:148px;height:96px}
    .login-btn-top{padding:7px 10px;font-size:10px}
    .nav-item{font-size:9px;min-width:48px}
    .nav-item i{font-size:20px}
  }

  /* Desktop hover — утас дээр scale алга */
  @media(hover:hover) and (pointer:fine){
    .card:hover{transform:scale(1.04)}
    .featured-card:hover{transform:scale(1.03)}
  }
  @media(hover:none){
    .card:hover,.featured-card:hover{transform:none}
  }


  /* Realistic multi-step QPay/Khan Bank demo flow */
  .qpay-flow-card{width:min(430px,100%);max-height:calc(100dvh - 28px);overflow:hidden;background:#12151b;border:1px solid rgba(255,255,255,.10);border-radius:30px;box-shadow:0 30px 110px rgba(0,0,0,.72);padding:0;position:relative;color:#f4f7fb}
  .qpay-flow-card .subscribe-close{z-index:5;background:rgba(255,255,255,.08)}
  .qpay-sheet{display:none;min-height:min(720px,calc(100dvh - 28px));position:relative;overflow:auto;overscroll-behavior:contain;padding:22px}
  .qpay-sheet.active{display:block}
  .qpay-drag{width:44px;height:5px;border-radius:999px;background:rgba(255,255,255,.82);margin:0 auto 22px;opacity:.95}
  .qpay-top-title{text-align:center;font-size:22px;font-weight:900;letter-spacing:.08em;margin:10px 0 16px}
  .qpay-muted{color:#aab2bd;font-size:13px;line-height:1.45}.qpay-mini{font-size:11px;color:#87909d;line-height:1.4}
  .qpay-demo-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);padding:7px 10px;font-size:11px;color:#d6dde8;margin-bottom:12px}
  .qpay-status-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0b0d11;border-bottom:1px solid rgba(255,255,255,.06);padding:14px 18px;color:#eef2f8}
  .qpay-brand{font-weight:900;letter-spacing:.04em}.qpay-phone-status{font-size:12px;color:#9da6b3;white-space:nowrap}.qpay-demo-progress{height:3px;background:rgba(255,255,255,.06);overflow:hidden}.qpay-demo-progress i{display:block;height:100%;width:14%;background:linear-gradient(90deg,#fd0f7f,#ff792e);transition:width .25s ease}.qpay-demo-progress[data-step="vat"] i{width:28%}.qpay-demo-progress[data-step="detail"] i{width:44%}.qpay-demo-progress[data-step="banks"] i{width:60%}.qpay-demo-progress[data-step="open"] i{width:72%}.qpay-demo-progress[data-step="khan-login"] i{width:84%}.qpay-demo-progress[data-step="khan-transfer"] i{width:94%}.qpay-demo-progress[data-step="success"] i{width:100%;background:#00a651}
  .qpay-plan-list{display:grid;gap:10px;margin:16px 0}.qpay-plan-option{border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.05);padding:14px;display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer}.qpay-plan-option.active{border-color:#e8a020;background:rgba(232,160,32,.13);box-shadow:0 0 0 3px rgba(232,160,32,.08)}.qpay-plan-option strong{display:block;font-size:16px}.qpay-plan-option small{display:block;margin-top:4px;color:#aab2bd}.qpay-plan-option b{color:#e8a020;font-size:20px;white-space:nowrap}
  .qpay-main-btn,.qpay-dark-btn,.qpay-white-btn,.qpay-green-btn{width:100%;border:0;border-radius:16px;padding:15px 16px;font-weight:900;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.qpay-main-btn{background:linear-gradient(90deg,#7d5cff,#12cbff);color:#fff}.qpay-dark-btn{background:#191d24;color:#eef2f8;border:1px solid rgba(255,255,255,.12)}.qpay-white-btn{background:#eef2f7;color:#212832}.qpay-green-btn{background:#007c39;color:#fff}.qpay-main-btn:disabled,.qpay-dark-btn:disabled,.qpay-white-btn:disabled,.qpay-green-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.7)}
  .qpay-vat-card{margin-top:34px;background:#34404c;border-radius:22px;padding:26px 20px 18px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.42)}.qpay-vat-card h2{font-size:22px;line-height:1.45;margin:4px auto 24px;max-width:270px;letter-spacing:.04em}.qpay-vat-close{position:absolute;right:18px;top:18px;background:transparent;border:0;color:#e5edf6;font-size:26px;cursor:pointer}.qpay-vat-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 24px}.qpay-vat-choices button{border:1.5px solid rgba(255,255,255,.72);background:transparent;color:#eef2f8;border-radius:18px;padding:16px 10px;font-weight:900;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.qpay-vat-choices button.active{background:#111820;border-color:#fff}.qpay-vat-choices button i{font-size:24px}
  .qpay-detail-sheet{background:#15191f;border-radius:28px 28px 0 0;margin:40px -22px -22px;padding:22px 22px 28px;min-height:calc(100dvh - 160px)}.qpay-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 2px;color:#dce4ef}.qpay-row span{color:#9ca7b4}.qpay-row b{text-align:right}.qpay-pay-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.qpay-pay-actions button{border-radius:16px;padding:15px 10px;background:#141a22;color:#eef2f7;border:1px solid rgba(255,255,255,.10);font-weight:900;cursor:pointer}.qpay-pay-actions button.active{border-color:#08cbff;box-shadow:0 0 0 1px rgba(8,203,255,.3)}.qpay-list{display:grid;gap:10px;margin-top:12px}.qpay-list button{width:100%;border:1px solid rgba(255,255,255,.10);background:#151a21;color:#eef2f7;border-radius:16px;padding:18px 16px;font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.qpay-list button>span{display:flex;align-items:center;gap:12px}.qpay-list button i:first-child{font-size:24px}.qpay-list button:disabled{opacity:.4;cursor:not-allowed}.qpay-pay-bottom{position:sticky;bottom:0;margin-top:18px;padding-top:10px;background:linear-gradient(180deg,rgba(21,25,31,0),#15191f 35%)}
  .qpay-bank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px 18px;margin:36px 0 64px}.qpay-bank-item{border:0;background:transparent;color:#eef2f7;text-align:center;font-weight:800;font-size:13px;cursor:pointer}.qpay-bank-item .bank-dot{width:58px;height:58px;border-radius:50%;background:#20262e;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px rgba(0,0,0,.35);font-weight:900}.qpay-bank-item.khan .bank-dot{background:#184d2e;color:#54c96d}.qpay-bank-item.state .bank-dot{background:#183e5a;color:#41c1f4}.qpay-bank-item.xac .bank-dot{background:#4a3c1e;color:#f5a623}.qpay-bank-item.tdb .bank-dot{background:#193f63;color:#43b4ff}.qpay-bank-item.disabled{opacity:.33;filter:grayscale(1);cursor:not-allowed}.qpay-back{background:transparent;border:0;color:#eef2f7;font-size:30px;cursor:pointer;margin-right:12px}.qpay-bank-head{display:flex;align-items:center;gap:8px;margin-top:34px}.qpay-bank-head h2{font-size:22px;font-weight:900;letter-spacing:.03em}.qpay-check-btn{position:sticky;bottom:0;background:#15191f;padding:12px 0 2px}
  .qpay-open-overlay{position:absolute;left:0;right:0;bottom:0;background:#f2f3f5;color:#17191d;border-radius:28px 28px 0 0;padding:26px 28px 18px;box-shadow:0 -22px 60px rgba(0,0,0,.3)}.qpay-open-title{display:flex;justify-content:space-between;align-items:center;font-size:23px;font-weight:500;margin-bottom:28px}.qpay-open-apps{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.qpay-open-app{background:transparent;border:0;text-align:center;color:#1e2229;cursor:pointer}.qpay-open-app .open-icon{width:82px;height:82px;border-radius:18px;background:#fff;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.10);font-weight:900}.qpay-open-app.khan .open-icon{background:#eef4f0;color:#0a7a36}.qpay-open-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #ddd;padding-top:16px}.qpay-open-actions button{border:0;background:transparent;font-size:21px;font-weight:900;color:#111;cursor:pointer}
  .khan-phone{background:#f4f4f4!important;color:#101114!important;padding:0!important}.khan-screen{min-height:min(720px,calc(100dvh - 28px));background:#f6f6f5;color:#17191c;padding:22px 18px 26px;position:relative}.khan-top{height:32px;color:#777;font-size:13px;display:flex;align-items:center;justify-content:space-between}.khan-logo-35{margin:120px auto 44px;width:118px;height:118px;border-radius:50%;border:2px solid #c6aa62;color:#058035;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;font-size:48px;line-height:.8}.khan-logo-35 span{display:block;font-size:18px}.khan-welcome{text-align:center;font-size:23px;line-height:1.45;margin-bottom:70px}.khan-welcome b{display:block;font-size:32px;margin-top:4px}.khan-login-btn{background:#007c39;color:#fff;border:0;border-radius:10px;width:100%;padding:18px 12px;font-size:19px;font-weight:900;cursor:pointer;margin-bottom:18px}.khan-secondary{background:#fff;color:#111;border:1px solid #e1e1e1;border-radius:10px;width:100%;padding:18px 12px;font-size:18px;font-weight:800;cursor:pointer}.khan-pay-card{background:#fff;border-radius:14px;margin:18px 0;padding:24px 18px;text-align:center;box-shadow:0 4px 18px rgba(0,0,0,.04)}.khan-account{background:#007c39;color:#fff;border-radius:10px;padding:14px 16px;font-weight:900;margin:8px 0 18px}.khan-currency{display:inline-block;background:#f3f3f3;border-radius:8px;padding:10px 18px;color:#898989;margin:14px 0}.khan-amount{font-size:42px;font-weight:900;letter-spacing:.06em;margin-bottom:12px}.khan-info{background:#fff;border-radius:12px;padding:18px;margin:12px 0;text-align:left}.khan-info span{display:block;color:#7a828e;font-size:14px;margin-bottom:10px}.khan-info b{display:block;font-size:18px;line-height:1.35;letter-spacing:.04em}.khan-fixed-bottom{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(246,246,245,0),#f6f6f5 32%);padding-top:14px;margin-top:90px}.qpay-success-screen{text-align:center;padding:70px 22px 28px}.qpay-success-icon{width:82px;height:82px;border-radius:50%;background:#00a651;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:42px}.qpay-success-screen h2{font-size:24px;margin-bottom:10px}.qpay-success-screen p{color:#c8d0da;line-height:1.5;font-size:14px;margin-bottom:22px}
  @media(max-width:520px){.subscribe-modal{align-items:stretch;padding:0;background:rgba(0,0,0,.82)}.qpay-flow-card{width:100%;max-height:100dvh;border-radius:0;border:0}.qpay-sheet,.khan-screen{min-height:100dvh}.qpay-vat-card{margin-top:90px}.qpay-detail-sheet{min-height:calc(100dvh - 120px)}.qpay-bank-grid{margin-top:46px}.qpay-open-overlay{position:fixed}.khan-logo-35{margin-top:130px}}



/* ─────────────────────────────────────────────
   CINEGO UI refresh — compact Netflix/DramaBox style
───────────────────────────────────────────── */
.app-header{height:58px;padding:calc(8px + var(--safe-top)) max(34px,var(--safe-left)) 8px max(34px,var(--safe-right));background:rgba(5,5,8,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.055);gap:22px}
.header-left{display:flex;align-items:center;gap:38px;min-width:0;flex:1}
.app-logo{font-size:25px;min-width:max-content;cursor:pointer}.app-logo span{font-size:8px;letter-spacing:4px;color:#777}
.desktop-nav{display:flex;align-items:center;gap:34px;min-width:0}.nav-link{border:0;background:transparent;color:#f5f5f5;font-size:14px;font-weight:800;cursor:pointer;padding:15px 0;white-space:nowrap;transition:color .18s,opacity .18s;display:inline-flex;align-items:center;gap:5px}.nav-link:hover,.nav-link.active{color:var(--gold)}
.category-menu-wrap{position:relative}.category-mega{position:absolute;top:44px;left:50%;transform:translateX(-50%);width:min(1180px,calc(100vw - 80px));max-height:min(440px,calc(100vh - 96px));overflow:auto;background:rgba(20,20,22,.985);border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 90px rgba(0,0,0,.62);border-radius:4px;padding:12px 0;display:grid;grid-template-columns:repeat(8,minmax(110px,1fr));z-index:190;backdrop-filter:blur(14px)}.category-mega.hidden{display:none}.cat-item{border:0;background:transparent;color:#fff;padding:12px 16px;font-size:13px;font-weight:700;text-align:center;cursor:pointer;min-height:42px;border-radius:2px}.cat-item:hover,.cat-item.active{background:rgba(255,255,255,.12);color:#ff3d66}
.genre-hover-tip{position:fixed;z-index:99999;pointer-events:none;background:rgba(18,18,22,.98);border:1px solid rgba(255,178,25,.45);color:#fff;border-radius:10px;padding:7px 10px;font-size:12px;font-weight:800;box-shadow:0 12px 34px rgba(0,0,0,.45);white-space:nowrap;opacity:0;transform:translate(-50%,-8px);transition:opacity .08s ease}.genre-hover-tip.show{opacity:1}.genre-hover-tip b{color:#ffb219;font-weight:900}
.header-right{gap:14px;flex-shrink:0}.search-pill{height:36px;width:min(280px,22vw);display:flex;align-items:center;gap:10px;background:#141416;border:1px solid rgba(255,255,255,.045);border-radius:999px;padding:0 14px;color:#8a8a8a}.search-pill input{width:100%;background:transparent;border:0;outline:0;color:#fff;font-weight:600}.search-pill input::placeholder{color:#8d8d8d}.login-btn-top{background:#22232b;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer}.avatar{background:var(--gold);color:#111}
main{padding-top:calc(58px + var(--safe-top));padding-bottom:var(--bottom-nav-h)}
.hero{height:clamp(340px,44vh,430px);min-height:340px;max-height:430px}.hero-overlay{background:linear-gradient(to right,rgba(5,5,8,.98) 0%,rgba(5,5,8,.78) 28%,rgba(5,5,8,.26) 60%,rgba(5,5,8,.08) 100%),linear-gradient(to top,rgba(10,10,15,1) 0%,rgba(10,10,15,.70) 24%,transparent 58%)}.hero-content{left:40px;bottom:54px;max-width:min(420px,35%)}.hero-title{font-size:clamp(28px,3.2vw,42px);line-height:1.04;margin-bottom:8px}.hero-desc{font-size:13px;line-height:1.45;max-width:340px;margin-bottom:16px}.hero-meta{font-size:12px;margin-bottom:8px}.badge{font-size:10px;padding:4px 10px;margin-bottom:10px}.play-btn,.more-btn{padding:11px 24px;border-radius:5px}.hero-carousel{width:min(68%,980px);padding:18px 22px 50px 0}.hero-carousel-track{gap:clamp(14px,2vw,30px)}.hero-slide{width:clamp(118px,12vw,168px);border-radius:7px;opacity:.52;transform:scale(.86);filter:brightness(.72)}.hero-slide.active{width:clamp(140px,14.5vw,198px);transform:scale(1);opacity:1}.hero-carousel-dots{bottom:18px}.content{padding:0 36px 28px}.tabs{display:none}.genre-chips{display:none!important}.section{margin-bottom:28px}.section-title{font-size:18px;font-weight:900;margin-bottom:14px}.cards-row{gap:14px;padding-bottom:12px}.card{flex:0 0 154px}.card-thumb{width:154px;height:88px;border-radius:5px}.card-title{font-size:13px;font-weight:800}.card-sub{font-size:11px}.genre-badge{font-size:8px;padding:2px 5px;border-radius:3px}.featured-card{flex:0 0 188px}.featured-thumb{width:188px;height:108px;border-radius:6px}
.search-empty{font-size:14px;color:var(--muted);padding:28px 0;text-align:center}
@media (max-width:900px){.app-header{height:auto;min-height:64px;padding:calc(8px + var(--safe-top)) 14px 8px;flex-wrap:wrap}.header-left{gap:18px;width:100%;justify-content:space-between}.desktop-nav{order:3;width:100%;overflow-x:auto;gap:10px;padding-bottom:2px}.nav-link{font-size:12px;padding:9px 8px;border-radius:999px;background:rgba(255,255,255,.06)}.category-mega{position:fixed;top:calc(82px + var(--safe-top));left:12px;right:12px;transform:none;width:auto;grid-template-columns:repeat(2,1fr);max-height:55vh}.header-right{margin-left:auto}.search-pill{width:44px;padding:0;justify-content:center}.search-pill input{display:none}.topbar-right .icon-btn{display:flex}.hero{height:clamp(420px,66dvh,520px);min-height:420px;max-height:520px}.hero-carousel{left:0;width:100%;padding:92px 6px 150px;gap:4px}.hero-content{left:max(18px,var(--safe-left));right:max(18px,var(--safe-right));bottom:76px;max-width:none}.hero-title{font-size:30px}.content{padding:0 14px 22px}.card{flex:0 0 128px}.card-thumb{width:128px;height:178px;border-radius:4px}.cards-row{gap:10px}.section-title{font-size:17px}}
@media (min-width:901px){.bottom-nav{display:none}main{padding-bottom:40px}.topbar-right .login-btn-top{display:inline-flex}}



/* ===== Netflix/DramaBox UI refresh v2 ===== */
.app-header{
  height:64px!important; min-height:64px!important; padding:0 32px!important;
  background:#050506!important; border-bottom:1px solid rgba(255,255,255,.04);
  box-shadow:0 1px 0 rgba(255,255,255,.02); backdrop-filter:none!important;
}
.header-left{display:flex;align-items:center;gap:34px;min-width:0}.app-logo{font-size:25px!important;letter-spacing:2px;min-width:120px;cursor:pointer}.app-logo span{font-size:8px!important;letter-spacing:3.2px}.desktop-nav{display:flex;align-items:center;gap:34px}.nav-link{background:transparent!important;border:0!important;color:#f7f7f7!important;font-size:14px!important;font-weight:800!important;padding:21px 0!important;position:relative}.nav-link.active,.nav-link:hover{color:var(--gold)!important}.nav-link.active::after{content:'';position:absolute;left:0;right:0;bottom:13px;height:2px;border-radius:99px;background:var(--gold)}.category-toggle i{font-size:14px}.header-right{display:flex;align-items:center;gap:12px}.search-pill{height:34px!important;width:min(310px,24vw)!important;background:#111215!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:999px!important;padding:0 16px!important}.search-pill input{font-size:13px!important}.topbar-right .icon-btn,.header-right .icon-btn{width:32px!important;height:32px!important;background:#15161a!important}.avatar{width:34px!important;height:34px!important}
.category-mega{top:54px!important;left:0!important;transform:none!important;width:min(1220px,calc(100vw - 64px))!important;grid-template-columns:repeat(8,minmax(120px,1fr))!important;background:#151515!important;border-radius:0 0 8px 8px!important;padding:8px 0 12px!important}.cat-item{min-height:38px!important;font-size:12px!important}.cat-item:hover,.cat-item.active{background:rgba(255,255,255,.13)!important;color:#ff3d66!important}
.hero{height:clamp(300px,37vh,380px)!important;min-height:300px!important;max-height:380px!important;margin-top:64px!important}.hero-bg{background:linear-gradient(135deg,#07070b,#141226 48%,#08080d)!important}.hero-overlay{background:linear-gradient(to right,rgba(5,5,7,.98) 0%,rgba(5,5,7,.72) 29%,rgba(5,5,7,.24) 60%,rgba(5,5,7,.04) 100%),linear-gradient(to top,#0a0a0f 0%,rgba(10,10,15,.72) 26%,transparent 62%)!important}.hero-content{left:42px!important;bottom:48px!important;max-width:min(390px,32%)!important}.badge{font-size:10px!important;padding:4px 10px!important;border-radius:3px!important;margin-bottom:9px!important}.hero-title{font-size:clamp(28px,3vw,40px)!important;line-height:1.02!important;margin-bottom:8px!important}.hero-meta{font-size:11px!important;gap:10px!important;margin-bottom:7px!important}.hero-desc{font-size:12.5px!important;line-height:1.45!important;max-width:330px!important;margin-bottom:14px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-actions{gap:10px!important}.play-btn,.more-btn{height:39px!important;padding:0 22px!important;border-radius:5px!important;font-size:13px!important}.hero-carousel{width:min(70%,1050px)!important;padding:20px 34px 44px 0!important}.hero-carousel-track{gap:clamp(14px,1.9vw,32px)!important}.hero-slide{width:clamp(118px,11vw,156px)!important;opacity:.78!important;transform:scale(.92)!important;border-radius:7px!important}.hero-slide.active{width:clamp(142px,13vw,190px)!important;transform:scale(1.04)!important;opacity:1!important}.hero-carousel-dots{bottom:14px!important}.hero-car-btn{width:38px!important;height:38px!important}
.content{padding:20px 36px 56px!important}.section{margin-bottom:30px!important}.section-title{font-size:18px!important;font-weight:900!important;margin-bottom:14px!important;color:#f5f5f5}.cards-row{gap:12px!important;overflow-x:auto!important;padding-bottom:14px!important}.card{flex:0 0 180px!important;min-width:180px!important}.card-thumb{width:180px!important;height:102px!important;border-radius:4px!important;box-shadow:0 10px 26px rgba(0,0,0,.32)}.card-title{font-size:13px!important;font-weight:900!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-sub{font-size:11px!important}.genre-badge{font-size:8px!important}.tabs,.genre-chips{display:none!important}.home-empty-hint{padding:28px 0!important}
/* Netflix-like detail / movie page */

/* NETFLIX-LIKE HOME ROW STACK */
.home-row-stack{margin-top:0}
.home-special-section{margin-bottom:32px!important}
.home-special-section .section-title{font-size:19px!important;font-weight:900!important;margin:0 0 14px!important;color:#f7f7f7!important;letter-spacing:.01em}
.home-special-section .section-title i{color:var(--gold)!important;font-size:18px!important}
.home-special-section .cards-row{gap:12px!important;overflow-x:auto!important;padding-bottom:14px!important}
.home-special-section .card{flex:0 0 178px!important;min-width:178px!important}
.home-special-section .card-thumb{width:178px!important;height:100px!important;border-radius:4px!important;background-color:#121217!important}
.home-special-section .card-title{font-size:13px!important;font-weight:900!important;line-height:1.25!important}
.home-special-section .card-sub{font-size:11px!important;color:#aaa!important}.genre-section{margin-bottom:34px!important}.genre-section .section-title{font-size:19px!important;font-weight:900!important;margin-bottom:14px!important;color:#f7f7f7!important}.genre-section .cards-row{gap:12px!important}.genre-section .card{flex:0 0 178px!important;min-width:178px!important}.genre-section .card-thumb{width:178px!important;height:100px!important;border-radius:4px!important}
@media(max-width:900px){.content{padding:0 0 24px!important}.home-special-section,.genre-section{padding-left:0!important;margin-bottom:24px!important}.home-special-section .section-title,.genre-section .section-title{font-size:17px!important;padding-left:0!important}.home-special-section .cards-row,.genre-section .cards-row{padding-left:0!important}.home-special-section .card,.genre-section .card{flex:0 0 118px!important;min-width:118px!important}.home-special-section .card-thumb,.genre-section .card-thumb{width:118px!important;height:166px!important;border-radius:3px!important}.home-special-section .card-title,.genre-section .card-title{font-size:12px!important}.home-special-section .card-sub,.genre-section .card-sub{font-size:10px!important}}

body.watch-mode{background:#050506!important;overflow:auto!important}body.watch-mode .topbar{background:#050506!important;border-bottom:1px solid rgba(255,255,255,.04)!important}body.watch-mode main,body.watch-mode .bottom-nav{display:none!important}.watch-page.active{display:block!important;min-height:100vh!important;background:#050506!important;overflow:auto!important}.detail-hero{height:470px!important;inset:0 0 auto 0!important;background-position:center!important;background-size:cover!important}.detail-hero::after{background:linear-gradient(to right,rgba(5,5,6,.99) 0%,rgba(5,5,6,.83) 30%,rgba(5,5,6,.33) 64%,rgba(5,5,6,.12) 100%),linear-gradient(to top,#050506 0%,rgba(5,5,6,.86) 14%,rgba(5,5,6,.15) 55%,transparent 100%)!important}.detail-wrap{max-width:none!important;padding:118px 46px 42px!important;min-height:100vh!important}.detail-layout{display:grid!important;grid-template-columns:minmax(360px,560px) minmax(360px,520px)!important;gap:min(10vw,120px)!important;align-items:start!important;min-height:315px!important}.detail-main{max-width:560px!important}.detail-title{font-family:'Bebas Neue','Inter',sans-serif!important;font-size:clamp(54px,6vw,86px)!important;line-height:.9!important;letter-spacing:2px!important;margin-bottom:18px!important}.detail-meta{font-size:14px!important;margin-bottom:18px!important}.detail-desc{font-size:15px!important;line-height:1.55!important;max-width:500px!important;color:#f2f2f2!important}.detail-credits{font-size:13px!important;color:rgba(255,255,255,.64)!important}.detail-actions{margin-top:22px!important}.detail-play-btn,.detail-sec-btn{height:44px!important;border-radius:4px!important;font-weight:900!important}.detail-play-btn{background:#fff!important;color:#000!important;border-color:#fff!important}.detail-sec-btn{background:rgba(109,109,110,.55)!important;border-color:transparent!important;color:#fff!important}.detail-episodes{width:100%!important;max-height:330px!important;margin-top:0!important;background:rgba(0,0,0,.28);border-radius:10px;padding:14px;border:1px solid rgba(255,255,255,.08)}.detail-episodes-head{font-size:13px!important;color:#ddd!important;margin-bottom:10px!important}.detail-ep-list{gap:8px!important}.ep-card{background:rgba(18,18,18,.82)!important;border-radius:6px!important;padding:9px!important}.ep-card.active{border-color:var(--gold)!important}.ep-thumb{width:124px!important}.watch-back{position:fixed!important;top:74px!important;left:22px!important;z-index:130!important;background:rgba(0,0,0,.55)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;padding:8px 12px!important}.detail-extra{position:relative;z-index:2;margin-top:34px}.detail-extra .section-title{font-size:18px;margin-bottom:14px}.detail-extra .cards-row{gap:12px}.detail-extra .card{flex:0 0 180px;min-width:180px}.detail-extra .card-thumb{width:180px;height:102px}.detail-extra.hidden{display:none!important}
@media (max-width:900px){.app-header{height:auto!important;min-height:72px!important;padding:8px 14px!important}.desktop-nav{gap:12px!important;overflow-x:auto!important;width:100%!important}.nav-link{font-size:12px!important;padding:9px 6px!important}.nav-link.active::after{display:none}.search-pill{width:42px!important}.hero{margin-top:92px!important;height:430px!important}.hero-carousel{width:100%!important;left:0!important;padding:72px 8px 150px!important}.hero-content{left:18px!important;right:18px!important;bottom:70px!important;max-width:none!important}.card{flex-basis:132px!important;min-width:132px!important}.card-thumb{width:132px!important;height:184px!important}.detail-wrap{padding:104px 18px 32px!important}.detail-layout{grid-template-columns:1fr!important;gap:18px!important}.detail-title{font-size:44px!important}.detail-hero{height:560px!important}.detail-episodes{max-height:300px!important}.detail-extra .card{flex-basis:132px!important;min-width:132px!important}.detail-extra .card-thumb{width:132px!important;height:184px!important}}


/* UI DETAIL V3 — compact Netflix rows + breadcrumb */
.watch-back{display:none!important}
.detail-breadcrumb{position:relative;z-index:5;display:flex;align-items:center;gap:9px;margin:0 0 22px 0;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.10);font-size:15px;color:rgba(255,255,255,.72)}
.detail-breadcrumb a,.detail-breadcrumb button{background:none;border:0;color:rgba(255,255,255,.78);font:inherit;cursor:pointer;padding:0;text-decoration:none}
.detail-breadcrumb a:hover,.detail-breadcrumb button:hover{color:#fff}
.detail-breadcrumb .chev{color:rgba(255,255,255,.35);font-size:18px}
.detail-breadcrumb .current{color:#fff;font-weight:700;max-width:52vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.watch-mode .detail-wrap{padding-top:92px!important}
body.watch-mode .detail-layout{grid-template-columns:minmax(300px,520px) minmax(360px,500px)!important;gap:min(8vw,88px)!important;min-height:290px!important}
body.watch-mode .detail-title{font-size:clamp(42px,5.2vw,68px)!important;max-width:560px!important}
body.watch-mode .detail-hero{height:430px!important}
body.watch-mode .detail-extra{margin-top:28px!important;padding-top:8px!important}
body.watch-mode .detail-extra .cards-row{padding-bottom:14px!important}

.cards-row{gap:10px!important;align-items:flex-start!important;scroll-snap-type:x proximity!important;padding-bottom:10px!important}
.card{flex:0 0 205px!important;min-width:205px!important;position:relative!important;scroll-snap-align:start!important}
.card-thumb{width:205px!important;height:116px!important;border-radius:5px!important;margin-bottom:7px!important;background-color:#101015!important;box-shadow:0 10px 26px rgba(0,0,0,.28)!important}
.card:hover{transform:translateY(-3px) scale(1.02)!important}
.card-title{font-size:12.5px!important;font-weight:800!important;line-height:1.15!important;margin-top:4px!important;color:#f5f5f5!important}
.card-sub{font-size:11px!important;color:rgba(255,255,255,.62)!important}
.thumb-overlay{background:linear-gradient(to top,rgba(0,0,0,.70) 0%,rgba(0,0,0,.16) 50%,transparent 100%)!important}
.card-play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.86);color:#000;display:flex;align-items:center;justify-content:center;font-size:18px;opacity:.88;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:opacity .2s, transform .2s;z-index:4}
.card:hover .card-play-badge{opacity:1;transform:translate(-50%,-50%) scale(1.08)}
.card-bottom-actions{position:absolute;left:8px;right:8px;bottom:8px;z-index:5;display:flex;align-items:center;gap:6px;color:#fff}
.card-bottom-actions .info-dot{width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.72);display:flex;align-items:center;justify-content:center;font-size:12px;background:rgba(0,0,0,.25)}
.card-bottom-actions .more-dots{margin-left:auto;font-size:18px;line-height:1;opacity:.86}
.card-progress-line{position:absolute;left:38px;right:34px;bottom:17px;height:3px;background:rgba(255,255,255,.25);border-radius:99px;overflow:hidden;z-index:4}
.card-progress-line i{display:block;height:100%;width:38%;background:#e50914;border-radius:99px}
.genre-badge{top:7px!important;left:7px!important;border-radius:3px!important;background:rgba(0,0,0,.58)!important;color:var(--gold)!important}
.premium-tag{font-size:8px!important;padding:2px 5px!important}
.section-title{font-size:18px!important;font-weight:900!important;margin-bottom:12px!important}
@media(max-width:900px){.card{flex-basis:150px!important;min-width:150px!important}.card-thumb{width:150px!important;height:86px!important}.card-play-badge{width:34px;height:34px;font-size:15px}.card-title{font-size:12px!important}.section{margin-bottom:24px!important}body.watch-mode .detail-wrap{padding:92px 18px 32px!important}.detail-breadcrumb{font-size:14px;margin-bottom:16px}.detail-breadcrumb .current{max-width:56vw}body.watch-mode .detail-layout{grid-template-columns:1fr!important}body.watch-mode .detail-hero{height:520px!important}}



/* === HOME ROW GAP FIX: keep hero/header from covering next-watch rows === */
main{display:block!important;background:#050509!important;}
.hero{position:relative!important;margin-top:64px!important;margin-bottom:0!important;z-index:1!important;}
.content{position:relative!important;z-index:6!important;margin-top:0!important;padding-top:34px!important;background:#050509!important;clear:both!important;}
#tab-home,#genre-rows-wrap,#genre-rows{display:block!important;position:relative!important;z-index:7!important;}
.home-row-stack{margin-top:0!important;padding-top:0!important;}
.home-special-section:first-child{margin-top:0!important;padding-top:0!important;}
.home-special-section .section-title,.genre-section .section-title{display:flex!important;align-items:center!important;gap:8px!important;min-height:26px!important;line-height:1.2!important;position:relative!important;z-index:8!important;opacity:1!important;visibility:visible!important;}
.home-special-section .cards-row,.genre-section .cards-row{position:relative!important;z-index:7!important;}
@media(max-width:900px){
  .hero{margin-top:92px!important;margin-bottom:0!important;height:clamp(390px,58dvh,500px)!important;min-height:390px!important;max-height:500px!important;}
  .content{margin-top:0!important;padding:28px 14px 28px!important;}
  .home-special-section:first-child{margin-top:0!important;}
  .home-special-section,.genre-section{padding-left:0!important;padding-right:0!important;}
  .home-special-section .section-title,.genre-section .section-title{padding-left:0!important;margin-bottom:12px!important;font-size:17px!important;}
}
@media(max-width:560px){
  .hero{height:400px!important;min-height:400px!important;}
  .content{padding-top:26px!important;}
}



/* DramaBox-style detail + inline watch page */
body.watch-mode{background:#050505!important;overflow:auto!important}
body.watch-mode .app-header{background:#050505!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
body.watch-mode .watch-page.active{display:block!important;background:#050505!important;color:#fff;overflow:visible!important;min-height:100vh!important}
body.watch-mode .detail-hero{height:420px!important;opacity:.62!important;filter:blur(.2px);background-position:center!important;background-size:cover!important}
body.watch-mode .detail-hero::after{background:linear-gradient(to right,#050505 0%,rgba(5,5,5,.86) 22%,rgba(5,5,5,.58) 55%,rgba(5,5,5,.92) 100%),linear-gradient(to bottom,rgba(0,0,0,.4),#050505 86%)!important}
body.watch-mode .detail-wrap{max-width:1260px!important;margin:0 auto!important;padding:118px 24px 80px!important;min-height:100vh!important}
body.watch-mode .detail-breadcrumb{margin-bottom:18px!important;padding-bottom:14px!important;border-bottom:1px solid rgba(255,255,255,.12)!important;color:rgba(255,255,255,.70)!important}
body.watch-mode .detail-layout{display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;gap:0!important;align-items:stretch!important;min-height:0!important;background:rgba(28,28,30,.92)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:6px!important;overflow:hidden!important;box-shadow:0 26px 70px rgba(0,0,0,.45)!important}
.detail-poster-card{background:#111;min-height:360px;display:block;position:relative;overflow:hidden}
.detail-poster-img{position:absolute;inset:0;background:#151515 center/cover no-repeat;transform:scale(1.002)}
.detail-poster-img::after{content:'DramaBox Exclusive';position:absolute;left:14px;right:14px;bottom:18px;text-align:center;font-weight:900;font-size:12px;letter-spacing:.2px;color:#fff;text-shadow:0 2px 12px #000;opacity:.85}
body.watch-mode .detail-main{max-width:none!important;min-height:360px!important;padding:30px 34px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;background:linear-gradient(90deg,rgba(27,27,29,.98),rgba(30,30,32,.88))!important}
body.watch-mode .detail-title{font-family:'Inter','Noto Sans',sans-serif!important;text-transform:none!important;letter-spacing:0!important;font-size:22px!important;line-height:1.25!important;margin:0 0 8px!important;font-weight:900!important;color:#fff!important}
body.watch-mode .detail-meta{font-size:12px!important;color:rgba(255,255,255,.68)!important;margin:0 0 12px!important;gap:8px!important}
body.watch-mode .detail-desc{font-size:13px!important;line-height:1.65!important;max-width:820px!important;color:rgba(255,255,255,.78)!important;margin:0 0 14px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden!important}
body.watch-mode .detail-credits{font-size:12px!important;color:rgba(255,255,255,.56)!important;margin:0 0 14px!important}
.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 96px}.detail-tags span{background:rgba(255,255,255,.07);border-radius:999px;padding:5px 10px;font-size:11px;color:rgba(255,255,255,.74)}
body.watch-mode .detail-actions{display:flex!important;align-items:center!important;gap:12px!important;margin:0!important}.detail-play-btn{min-width:240px!important;background:linear-gradient(90deg,#ff0a78,#ff8a24)!important;color:#fff!important;border:0!important;border-radius:4px!important;height:42px!important;justify-content:center!important}.detail-sec-btn{height:42px!important;border-radius:4px!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important}
body.watch-mode .detail-episodes{width:auto!important;max-height:none!important;margin:34px 0 0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;display:block!important}.detail-episodes.hidden{display:none!important}.detail-episodes-head{font-size:22px!important;font-weight:900!important;color:#fff!important;letter-spacing:0!important;text-transform:none!important;margin:0 0 14px!important}.detail-episodes-head span{font-size:12px;color:rgba(255,255,255,.62);font-weight:600;margin-left:8px}.detail-ep-list{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(390px,1fr))!important;gap:14px!important;overflow:visible!important;padding:0!important;max-width:1240px!important}.ep-card{min-height:124px!important;display:grid!important;grid-template-columns:196px 1fr!important;gap:14px!important;align-items:center!important;background:#111214!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;padding:9px!important;cursor:pointer!important;transition:border-color .18s,transform .18s,background .18s!important}.ep-card:hover,.ep-card.active{border-color:var(--gold)!important;transform:translateY(-1px);background:#17181b!important}.ep-thumb{width:196px!important;height:110px!important;min-height:110px!important;border-radius:6px!important;background:#050506 center/cover no-repeat!important;position:relative!important;overflow:hidden!important}.ep-thumb-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:inherit!important}.ep-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.14),transparent 55%);pointer-events:none}.ep-thumb-play{display:none!important}.ep-info{min-width:0}.ep-title{font-size:14px!important;font-weight:900!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.ep-snippet{font-size:12px!important;line-height:1.38!important;color:rgba(255,255,255,.68)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;margin-top:6px}.ep-runtime{font-size:11px;color:rgba(255,255,255,.50);margin-top:6px}
.watch-player-section{margin-top:34px}.watch-player-section.hidden{display:none!important}.watch-player-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:8px;align-items:stretch;background:#121212;border:1px solid rgba(255,255,255,.08);border-radius:6px;overflow:hidden}.inline-player-wrap{background:#181818;min-height:520px;display:flex;align-items:center;justify-content:center}.inline-player-mount{width:100%;height:520px;background:#000;position:relative}.watch-video-inner.is-inline{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}.player-episodes-panel{background:#1d1d1f;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;min-height:520px;max-height:520px}.player-episodes-head{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-weight:900;background:rgba(255,255,255,.08);font-size:14px}.player-episodes-head span{font-size:11px;color:rgba(255,255,255,.58)}.player-ep-grid{padding:14px;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;overflow:auto;align-content:start}.player-ep-btn{height:38px;border:0;border-radius:3px;background:#2c2c2f;color:#fff;font-weight:900;cursor:pointer;position:relative}.player-ep-btn:hover,.player-ep-btn.active{background:#ff0a78}.player-ep-btn.locked::after{content:'🔒';position:absolute;right:4px;top:2px;font-size:9px;opacity:.78}.watch-player-desc{padding:22px 4px 4px;max-width:850px}.watch-player-desc h2{font-size:24px;margin-bottom:10px}.watch-player-desc p{font-size:13px;line-height:1.7;color:rgba(255,255,255,.72)}

body.watch-mode .detail-episodes.hidden{display:none!important}
body.watch-mode .watch-player-section.hidden{display:none!important}
body.watch-mode .detail-extra{margin-top:38px!important}.detail-extra .section-title{font-size:22px!important;color:#fff!important}.detail-extra .card-thumb{height:102px!important}
@media(max-width:980px){body.watch-mode .detail-wrap{padding:98px 14px 60px!important}body.watch-mode .detail-layout{grid-template-columns:116px 1fr!important}.detail-poster-card{min-height:190px}.detail-poster-img::after{font-size:9px;left:8px;right:8px}.detail-main{padding:18px!important}.detail-tags{margin-bottom:16px}.detail-play-btn{min-width:145px!important}.detail-ep-list{grid-template-columns:1fr!important}.ep-card{grid-template-columns:145px 1fr!important;min-height:96px!important}.ep-thumb{width:145px!important;height:82px!important;min-height:82px!important}.watch-player-layout{grid-template-columns:1fr}.player-episodes-panel{border-left:0;border-top:1px solid rgba(255,255,255,.08);min-height:0;max-height:250px}.inline-player-wrap,.inline-player-mount{min-height:260px;height:260px}.player-ep-grid{grid-template-columns:repeat(8,1fr)}body.watch-mode .detail-title{font-size:18px!important}}

/* === DRAMABOX DETAIL/PAGE FIX: no thumbnail play badges + episode page route === */
.card-play-badge,
.ep-thumb-play{display:none!important}
.card-thumb.has-poster,
.ep-thumb{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.ep-thumb-img{background:#050506!important}
.detail-poster-img::after{content:none!important;display:none!important}
.watch-page.episode-playing .detail-layout,
.watch-page.episode-playing .detail-episodes,
.watch-page.episode-playing .detail-extra{display:none!important}
.watch-page.episode-playing .watch-player-section{display:block!important;margin-top:0!important}
.watch-page.episode-playing .detail-wrap{max-width:1260px!important;padding-top:108px!important}
.watch-page.episode-playing .watch-player-layout{grid-template-columns:minmax(0,1fr) 270px!important;background:#111!important}
.watch-page.episode-playing .inline-player-wrap,
.watch-page.episode-playing .inline-player-mount{height:560px!important;min-height:560px!important}
.watch-page.episode-playing .watch-player-desc{max-width:980px!important;padding:22px 2px 0!important}
@media(max-width:980px){.watch-page.episode-playing .watch-player-layout{grid-template-columns:1fr!important}.watch-page.episode-playing .inline-player-wrap,.watch-page.episode-playing .inline-player-mount{height:320px!important;min-height:320px!important}.watch-page.episode-playing .player-episodes-panel{max-height:240px!important}}



/* === DETAIL TOP POSTER: wide thumbnail preview fix ===
   Only the big image beside the movie description is enlarged.
   Episode-list black boxes are intentionally left simple/unchanged. */
body.watch-mode .detail-layout{
  grid-template-columns:minmax(440px,520px) minmax(0,1fr)!important;
}
body.watch-mode .detail-poster-card{
  min-height:430px!important;
  width:100%!important;
}
body.watch-mode .detail-poster-img{
  background-color:#070707!important;
  background-size:cover!important;
  background-position:center center!important;
}
body.watch-mode .detail-main{
  min-height:430px!important;
}
@media(max-width:980px){
  body.watch-mode .detail-layout{grid-template-columns:1fr!important;}
  body.watch-mode .detail-poster-card{min-height:340px!important;}
  body.watch-mode .detail-main{min-height:auto!important;}
}
@media(max-width:560px){
  body.watch-mode .detail-poster-card{min-height:260px!important;}
}

/* === DESCRIPTION SCROLL FULL TEXT FIX ===
   Detail page description now shows more text.
   If the description is very long, only this paragraph scrolls; buttons stay visible. */
body.watch-mode .detail-desc{
  display:block!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  max-height:220px!important;
  max-width:760px!important;
  padding-right:12px!important;
  margin-bottom:18px!important;
  white-space:pre-line!important;
  scrollbar-width:thin;
}
body.watch-mode .detail-desc::-webkit-scrollbar{width:6px}
body.watch-mode .detail-desc::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:999px}
body.watch-mode .detail-desc::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);border-radius:999px}
body.watch-mode .watch-player-desc p{
  display:block!important;
  -webkit-line-clamp:unset!important;
  overflow-y:auto!important;
  max-height:180px!important;
  white-space:pre-line!important;
  padding-right:10px!important;
}
@media(max-width:980px){
  body.watch-mode .detail-desc{max-height:190px!important;max-width:100%!important}
  body.watch-mode .watch-player-desc p{max-height:160px!important}
}
@media(max-width:560px){
  body.watch-mode .detail-desc{max-height:170px!important}
}


/* === MOBILE BOTTOM NAV: functional Search / Saved / Profile cleanup === */
.mobile-panel{position:fixed;left:0;right:0;top:calc(62px + var(--safe-top));bottom:var(--bottom-nav-h);z-index:92;background:#0a0a0f;overflow:auto;-webkit-overflow-scrolling:touch;padding:16px max(14px,var(--safe-right)) 22px max(14px,var(--safe-left));border-top:1px solid rgba(255,255,255,.06)}
.mobile-panel.hidden{display:none!important}
.mobile-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.mobile-panel-title{font-size:20px;font-weight:900;color:#fff;display:flex;align-items:center;gap:8px}
.mobile-panel-close{width:34px;height:34px;border:1px solid rgba(255,255,255,.10);background:#171820;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}
.mobile-search-box{height:46px;border-radius:14px;background:#15161d;border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;gap:10px;padding:0 14px;margin-bottom:18px}
.mobile-search-box i{color:var(--gold);font-size:20px}.mobile-search-box input{flex:1;background:transparent;border:0;outline:0;color:#fff;font-size:15px;font-family:inherit;min-width:0}.mobile-search-box input::placeholder{color:rgba(255,255,255,.45)}
.mobile-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;align-items:start}.mobile-results-grid .card{min-width:0!important;flex:unset!important;width:100%!important}.mobile-results-grid .card-thumb{width:100%!important;height:auto!important;aspect-ratio:9/13!important;border-radius:7px!important}.mobile-results-grid .card-title{font-size:12px!important;line-height:1.25}.mobile-results-grid .card-sub{font-size:10px!important}
.mobile-empty{color:rgba(255,255,255,.58);font-size:13px;line-height:1.55;text-align:center;padding:28px 12px;border:1px dashed rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.03)}
.continue-badge{position:absolute;left:7px;bottom:7px;right:7px;border-radius:999px;background:rgba(0,0,0,.68);border:1px solid rgba(255,255,255,.18);height:5px;overflow:hidden}.continue-badge i{display:block;height:100%;background:#ff0a78;width:42%}.mobile-continue-card .genre-badge{background:rgba(255,10,120,.88)!important;color:#fff!important}
.mobile-filter-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:-6px 0 14px;padding:2px 0 8px}.mobile-filter-chips::-webkit-scrollbar{display:none}.mobile-filter-chip{flex:0 0 auto;border:1px solid rgba(255,255,255,.10);background:#14151d;color:rgba(255,255,255,.70);border-radius:999px;padding:9px 12px;font-weight:800;font-size:12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.mobile-filter-chip.active{background:var(--gold);border-color:var(--gold);color:#000}.mobile-panel-summary{color:rgba(255,255,255,.62);font-size:12px;margin:-8px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-saved-tabs{display:flex;gap:8px;margin:-4px 0 14px}.mobile-saved-tab{flex:1;border:1px solid rgba(255,255,255,.10);background:#14151d;color:rgba(255,255,255,.72);border-radius:12px;padding:10px 8px;font-size:12px;font-weight:900;cursor:pointer}.mobile-saved-tab.active{background:rgba(255,178,25,.16);color:var(--gold);border-color:rgba(255,178,25,.35)}.card-progress-line.is-real i,.continue-badge i{background:linear-gradient(90deg,#ff0a78,#ffb219)}.card-save-btn{position:absolute;right:7px;top:7px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.56);color:#fff;display:flex;align-items:center;justify-content:center;z-index:5;font-size:15px}.card-save-btn.saved{color:#ffb219;background:rgba(255,178,25,.18);border-color:rgba(255,178,25,.38)}.detail-continue-btn{display:none!important}.detail-continue-btn.show{display:inline-flex!important}.detail-sec-btn.saved i,.detail-sec-btn.saved{color:#ffb219!important}.ep-progress{height:3px;background:rgba(255,255,255,.16);border-radius:99px;overflow:hidden;margin-top:6px}.ep-progress i{display:block;height:100%;background:linear-gradient(90deg,#ff0a78,#ffb219);width:0}.mobile-results-grid .card .card-save-btn{display:none}

@media(max-width:900px){
  .topbar-right.header-right{display:none!important}
  .desktop-nav{display:none!important}
  .header-left{width:100%!important;justify-content:space-between!important}
  .profile-panel{top:auto!important;left:max(12px,var(--safe-left))!important;right:max(12px,var(--safe-right))!important;bottom:calc(var(--bottom-nav-h) + 12px)!important;width:auto!important;max-width:none!important;border-radius:18px!important;padding:12px!important;z-index:220!important}
  .profile-panel .profile-head{display:flex!important;margin-bottom:12px!important}
  .profile-panel .profile-grid{display:none!important}
  .profile-panel .profile-status{margin:0 0 10px!important}
  .profile-panel .profile-actions{margin-top:8px!important}
  .profile-panel .profile-actions button{min-width:0!important;padding:11px 10px!important;font-size:12px!important}
}
@media(max-width:430px){.mobile-results-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}.mobile-panel{padding-left:10px;padding-right:10px}.mobile-panel-title{font-size:18px}}
@media(min-width:901px){.mobile-panel{display:none!important}}


/* CineGo brand logo */
.logo.app-logo.cinego-logo{display:flex!important;align-items:center!important;gap:9px!important;min-width:max-content!important;line-height:1!important}
.cinego-logo-icon{width:34px;height:34px;border-radius:10px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.10),0 8px 22px rgba(0,0,0,.35);flex:0 0 auto}
.logo.app-logo.cinego-logo .cinego-logo-text{display:flex!important;flex-direction:column!important;gap:2px!important;font-family:'Inter',sans-serif!important;margin:0!important;letter-spacing:0!important;color:inherit!important;line-height:1!important;text-transform:none!important}
.logo.app-logo.cinego-logo .cinego-logo-text b{font-family:'Bebas Neue',sans-serif!important;font-size:27px!important;letter-spacing:2.2px!important;color:var(--gold)!important;font-weight:400!important;line-height:.92!important}
.logo.app-logo.cinego-logo .cinego-logo-text small{font-family:'Inter',sans-serif!important;font-size:8px!important;letter-spacing:3px!important;color:#777!important;text-transform:uppercase!important;font-weight:700!important;line-height:1!important}
@media(max-width:520px){.cinego-logo-icon{width:30px;height:30px}.logo.app-logo.cinego-logo .cinego-logo-text b{font-size:23px!important}.logo.app-logo.cinego-logo .cinego-logo-text small{font-size:7px!important;letter-spacing:2.4px!important}}



/* === CINEGO POLISH: tall drama cards + hover info popover + bilingual footer === */
body.watch-mode .cinego-footer{display:none!important;}
.card,.home-special-section .card,.genre-section .card{position:relative!important;overflow:visible!important;}
.card-thumb{overflow:hidden!important;}
.home-special-section .card,.genre-section .card{flex:0 0 178px!important;min-width:178px!important;}
.home-special-section .card-thumb,.genre-section .card-thumb{
  width:178px!important;
  height:250px!important;
  aspect-ratio:9/12.65!important;
  border-radius:7px!important;
  background-size:cover!important;
  background-position:center!important;
}
.card-genre-pop{
  position:absolute;
  left:50%;
  top:calc(100% - 18px);
  transform:translate(-50%,10px) scale(.98);
  width:min(230px,calc(100% + 44px));
  background:linear-gradient(180deg,rgba(18,18,22,.98),rgba(9,9,12,.98));
  border:1px solid rgba(255,178,25,.26);
  border-top:2px solid #ffb219;
  border-radius:0 0 12px 12px;
  padding:10px 11px 11px;
  color:#fff;
  opacity:0;
  pointer-events:none;
  z-index:40;
  box-shadow:0 18px 44px rgba(0,0,0,.62);
  transition:opacity .16s ease,transform .16s ease;
}
.card:hover .card-genre-pop{opacity:1;transform:translate(-50%,0) scale(1);}
.card-genre-pop::before{
  content:'';
  position:absolute;
  left:50%;top:-7px;
  transform:translateX(-50%) rotate(45deg);
  width:12px;height:12px;
  background:#151519;
  border-left:1px solid rgba(255,178,25,.26);
  border-top:1px solid rgba(255,178,25,.26);
}
.card-pop-title{font-size:12px;font-weight:900;line-height:1.18;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:7px;letter-spacing:.01em;}
.card-pop-meta{display:flex;flex-wrap:wrap;gap:5px;}
.card-pop-chip{display:inline-flex;align-items:center;max-width:100%;padding:4px 7px;border-radius:999px;background:rgba(255,178,25,.14);border:1px solid rgba(255,178,25,.24);color:#ffcf5a;font-size:10px;font-weight:900;line-height:1.1;white-space:nowrap;}
.card-pop-chip.alt{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.76)}
.card:hover{z-index:45!important;}
.cinego-footer{background:#151518;border-top:1px solid rgba(255,255,255,.07);margin-top:42px;padding:28px 46px 24px;color:rgba(255,255,255,.78);position:relative;z-index:8;}
.cinego-footer-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:54px;max-width:1180px;margin:0 auto;}
.cinego-footer h3{font-size:18px;font-weight:900;color:#fff;margin:0 0 14px;letter-spacing:.02em;}
.cinego-footer h3 span,.cinego-footer a span{color:#ffb219;font-weight:800;margin-left:8px;padding-left:9px;border-left:1px solid rgba(255,178,25,.45);font-size:.82em;}
.cinego-footer a,.cinego-footer p{display:block;margin:0 0 10px;color:rgba(255,255,255,.72);font-size:13px;line-height:1.35;text-decoration:none;}
.cinego-footer a:hover{color:#fff;text-decoration:underline;text-decoration-color:#ffb219;}
.cinego-footer .footer-email{color:#fff;font-weight:800;}
.cinego-footer-bottom{text-align:center;color:rgba(255,255,255,.62);font-size:12px;margin-top:26px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06);}
@media(max-width:900px){
  .home-special-section .card,.genre-section .card{flex:0 0 128px!important;min-width:128px!important;}
  .home-special-section .card-thumb,.genre-section .card-thumb{width:128px!important;height:224px!important;border-radius:5px!important;}
  .card-genre-pop{display:none!important;}
  .cinego-footer{display:none!important;}
}



/* === CINEGO UX PATCH: professional hover cards, safe spacing, English section titles + MN tooltips === */
@media(min-width:901px){
  .content{padding-left:56px!important;padding-right:56px!important;}
  .home-special-section,.genre-section{margin-bottom:42px!important;}
  .home-special-section .cards-row,.genre-section .cards-row{padding-bottom:86px!important;overflow-x:auto!important;overflow-y:visible!important;}
  .home-special-section .card,.genre-section .card{flex:0 0 190px!important;min-width:190px!important;}
  .home-special-section .card-thumb,.genre-section .card-thumb{width:190px!important;height:266px!important;}
}
@media(max-width:900px){
  .content{padding-left:16px!important;padding-right:16px!important;padding-bottom:28px!important;}
  .home-special-section,.genre-section{padding-left:0!important;padding-right:0!important;}
  .home-special-section .cards-row,.genre-section .cards-row{padding-left:0!important;padding-right:16px!important;}
}
.card-genre-pop{
  left:0!important;right:0!important;top:calc(100% + 4px)!important;transform:translateY(8px) scale(.985)!important;
  width:100%!important;max-width:100%!important;box-sizing:border-box!important;
  background:linear-gradient(180deg,rgba(23,23,28,.98),rgba(11,11,15,.99))!important;
  border:1px solid rgba(255,190,64,.38)!important;border-top:2px solid #ffb219!important;
  border-radius:0 0 14px 14px!important;padding:11px 11px 12px!important;
  box-shadow:0 18px 46px rgba(0,0,0,.68),0 0 0 1px rgba(255,255,255,.03) inset!important;
}
.card:hover .card-genre-pop{opacity:1!important;transform:translateY(0) scale(1)!important;}
.card-genre-pop::before{display:none!important;}
.card-pop-title{font-size:13.5px!important;font-weight:950!important;line-height:1.17!important;color:#fff!important;white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;text-shadow:0 1px 12px rgba(0,0,0,.55);}
.card-pop-meta{margin-top:8px!important;gap:6px!important;}
.card-pop-chip{font-size:10.5px!important;padding:5px 8px!important;background:rgba(255,178,25,.16)!important;border-color:rgba(255,178,25,.32)!important;color:#ffd56a!important;}
.card-pop-chip.alt{background:rgba(125,211,252,.12)!important;border-color:rgba(125,211,252,.22)!important;color:#bdefff!important;}
.card-title{color:#f6f6f6!important;}
.card:hover .card-title{color:#ffcc55!important;}
.genre-hover-tip{
  background:linear-gradient(180deg,#24242b,#111116)!important;border:1px solid rgba(255,178,25,.42)!important;border-radius:12px!important;
  padding:10px 13px!important;font-size:14px!important;font-weight:950!important;letter-spacing:.01em!important;
  box-shadow:0 18px 50px rgba(0,0,0,.62)!important;color:#fff!important;
}
.genre-hover-tip b{display:none!important;}
.section-title[data-mn]{cursor:default;}



/* === CINEGO SEARCH + TOOLTIP POLISH FIX === */
@media(min-width:901px){
  .category-mega{grid-template-columns:repeat(6,minmax(150px,1fr))!important;padding:12px 0 16px!important;}
  .cat-item{font-size:13.5px!important;font-weight:900!important;line-height:1.25!important;padding:11px 18px!important;min-height:42px!important;text-align:left!important;}
}
.genre-hover-tip{
  position:fixed!important;z-index:999999!important;pointer-events:none!important;opacity:0!important;
  transform:translate(0,-6px)!important;transition:opacity .10s ease,transform .10s ease!important;
  white-space:nowrap!important;max-width:min(320px,calc(100vw - 24px))!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.genre-hover-tip.show{opacity:1!important;transform:translate(0,0)!important;}
.genre-hover-tip.tip-section{
  background:linear-gradient(135deg,#2a2114,#101012)!important;color:#ffcf64!important;border:1px solid rgba(255,190,64,.65)!important;
  border-radius:14px!important;padding:12px 16px!important;font-size:17px!important;font-weight:950!important;box-shadow:0 18px 48px rgba(0,0,0,.70),0 0 0 1px rgba(255,255,255,.04) inset!important;
}
.genre-hover-tip.tip-menu{
  background:rgba(18,18,22,.98)!important;color:#f8f8f8!important;border:1px solid rgba(255,190,64,.38)!important;
  border-radius:10px!important;padding:8px 11px!important;font-size:12.5px!important;font-weight:900!important;box-shadow:0 12px 34px rgba(0,0,0,.55)!important;
}
.genre-hover-tip.tip-chip{
  background:linear-gradient(135deg,#201a10,#111116)!important;color:#ffcf64!important;border:1px solid rgba(255,190,64,.45)!important;
  border-radius:12px!important;padding:9px 12px!important;font-size:14.5px!important;font-weight:950!important;box-shadow:0 14px 38px rgba(0,0,0,.55)!important;
}
.cinego-search-page{display:none;position:relative;z-index:8;padding:104px 56px 50px;background:#050506;min-height:calc(100vh - 78px);}
body.search-mode .hero, body.search-mode .content, body.search-mode .cinego-footer{display:none!important;}
body.search-mode .cinego-search-page{display:block!important;}
.search-page-inner{max-width:1180px;margin:0 auto;}
.search-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(255,255,255,.10);padding-bottom:18px;margin-bottom:26px;}
.search-page-title{margin:0;color:#fff;font-size:22px;font-weight:950;letter-spacing:.01em;}
.search-page-title b{color:#ff3d66;}
.search-page-sub{margin:8px 0 0;color:rgba(255,255,255,.58);font-size:13px;}
.search-back-btn{border:1px solid rgba(255,255,255,.14);background:#15161a;color:#fff;border-radius:999px;height:38px;padding:0 16px;font-weight:900;cursor:pointer;}
.search-back-btn:hover{border-color:#ffb219;color:#ffb219;}
.search-result-list{display:flex;flex-direction:column;gap:22px;}
.search-result-item{display:grid;grid-template-columns:116px minmax(0,1fr) 148px;gap:18px;align-items:center;padding:0 0 20px;border-bottom:1px solid rgba(255,255,255,.07);}
.search-result-poster{width:116px;height:162px;border-radius:6px;background:#151515 center/cover no-repeat;box-shadow:0 8px 24px rgba(0,0,0,.45);overflow:hidden;}
.search-result-name{font-size:18px;font-weight:950;color:#fff;margin:0 0 8px;line-height:1.24;}
.search-result-name mark{background:transparent;color:#ff3d66;padding:0;}
.search-result-meta{font-size:12px;color:rgba(255,255,255,.72);font-weight:800;margin-bottom:10px;}
.search-result-desc{font-size:13px;line-height:1.48;color:rgba(255,255,255,.66);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 10px;}
.search-result-tags{display:flex;gap:7px;flex-wrap:wrap;}
.search-result-tags span{font-size:10.5px;font-weight:850;color:rgba(255,255,255,.70);background:#1d2021;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:4px 8px;}
.search-play-btn{justify-self:end;width:142px;height:42px;border:0;border-radius:3px;background:linear-gradient(90deg,#ff0a78,#ff7a1a);color:#fff;font-weight:950;cursor:pointer;}
.search-empty-full{display:none;text-align:center;color:rgba(255,255,255,.62);padding:72px 0;font-size:15px;}
.search-empty-full.show{display:block;}
@media(max-width:900px){
  .cinego-search-page{padding:90px 16px 36px;}
  .search-page-head{align-items:flex-start;flex-direction:column;}
  .search-result-item{grid-template-columns:88px minmax(0,1fr);gap:13px;}
  .search-result-poster{width:88px;height:128px;}
  .search-result-name{font-size:15px;}
  .search-result-desc{font-size:12px;-webkit-line-clamp:2;}
  .search-play-btn{grid-column:2;width:116px;height:36px;justify-self:start;}
}



/* === CINEGO FINAL POLISH: non-overlap tooltips, full card popup, wider hero carousel === */
.section-title[data-section-title="true"]{
  display:inline-flex!important;
  width:max-content!important;
  max-width:calc(100vw - 72px)!important;
  align-self:flex-start!important;
}
.home-special-section .section-title[data-section-title="true"],
.genre-section .section-title[data-section-title="true"]{position:relative!important;z-index:15!important;}
.genre-hover-tip.tip-section{
  font-size:16.5px!important;
  padding:11px 15px!important;
  max-width:min(360px,calc(100vw - 30px))!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.genre-hover-tip.tip-menu{
  font-size:12.5px!important;
  padding:8px 11px!important;
}
.home-special-section,.genre-section{overflow:visible!important;}
.home-special-section .cards-row,.genre-section .cards-row{
  padding-bottom:112px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
}
.card,.home-special-section .card,.genre-section .card{overflow:visible!important;}
.card-genre-pop{
  left:0!important;
  right:auto!important;
  top:calc(100% + 6px)!important;
  transform:translateY(8px) scale(.985)!important;
  width:100%!important;
  max-width:100%!important;
  min-width:100%!important;
  border-radius:12px!important;
  border-top:2px solid #ffb219!important;
  padding:12px 12px 13px!important;
  box-sizing:border-box!important;
}
.card:hover .card-genre-pop{opacity:1!important;transform:translateY(0) scale(1)!important;}
.card-genre-pop::before{display:none!important;}
.card-pop-title{font-size:13.5px!important;line-height:1.22!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.card-pop-chip{font-size:10.5px!important;padding:5px 8px!important;}
.hero-content{max-width:min(390px,29%)!important;}
.hero-carousel{width:min(76%,1220px)!important;padding-right:28px!important;}
.hero-carousel-track{gap:clamp(10px,1.15vw,18px)!important;}
.hero-slide{width:clamp(96px,8.2vw,132px)!important;}
.hero-slide.active{width:clamp(118px,10.2vw,160px)!important;}
@media(max-width:900px){
  .section-title[data-section-title="true"]{max-width:calc(100vw - 32px)!important;}
  .home-special-section .cards-row,.genre-section .cards-row{padding-bottom:18px!important;overflow-x:auto!important;overflow-y:hidden!important;}
  .card-genre-pop{display:none!important;}
  .hero-content{max-width:none!important;}
  .hero-carousel{width:100%!important;}
}



/* === CINEGO EDGE + CONTINUE WATCHING FIX === */
@media(max-width:900px){
  .content{padding-left:max(22px,var(--safe-left))!important;padding-right:max(18px,var(--safe-right))!important;}
  .home-special-section,.genre-section{padding-left:0!important;padding-right:0!important;}
  .section-title[data-section-title="true"]{margin-left:0!important;}
}
@media(min-width:901px){
  .home-special-section .cards-row,.genre-section .cards-row{padding-bottom:132px!important;overflow-y:visible!important;}
  .home-special-section,.genre-section{overflow:visible!important;padding-bottom:14px!important;}
}
.card-genre-pop{overflow:visible!important;clip-path:none!important;}
.genre-hover-tip.tip-section{z-index:9999999!important;}



/* === CINEGO FIX: body-level card hover popup + member badge === */
/* In-card popup is kept only as data source; real popup is drawn on body so row overflow/edges cannot clip it. */
@media(hover:hover) and (pointer:fine){
  .card .card-genre-pop{display:none!important;}
}
.cinego-card-float-pop{
  position:fixed!important;
  z-index:9999998!important;
  pointer-events:none!important;
  width:var(--pop-w,190px)!important;
  max-width:min(260px,calc(100vw - 24px))!important;
  box-sizing:border-box!important;
  background:linear-gradient(180deg,rgba(26,27,32,.985),rgba(9,9,12,.99))!important;
  border:1px solid rgba(255,190,64,.42)!important;
  border-top:2px solid #ffb219!important;
  border-radius:12px!important;
  padding:12px 12px 13px!important;
  color:#fff!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(8px) scale(.985)!important;
  transition:opacity .12s ease,transform .12s ease,visibility .12s ease!important;
  box-shadow:0 22px 56px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.035) inset!important;
}
.cinego-card-float-pop.show{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
}
.cinego-card-float-pop .card-pop-title{
  font-size:13.5px!important;
  line-height:1.22!important;
  font-weight:950!important;
  color:#fff!important;
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-shadow:0 1px 12px rgba(0,0,0,.55)!important;
}
.cinego-card-float-pop .card-pop-meta{margin-top:8px!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;}
.cinego-card-float-pop .card-pop-chip{
  font-size:10.5px!important;
  line-height:1.1!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  font-weight:900!important;
  color:#ffd56a!important;
  background:rgba(255,178,25,.16)!important;
  border:1px solid rgba(255,178,25,.32)!important;
}
.cinego-card-float-pop .card-pop-chip.alt{
  color:#bdefff!important;
  background:rgba(125,211,252,.12)!important;
  border-color:rgba(125,211,252,.22)!important;
}
.member-rank-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:23px;
  height:23px;
  margin-left:8px;
  border-radius:50%;
  background:linear-gradient(135deg,#fff3a8 0%,#ffc328 45%,#f59b12 100%);
  color:#191003;
  font-size:13px;
  font-weight:1000;
  letter-spacing:-.02em;
  box-shadow:0 0 0 2px rgba(255,195,40,.18),0 8px 20px rgba(245,155,18,.32);
  vertical-align:middle;
}
.profile-status-title-line{display:flex;align-items:center;gap:0;flex-wrap:wrap;}
@media(max-width:900px){.cinego-card-float-pop{display:none!important;}.member-rank-badge{width:21px;height:21px;font-size:12px;margin-left:7px;}}


/* === CINEGO POLISH: edge-safe side popup + shiny member avatar badge === */
@media(hover:hover) and (pointer:fine){
  body .card .card-genre-pop,
  body .card:hover .card-genre-pop{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}
.cinego-card-float-pop{
  width:var(--pop-w,238px)!important;
  max-width:min(280px,calc(100vw - 28px))!important;
  border-radius:14px!important;
  padding:14px 14px 15px!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(255,204,82,.18),transparent 34%),
    linear-gradient(180deg,rgba(33,34,40,.992),rgba(9,9,13,.995))!important;
  border:1px solid rgba(255,193,52,.50)!important;
  border-left:2px solid rgba(255,178,25,.86)!important;
  border-top:1px solid rgba(255,220,116,.58)!important;
  box-shadow:0 30px 70px rgba(0,0,0,.82),0 0 0 1px rgba(255,255,255,.045) inset,0 0 28px rgba(255,178,25,.12)!important;
}
.cinego-card-float-pop::before{
  content:'';
  position:absolute;
  left:-8px;
  top:22px;
  width:12px;
  height:12px;
  transform:rotate(45deg);
  background:linear-gradient(135deg,rgba(33,34,40,.992),rgba(16,16,20,.995));
  border-left:1px solid rgba(255,193,52,.48);
  border-bottom:1px solid rgba(255,193,52,.48);
  border-radius:2px;
}
.cinego-card-float-pop.pop-left::before{
  left:auto;
  right:-8px;
  border-left:0;
  border-bottom:0;
  border-right:1px solid rgba(255,193,52,.48);
  border-top:1px solid rgba(255,193,52,.48);
}
.cinego-card-float-pop .card-pop-title{
  font-size:14.5px!important;
  line-height:1.24!important;
  letter-spacing:.01em!important;
}
.cinego-card-float-pop .card-pop-chip{
  font-size:11px!important;
  padding:6px 9px!important;
}
.avatar,.profile-big-avatar{position:relative!important;overflow:visible!important;}
.avatar.is-member::after,.profile-big-avatar.is-member::after{
  content:'M';
  position:absolute;
  right:-5px;
  bottom:-4px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:
    radial-gradient(circle at 30% 18%,#fff9c7 0 12%,#ffe26a 26%,#ffc21d 52%,#ec8e05 100%);
  color:#1d1200;
  font-weight:1000;
  letter-spacing:-.04em;
  border:2px solid rgba(20,12,0,.95);
  box-shadow:0 0 0 2px rgba(255,202,52,.38),0 6px 18px rgba(255,178,25,.50),0 0 20px rgba(255,215,90,.48) inset;
  text-shadow:0 1px 0 rgba(255,255,255,.38);
}
.profile-big-avatar.is-member::after{width:23px;height:23px;font-size:13px;right:-3px;bottom:-3px;}
.avatar.is-member::after{width:18px;height:18px;font-size:10.5px;right:-4px;bottom:-4px;}
.profile-big-avatar.is-member,.avatar.is-member{
  box-shadow:0 0 0 2px rgba(255,197,45,.20),0 0 28px rgba(255,178,25,.20)!important;
}
.member-rank-badge{display:none!important;}


/* === CINEGO FIX: popup under card, never clipped by card/row edge === */
.cinego-card-float-pop{
  width:var(--pop-w,230px)!important;
  max-width:min(260px,calc(100vw - 24px))!important;
  transform:translateY(8px) scale(.985)!important;
  border-radius:14px!important;
  border:1px solid rgba(255,193,52,.44)!important;
  border-top:2px solid rgba(255,178,25,.90)!important;
  border-left:1px solid rgba(255,193,52,.44)!important;
  padding:12px 13px 13px!important;
}
.cinego-card-float-pop.show{transform:translateY(0) scale(1)!important;}
.cinego-card-float-pop::before{
  content:''!important;
  position:absolute!important;
  left:var(--arrow-x,28px)!important;
  top:-7px!important;
  right:auto!important;
  width:12px!important;
  height:12px!important;
  transform:translateX(-50%) rotate(45deg)!important;
  background:linear-gradient(135deg,rgba(33,34,40,.992),rgba(16,16,20,.995))!important;
  border-left:1px solid rgba(255,193,52,.48)!important;
  border-top:1px solid rgba(255,193,52,.48)!important;
  border-right:0!important;
  border-bottom:0!important;
  border-radius:2px!important;
}
.cinego-card-float-pop.pop-above::before{
  top:auto!important;
  bottom:-7px!important;
  border-left:0!important;
  border-top:0!important;
  border-right:1px solid rgba(255,193,52,.48)!important;
  border-bottom:1px solid rgba(255,193,52,.48)!important;
}
.cinego-card-float-pop .card-pop-title{font-size:14.2px!important;line-height:1.24!important;}
.cinego-card-float-pop .card-pop-chip{font-size:11px!important;padding:6px 9px!important;}


/* === CINEGO FINAL TIGHT POPUP + MEMBER TEXT BADGE + NEW HOT HOME HIDE === */
@media(min-width:901px){
  .home-special-section .cards-row,
  .genre-section .cards-row{padding-bottom:88px!important;}
  .home-special-section,
  .genre-section{margin-bottom:22px!important;}
}
.profile-status-title-line .member-rank-badge{
  display:inline-flex!important;
  margin-left:7px!important;
  width:22px!important;
  height:22px!important;
  font-size:12.5px!important;
  background:radial-gradient(circle at 28% 18%,#fffbd0 0 12%,#ffe878 25%,#ffc928 50%,#f09a06 100%)!important;
  box-shadow:0 0 0 2px rgba(255,202,52,.22),0 6px 18px rgba(255,178,25,.45),0 0 18px rgba(255,242,158,.45) inset!important;
}


/* Performance: lazy poster fallback + row pagination */
.row-load-more-wrap{display:flex;justify-content:center;margin:14px 0 4px}.row-load-more-btn{border:1px solid rgba(255,255,255,.12);background:#15161a;color:#fff;border-radius:999px;height:38px;padding:0 18px;font-weight:900;cursor:pointer}.row-load-more-btn:hover{border-color:var(--gold);color:var(--gold)}
.card-thumb.poster-loading:not(.has-poster),.search-result-poster.poster-loading:not(.has-poster){background-image:linear-gradient(135deg,#151515,#242424)!important}.card-thumb.poster-fallback,.search-result-poster.poster-fallback{background-image:linear-gradient(135deg,#17171b,#2b1f2e)!important}
@media (max-width:900px){.row-load-more-btn{height:36px;font-size:12px;padding:0 14px}.row-load-more-wrap{margin:10px 0 2px}}


/* CineGo mobile/WebView seek controls: touch devices must not keep :hover visible forever. */
@media (hover:none), (pointer:coarse){
  .watch-video-inner:hover .watch-seek-controls{opacity:0!important;pointer-events:none!important;transform:translate(-50%,-50%) scale(.96)!important}
  .watch-video-inner:not(.controls-visible) .watch-seek-controls{opacity:0!important;pointer-events:none!important}
  .watch-video-inner.controls-visible .watch-seek-controls{opacity:.94!important;pointer-events:auto!important;transform:translate(-50%,-50%) scale(1)!important}
}


/* === CINEGO SEEK10 FINAL FIX: no hover/focus re-open, works in fullscreen + WebView === */
.watch-video-inner .watch-seek-controls,
.watch-video-inner:hover .watch-seek-controls,
.watch-seek-controls:focus-within{
  opacity:0!important;
  pointer-events:none!important;
  transform:translate(-50%,-50%) scale(.96)!important;
}
.watch-video-inner.controls-visible .watch-seek-controls{
  opacity:.94!important;
  pointer-events:auto!important;
  transform:translate(-50%,-50%) scale(1)!important;
}
.watch-video-inner.seek-hard-hidden .watch-seek-controls{
  opacity:0!important;
  pointer-events:none!important;
  transform:translate(-50%,-50%) scale(.96)!important;
}
.watch-video-inner.controls-visible .watch-seek-controls:focus-within{
  opacity:.94!important;
  pointer-events:auto!important;
  transform:translate(-50%,-50%) scale(1)!important;
}
@media (hover:hover) and (pointer:fine){
  .watch-video-inner:hover .watch-seek-controls{opacity:0!important;pointer-events:none!important;transform:translate(-50%,-50%) scale(.96)!important;}
  .watch-video-inner.controls-visible .watch-seek-controls{opacity:.94!important;pointer-events:auto!important;transform:translate(-50%,-50%) scale(1)!important;}
}

/* === CINEGO NETFLIX-INSPIRED WEB PLAYER SKIN v20260601 native/HLS fix ===
   Skin-only overlay for existing Bunny iframe / native HLS player.
   Playback, subtitle positioning, membership, Android native bridge logic are unchanged. */
.watch-video-inner{
  --cg-player-red:#e50914;
  --cg-player-red-soft:rgba(229,9,20,.9);
  --cg-player-glass:rgba(12,12,14,.42);
  --cg-player-line:rgba(255,255,255,.18);
  --cg-player-text:#fff;
  --cg-player-muted:rgba(255,255,255,.70);
}
.watch-video-inner::before,
.watch-video-inner::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  z-index:7;
  pointer-events:none;
  opacity:0;
  transition:opacity .28s ease;
}
.watch-video-inner::before{top:0;height:30%;background:linear-gradient(to bottom,rgba(0,0,0,.82),rgba(0,0,0,.34) 52%,transparent)}
.watch-video-inner::after{bottom:0;height:38%;background:linear-gradient(to top,rgba(0,0,0,.90),rgba(0,0,0,.48) 48%,transparent)}
.watch-video-inner.controls-visible::before,
.watch-video-inner.controls-visible::after,
.watch-video-inner.nf-controls-visible::before,
.watch-video-inner.nf-controls-visible::after{opacity:1}
.cinego-nf-ui{
  position:absolute;
  inset:0;
  z-index:2147483020;
  pointer-events:none;
  opacity:0;
  transition:opacity .24s ease;
  color:var(--cg-player-text);
  font-family:Inter,Arial,"Noto Sans",sans-serif;
  user-select:none;
  -webkit-user-select:none;
  -webkit-tap-highlight-color:transparent;
}
.watch-video-inner.controls-visible .cinego-nf-ui,
.watch-video-inner.nf-controls-visible .cinego-nf-ui{opacity:1;pointer-events:auto}
/* Hover-only reveal disabled: fullscreen controls now hide by timer even when the mouse stays over the video. */
.cinego-nf-ui button{font:inherit;color:inherit;border:0;background:none;padding:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cinego-nf-top{
  position:absolute;
  top:calc(18px + var(--safe-top));
  left:max(18px,var(--safe-left));
  right:max(18px,var(--safe-right));
  display:flex;
  align-items:center;
  gap:16px;
  z-index:3;
  pointer-events:none;
}
.cinego-nf-top>*{pointer-events:auto}
.cinego-nf-round,
.cinego-nf-icon-btn,
.cinego-nf-center-play{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(0,0,0,.32)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  backdrop-filter:blur(14px) saturate(130%);
  -webkit-backdrop-filter:blur(14px) saturate(130%);
  box-shadow:0 16px 42px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.10);
  transition:transform .16s ease,background .18s ease,border-color .18s ease,opacity .18s ease;
}
.cinego-nf-round{width:48px;height:48px;font-size:24px;flex:0 0 auto}
.cinego-nf-icon-btn{width:44px;height:44px;font-size:22px;flex:0 0 auto}
.cinego-nf-center-play{width:78px;height:78px;font-size:38px;background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.26)!important}
.cinego-nf-round:hover,
.cinego-nf-icon-btn:hover,
.cinego-nf-center-play:hover{transform:scale(1.06);background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.36)!important}
.cinego-nf-round:active,
.cinego-nf-icon-btn:active,
.cinego-nf-center-play:active{transform:scale(.94)}
.cinego-nf-title{min-width:0;text-shadow:0 4px 22px rgba(0,0,0,.72)}
.cinego-nf-title strong{display:block;max-width:min(70vw,820px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:19px;font-weight:900;letter-spacing:.01em}
.cinego-nf-title span{display:block;margin-top:4px;max-width:min(70vw,720px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:800;color:var(--cg-player-muted);letter-spacing:.08em;text-transform:uppercase}
.cinego-nf-center{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  pointer-events:none;
  z-index:2;
}
.cinego-nf-center>*{pointer-events:auto}
.cinego-nf-center .cinego-nf-skip{width:64px;height:64px;font-size:30px;background:rgba(0,0,0,.26)!important;border-color:rgba(255,255,255,.16)!important}
.cinego-nf-bottom{
  position:absolute;
  left:max(24px,var(--safe-left));
  right:max(24px,var(--safe-right));
  bottom:calc(20px + var(--safe-bottom));
  z-index:3;
  pointer-events:none;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.cinego-nf-bottom>*{pointer-events:auto}
.cinego-nf-progress-row{display:grid;grid-template-columns:auto minmax(90px,1fr) auto;align-items:center;gap:12px;font-size:12px;font-weight:800;color:rgba(255,255,255,.86);text-shadow:0 3px 16px rgba(0,0,0,.8)}
.cinego-nf-progress{
  width:100%;
  height:18px;
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  cursor:pointer;
  --cg-progress:0%;
}
.cinego-nf-progress::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(to right,var(--cg-player-red) 0 var(--cg-progress),rgba(255,255,255,.42) var(--cg-progress) 100%);box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.cinego-nf-progress::-moz-range-track{height:5px;border-radius:999px;background:rgba(255,255,255,.42)}
.cinego-nf-progress::-moz-range-progress{height:5px;border-radius:999px;background:var(--cg-player-red)}
.cinego-nf-progress::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;margin-top:-4.5px;box-shadow:0 0 0 4px rgba(229,9,20,.22),0 4px 14px rgba(0,0,0,.45);opacity:0;transition:opacity .16s ease,transform .16s ease}
.cinego-nf-progress::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:0;background:#fff;box-shadow:0 0 0 4px rgba(229,9,20,.22),0 4px 14px rgba(0,0,0,.45);opacity:0;transition:opacity .16s ease,transform .16s ease}
.cinego-nf-progress:hover::-webkit-slider-thumb,.cinego-nf-progress.dragging::-webkit-slider-thumb{opacity:1;transform:scale(1.05)}
.cinego-nf-progress:hover::-moz-range-thumb,.cinego-nf-progress.dragging::-moz-range-thumb{opacity:1;transform:scale(1.05)}
.cinego-nf-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}
.cinego-nf-actions-left,.cinego-nf-actions-right{display:flex;align-items:center;gap:12px;min-width:0}
.cinego-nf-volume{--cg-volume:55%;width:96px;height:18px;appearance:none;-webkit-appearance:none;background:transparent;accent-color:var(--cg-player-red);cursor:pointer;flex:0 0 96px}
.cinego-nf-volume::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,#fff 0 var(--cg-volume),rgba(255,255,255,.28) var(--cg-volume) 100%)}
.cinego-nf-volume::-moz-range-track{height:4px;border-radius:999px;background:rgba(255,255,255,.28)}
.cinego-nf-volume::-moz-range-progress{height:4px;border-radius:999px;background:#fff}
.cinego-nf-volume::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;margin-top:-4px;box-shadow:0 3px 10px rgba(0,0,0,.5)}
.cinego-nf-volume::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.5)}
.cinego-nf-episode{min-width:0;display:flex;flex-direction:column;gap:2px;padding:0 6px;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.8)}
.cinego-nf-episode b{font-size:14px;font-weight:900;max-width:min(42vw,520px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cinego-nf-episode small{font-size:11px;color:rgba(255,255,255,.66);font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.watch-video-inner.cinego-nf-ready .player-fs-close{opacity:0;pointer-events:none}
.player-fs-overlay.cinego-nf-overlay-active > .player-fs-close{opacity:0!important;pointer-events:none!important}
.watch-video-inner.cinego-nf-ready .watch-fs-direct-btn{width:0;height:0;opacity:0;pointer-events:none}
.watch-video-inner.cinego-nf-ready .watch-native-video::-webkit-media-controls{display:none!important}
.watch-video-inner.cinego-nf-ready .watch-native-video::-webkit-media-controls-enclosure{display:none!important}
.watch-video-inner.cinego-nf-ready .watch-seek-controls{z-index:2147483024!important;gap:96px!important}
.watch-video-inner.cinego-nf-ready .watch-seek-btn{width:64px!important;height:64px!important;background:rgba(0,0,0,.28)!important;border-color:rgba(255,255,255,.18)!important;backdrop-filter:blur(14px) saturate(130%)!important;-webkit-backdrop-filter:blur(14px) saturate(130%)!important;box-shadow:0 16px 42px rgba(0,0,0,.35)!important;color:#fff!important}
.watch-video-inner.cinego-nf-ready .watch-seek-btn:hover{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.34)!important}
.watch-video-inner.cinego-nf-ready .player-error{z-index:2147483035}
.watch-video-inner.cinego-nf-ready .player-lock{z-index:2147483035}
.watch-video-inner.is-inline .cinego-nf-top{top:18px}.watch-video-inner.is-inline .cinego-nf-bottom{bottom:18px}.watch-video-inner.is-inline .cinego-nf-title strong{font-size:17px}.watch-video-inner.is-inline .cinego-nf-center-play{width:68px;height:68px;font-size:34px}
@media(max-width:760px){
  .cinego-nf-top{top:calc(12px + var(--safe-top));left:max(12px,var(--safe-left));right:max(12px,var(--safe-right));gap:10px}
  .cinego-nf-round{width:42px;height:42px;font-size:22px}.cinego-nf-icon-btn{width:40px;height:40px;font-size:21px}.cinego-nf-center-play{width:66px;height:66px;font-size:34px}.cinego-nf-center .cinego-nf-skip{width:54px;height:54px;font-size:27px}
  .cinego-nf-title strong{font-size:15px;max-width:62vw}.cinego-nf-title span{font-size:10px;max-width:62vw}
  .cinego-nf-center{gap:0}.cinego-nf-bottom{left:max(12px,var(--safe-left));right:max(12px,var(--safe-right));bottom:calc(12px + var(--safe-bottom));gap:8px}
  .cinego-nf-progress-row{grid-template-columns:auto 1fr auto;gap:8px;font-size:11px}.cinego-nf-actions{gap:8px}.cinego-nf-actions-left,.cinego-nf-actions-right{gap:6px}.cinego-nf-volume{width:70px;flex-basis:70px}.cinego-nf-episode{display:none}.cinego-nf-next{display:none!important}
  .watch-video-inner.cinego-nf-ready .watch-seek-controls{gap:62px!important}.watch-video-inner.cinego-nf-ready .watch-seek-btn{width:54px!important;height:54px!important}
}
@media(max-width:420px){.cinego-nf-progress-row span{font-size:10px}.cinego-nf-center{gap:0}.cinego-nf-actions-right .cinego-nf-next{display:none!important}}
/* New skin owns the center controls; hide the old floating seek buttons to avoid double UI. */
.watch-video-inner.cinego-nf-ready .watch-seek-controls{display:none!important;}
.watch-video-inner.cinego-nf-ready .watch-subtitle-overlay{z-index:2147483015!important;}

/* v2: only center play remains; +/-10 stays in the bottom controls. */
.watch-video-inner.cinego-nf-ready .cinego-nf-center .cinego-nf-skip{display:none!important;}
.watch-video-inner:not(.controls-visible):not(.nf-controls-visible) .cinego-nf-ui{opacity:0!important;pointer-events:none!important;}
.watch-video-inner:not(.controls-visible):not(.nf-controls-visible)::before,
.watch-video-inner:not(.controls-visible):not(.nf-controls-visible)::after{opacity:0!important;}

/* v3: remove the large center play button completely. Bottom controls remain. */
.watch-video-inner.cinego-nf-ready .cinego-nf-center,
.watch-video-inner.cinego-nf-ready .cinego-nf-center-play{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}


/* v4 back/mobile clean: center play is removed from both old and new cached UI. */
.watch-video-inner.cinego-nf-ready .cinego-nf-center,
.watch-video-inner.cinego-nf-ready .cinego-nf-center-play,
.watch-video-inner.cinego-nf-ready [data-nf-action="center-play"]{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
  visibility:hidden!important;
}
@media(max-width:760px){
  .cinego-nf-bottom{bottom:calc(16px + var(--safe-bottom))!important;}
  .cinego-nf-ui{touch-action:manipulation;}
  .watch-video-inner.controls-visible .cinego-nf-ui{opacity:1!important;pointer-events:auto!important;}
}

/* Mobile force-signed fix: keep native video above iframe only when active */
.watch-native-video.active{display:block!important;z-index:2!important;}
#watch-bunny-frame{z-index:1;}
.watch-video-inner.cinego-nf-ready #watch-bunny-frame{display:none!important;}

@media(max-width:420px){.cinego-nf-volume{width:58px;flex-basis:58px}.cinego-nf-actions-left{gap:4px}.cinego-nf-icon-btn{width:38px;height:38px}}


/* Mobile custom player try: keep native video/fullscreen layer stable on phone browsers. */
@media(max-width:760px){
  body.watch-mode .watch-video-inner.cinego-nf-ready{background:#000!important;touch-action:manipulation;}
  body.watch-mode .watch-native-video.active{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;background:#000!important;}
  body.watch-mode .cinego-nf-bottom{bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;}
  body.watch-mode .cinego-nf-volume{width:82px!important;flex-basis:82px!important;}
  body.watch-mode .cinego-nf-actions-left{gap:8px!important;}
}

/* CineGo quality selector - Netflix inspired compact menu */
.cinego-nf-quality-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.cinego-nf-quality-wrap.is-disabled{opacity:.48}
.cinego-nf-quality-btn{gap:6px!important;width:auto!important;min-width:78px!important;padding:0 12px!important;border-radius:999px!important}
.cinego-nf-quality-btn span{font-size:11px;font-weight:950;letter-spacing:.02em;line-height:1;color:#fff}
.cinego-nf-quality-menu{position:absolute;right:0;bottom:54px;width:236px;border-radius:15px;background:rgba(11,11,14,.94);border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 65px rgba(0,0,0,.62);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);overflow:hidden;opacity:0;transform:translateY(10px) scale(.98);pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:2147483040}
.cinego-nf-quality-menu.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.cinego-nf-quality-head{height:42px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.09);font-size:13px;font-weight:950;color:#fff;letter-spacing:.01em;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.01))}
.cinego-nf-quality-head i{font-size:18px;opacity:.82}
.cinego-nf-quality-menu button{width:100%;min-height:54px;border:0;background:transparent;color:#fff;display:grid;grid-template-columns:1fr 22px;grid-template-rows:auto auto;text-align:left;align-items:center;gap:2px 10px;padding:10px 14px;cursor:pointer;font-family:inherit;transition:background .14s ease,color .14s ease}
.cinego-nf-quality-menu button:hover,.cinego-nf-quality-menu button.active{background:rgba(229,9,20,.16)}
.cinego-nf-quality-menu button:disabled{opacity:.36;cursor:not-allowed;background:transparent!important}
.cinego-nf-quality-menu button span{grid-column:1;font-size:14px;font-weight:950;line-height:1.15}
.cinego-nf-quality-menu button small{grid-column:1;font-size:10.5px;font-weight:750;color:rgba(255,255,255,.55);line-height:1.2}
.cinego-nf-quality-menu button i{grid-column:2;grid-row:1/3;color:#e50914;font-size:20px;align-self:center;justify-self:center}
.cinego-nf-icon-btn i{font-size:23px;line-height:1}
.cinego-nf-round i{font-size:24px}
@media(max-width:700px){.cinego-nf-quality-btn{min-width:42px!important;padding:0 9px!important}.cinego-nf-quality-btn span{display:none}.cinego-nf-quality-menu{right:-42px;bottom:50px;width:218px}.cinego-nf-quality-menu button{min-height:50px}.cinego-nf-quality-menu button small{display:none}}
@media(max-width:420px){.cinego-nf-quality-menu{right:-48px;width:204px}.cinego-nf-actions-right{gap:4px!important}}

/* CINEGO v198 — Safe Netflix-style auth skin (scoped only to #login-screen) */
#login-screen.login-screen{
  background:#050505;
  padding:clamp(18px,4vw,36px);
  isolation:isolate;
}
#login-screen .login-bg{
  background:
    linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.88) 42%,#050505 100%),
    radial-gradient(circle at 18% 18%,rgba(229,9,20,.30),transparent 28%),
    radial-gradient(circle at 86% 22%,rgba(255,255,255,.08),transparent 24%),
    linear-gradient(135deg,#111 0%,#080808 48%,#170205 100%);
}
#login-screen .login-bg::before{
  content:'';
  position:absolute;
  inset:-20px;
  opacity:.30;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:64px 96px;
  transform:rotate(-6deg) scale(1.08);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 76%);
}
#login-screen .login-bg::after{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.38) 48%,rgba(0,0,0,.90)),
    radial-gradient(ellipse at 50% 0%,rgba(229,9,20,.18),transparent 60%);
}
#login-screen .stars,
#login-screen .moon{display:none!important}
#login-screen .login-overlay{
  background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.76));
}
#login-screen .login-card{
  max-width:430px;
  padding:34px 34px 30px;
  border-radius:8px;
  background:rgba(0,0,0,.76);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 28px 90px rgba(0,0,0,.78),0 0 0 1px rgba(229,9,20,.06) inset;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
#login-screen .login-card.register-mode{max-width:470px}
#login-screen .login-close{
  top:14px;
  right:14px;
  width:34px;
  height:34px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#fff;
  border:1px solid rgba(255,255,255,.10);
}
#login-screen .login-close:hover{background:rgba(229,9,20,.95)}
#login-screen .login-logo{margin-bottom:22px;text-align:left}
#login-screen .login-logo h1{
  font-family:'Bebas Neue','Inter',sans-serif;
  font-size:48px;
  line-height:.9;
  letter-spacing:2px;
  color:#e50914;
  text-shadow:0 8px 28px rgba(229,9,20,.35);
}
#login-screen .login-logo p{
  margin-top:9px;
  color:rgba(255,255,255,.72);
  letter-spacing:2.6px;
  font-weight:800;
}
#login-screen .login-hint{
  margin:-10px 0 22px;
  color:rgba(255,255,255,.78);
  font-size:14px;
  line-height:1.45;
}
#login-screen .login-field{margin-bottom:14px}
#login-screen .login-field label{
  margin-bottom:7px;
  color:rgba(255,255,255,.72);
  font-size:12px;
  font-weight:800;
  letter-spacing:.2px;
}
#login-screen .login-field input{
  min-height:52px;
  padding:15px 15px;
  border-radius:4px;
  background:#161616;
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:none;
  font-size:15px;
}
#login-screen .login-field input:hover{border-color:rgba(255,255,255,.38)}
#login-screen .login-field input:focus{
  border-color:#e50914;
  box-shadow:0 0 0 3px rgba(229,9,20,.22);
  background:#101010;
}
#login-screen .login-field input::placeholder{color:rgba(255,255,255,.40)}
#login-screen .login-options{
  margin:8px 0 22px;
  color:rgba(255,255,255,.65);
}
#login-screen .login-remember input{accent-color:#e50914}
#login-screen .login-forgot,
#login-screen .login-footer a{color:#fff;font-weight:800}
#login-screen .login-forgot:hover,
#login-screen .login-footer a:hover{color:#e50914;text-decoration:none}
#login-screen .login-submit{
  min-height:50px;
  border-radius:4px;
  background:linear-gradient(180deg,#f6121d,#c90612);
  color:#fff;
  box-shadow:0 14px 28px rgba(229,9,20,.28);
  margin-bottom:18px;
  font-size:16px;
  letter-spacing:.1px;
}
#login-screen .login-submit:hover{opacity:1;filter:brightness(1.08)}
#login-screen .login-submit:active{transform:translateY(1px)}
#login-screen .login-divider{color:rgba(255,255,255,.42)}
#login-screen .login-divider::before,
#login-screen .login-divider::after{background:rgba(255,255,255,.16)}
#login-screen .login-social{gap:12px}
#login-screen .social-btn{
  min-height:44px;
  border-radius:4px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  font-weight:800;
}
#login-screen .social-btn:hover{background:rgba(255,255,255,.16)}
#login-screen .login-footer{color:rgba(255,255,255,.62)}
#login-screen .login-error{
  background:rgba(229,9,20,.16);
  border-color:rgba(229,9,20,.38);
  color:#ffb3b7;
  border-radius:4px;
}
#login-screen .login-success{
  background:rgba(22,163,74,.18);
  border-color:rgba(34,197,94,.34);
  color:#b7f7c9;
  border-radius:4px;
}
#login-screen .auth-note{
  margin:0 0 15px;
  color:rgba(255,255,255,.52);
}
@media(max-width:640px){
  #login-screen.login-screen{align-items:flex-start;padding:calc(18px + var(--safe-top)) 16px calc(18px + var(--safe-bottom))}
  #login-screen .login-card{
    margin-top:16px;
    padding:28px 22px 24px;
    max-width:100%;
    max-height:calc(100dvh - 34px - var(--safe-top) - var(--safe-bottom));
    overflow-y:auto;
    border-radius:10px;
  }
  #login-screen .login-logo h1{font-size:43px}
  #login-screen .login-field input{min-height:50px}
}


/* === CINEGO V199: visible APK download CTA beside Search === */
.download-app-btn{
  height:36px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 15px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.22), transparent 28%),
    linear-gradient(135deg,#ff173d 0%,#e50914 48%,#9d0208 100%);
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px;
  font-weight:900;
  letter-spacing:.1px;
  box-shadow:0 10px 28px rgba(229,9,20,.28), inset 0 1px 0 rgba(255,255,255,.22);
  position:relative;
  overflow:hidden;
  white-space:nowrap;
  flex:0 0 auto;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.download-app-btn::before{
  content:'';
  position:absolute;
  inset:-60% auto -60% -42%;
  width:38%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  opacity:.55;
  animation:cinegoDownloadSweep 3.8s ease-in-out infinite;
}
@keyframes cinegoDownloadSweep{0%,42%{left:-42%}72%,100%{left:118%}}
.download-app-btn i{font-size:17px;position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.24))}
.download-app-btn span{position:relative;z-index:1;line-height:1}.download-app-btn small{display:block;font-size:8px;line-height:1;margin-top:1px;letter-spacing:.9px;text-transform:uppercase;color:rgba(255,255,255,.72)}
.download-app-btn:hover{transform:translateY(-1px);box-shadow:0 13px 34px rgba(229,9,20,.40), inset 0 1px 0 rgba(255,255,255,.24);filter:saturate(1.08)}
.download-app-btn:active{transform:translateY(0) scale(.98)}
.download-app-btn.mobile-download-chip{display:none}
@media(max-width:1120px){.download-app-btn .download-app-text{display:none}.download-app-btn{width:36px;padding:0;justify-content:center}.download-app-btn small{display:none}}
@media(max-width:900px){
  .download-app-btn.desktop-download-cta{display:none!important}
  .download-app-btn.mobile-download-chip{display:inline-flex!important;width:auto;height:34px;padding:0 12px;font-size:12px;margin-left:auto;background:linear-gradient(135deg,#ff173d,#e50914)}
  .download-app-btn.mobile-download-chip .download-app-text{display:inline!important}
  .download-app-btn.mobile-download-chip small{display:none!important}
}
@media(max-width:390px){.download-app-btn.mobile-download-chip .download-app-text{display:none!important}.download-app-btn.mobile-download-chip{width:34px;padding:0;justify-content:center}}

/* CINEGO WEB v201 - Detail page portrait poster fix
   Keeps home/search cards unchanged. Only watch detail hero poster becomes true 2:3. */
body.watch-mode .detail-layout{
  grid-template-columns:minmax(280px,360px) minmax(0,1fr)!important;
  gap:0!important;
  align-items:stretch!important;
  max-width:1180px!important;
  margin:0 auto!important;
}
body.watch-mode .detail-poster-card{
  width:100%!important;
  min-height:0!important;
  aspect-ratio:2 / 3!important;
  align-self:stretch!important;
  background:#0f0f10!important;
  border-radius:6px 0 0 6px!important;
  overflow:hidden!important;
}
body.watch-mode .detail-poster-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  transform:none!important;
  image-rendering:auto!important;
}
body.watch-mode .detail-main{
  min-height:540px!important;
  padding:34px 38px!important;
  border-radius:0 6px 6px 0!important;
}
@media(max-width:1180px){
  body.watch-mode .detail-layout{
    grid-template-columns:minmax(250px,330px) minmax(0,1fr)!important;
  }
  body.watch-mode .detail-main{min-height:495px!important;}
}
@media(max-width:980px){
  body.watch-mode .detail-layout{
    grid-template-columns:1fr!important;
    max-width:520px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    gap:14px!important;
  }
  body.watch-mode .detail-poster-card{
    width:min(72vw,320px)!important;
    min-height:0!important;
    aspect-ratio:2 / 3!important;
    margin:0 auto!important;
    border-radius:10px!important;
    box-shadow:0 20px 46px rgba(0,0,0,.45)!important;
  }
  body.watch-mode .detail-main{
    min-height:auto!important;
    border-radius:10px!important;
    padding:20px!important;
  }
}
@media(max-width:520px){
  body.watch-mode .detail-wrap{padding-left:14px!important;padding-right:14px!important;}
  body.watch-mode .detail-poster-card{width:min(76vw,280px)!important;}
}

/* === CINEGO WEB V204: safe premium home polish (cinema + hero new episode slides) === */
.hero-slide{position:relative!important;overflow:hidden!important;}
.hero-new-episode-badge{
  position:absolute!important;left:10px!important;right:10px!important;bottom:10px!important;z-index:4!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  min-height:26px!important;padding:5px 8px!important;border-radius:999px!important;
  color:#fff!important;font-size:10px!important;font-weight:950!important;letter-spacing:.035em!important;text-transform:uppercase!important;
  background:linear-gradient(90deg,rgba(229,9,20,.96),rgba(255,184,62,.88))!important;
  box-shadow:0 10px 24px rgba(229,9,20,.28), inset 0 0 0 1px rgba(255,255,255,.22)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.38)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.hero-slide.active .hero-new-episode-badge{animation:cinegoV204BadgePulse 1.6s ease-in-out infinite!important;}
@keyframes cinegoV204BadgePulse{0%,100%{transform:translateY(0) scale(1);filter:brightness(1)}50%{transform:translateY(-1px) scale(1.025);filter:brightness(1.16)}}

.cinego-cinema-theater{
  position:relative!important;margin:0 0 30px!important;padding:24px!important;border-radius:24px!important;overflow:hidden!important;
  background:radial-gradient(circle at 20% 0%,rgba(255,190,70,.20),transparent 34%),radial-gradient(circle at 92% 22%,rgba(229,9,20,.20),transparent 30%),linear-gradient(135deg,rgba(18,14,6,.92),rgba(10,10,14,.98) 58%,rgba(32,7,10,.9))!important;
  border:1px solid rgba(255,202,92,.34)!important;box-shadow:0 30px 80px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.cinego-cinema-theater::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,214,126,.12),transparent);opacity:.72!important;}
.cinego-cinema-theater::after{content:"CINEMA";position:absolute;right:28px;top:16px;font-size:clamp(56px,10vw,150px);font-weight:950;letter-spacing:.04em;color:rgba(255,255,255,.035);pointer-events:none;line-height:.8;}
.cinema-head{position:relative;z-index:2;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;margin-bottom:18px!important;}
.cinema-kicker{display:inline-flex!important;align-items:center!important;gap:7px!important;color:#ffd675!important;font-size:11px!important;font-weight:950!important;letter-spacing:.14em!important;text-transform:uppercase!important;}
.cinema-head h2{margin:5px 0 4px!important;color:#fff!important;font-size:clamp(26px,2.8vw,42px)!important;line-height:1!important;font-weight:950!important;letter-spacing:.01em!important;text-shadow:0 0 30px rgba(255,190,71,.28)!important;}
.cinema-head p{margin:0!important;color:rgba(255,255,255,.66)!important;font-size:13px!important;line-height:1.45!important;max-width:560px!important;}
.cinema-all-btn{height:40px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;padding:0 16px!important;display:flex!important;align-items:center!important;gap:8px!important;background:rgba(255,255,255,.92)!important;color:#050505!important;font-size:12px!important;font-weight:950!important;cursor:pointer!important;box-shadow:0 12px 30px rgba(255,255,255,.12)!important;transition:transform .2s ease,filter .2s ease!important;}
.cinema-all-btn:hover{transform:translateY(-2px)!important;filter:brightness(1.05)!important;}
.cinema-showcase{position:relative;z-index:2;display:grid!important;grid-template-columns:minmax(420px,1.25fr) minmax(380px,.75fr)!important;gap:16px!important;align-items:stretch!important;}
.cinema-stage-card{position:relative!important;min-height:392px!important;border:1px solid rgba(255,216,126,.30)!important;border-radius:22px!important;overflow:hidden!important;background:#090909!important;text-align:left!important;cursor:pointer!important;box-shadow:0 24px 62px rgba(0,0,0,.50)!important;transform:translateZ(0)!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;}
.cinema-stage-card:hover{transform:translateY(-4px)!important;border-color:rgba(255,216,126,.56)!important;box-shadow:0 34px 88px rgba(0,0,0,.64),0 0 0 1px rgba(255,214,125,.16)!important;}
.cinema-stage-bg,.cinema-stage-video,.cinema-stage-iframe{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;background-size:cover!important;background-position:center!important;transition:transform .45s ease,filter .45s ease,opacity .25s ease!important;}
.cinema-stage-bg{filter:saturate(1.05) brightness(.88)!important;}
.cinema-stage-card:hover .cinema-stage-bg{transform:scale(1.045)!important;filter:saturate(1.1) brightness(.94)!important;}
.cinema-stage-iframe{opacity:0!important;z-index:1!important;border:0!important;pointer-events:none!important;background:#000!important;}
.cinema-stage-video{opacity:0!important;z-index:2!important;background:#000!important;}
.cinema-stage-iframe.ready,.cinema-stage-video.ready{opacity:1!important;}
.cinema-stage-vignette{position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(to top,rgba(0,0,0,.96) 0%,rgba(0,0,0,.62) 42%,rgba(0,0,0,.20) 100%),linear-gradient(to right,rgba(0,0,0,.66),transparent 62%)!important;}
.cinema-stage-top{position:absolute!important;left:18px!important;right:18px!important;top:16px!important;z-index:3!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;}
.cinema-stage-top span,.cinema-stage-top em{display:inline-flex!important;border-radius:999px!important;padding:7px 10px!important;font-size:10px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;box-shadow:0 10px 24px rgba(0,0,0,.28)!important;}
.cinema-stage-top span{color:#1a1000!important;background:linear-gradient(90deg,#ffe18a,#ffb23b)!important;}
.cinema-stage-top em{font-style:normal!important;color:#fff!important;background:rgba(229,9,20,.78)!important;border:1px solid rgba(255,255,255,.13)!important;}
.cinema-stage-content{position:absolute!important;left:22px!important;right:22px!important;bottom:22px!important;z-index:3!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:9px!important;color:#fff!important;}
.cinema-stage-content small{font-size:11px!important;color:#ffd675!important;font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important;}
.cinema-stage-content b{font-size:clamp(28px,3.2vw,52px)!important;line-height:.98!important;font-weight:950!important;text-shadow:0 5px 24px rgba(0,0,0,.62)!important;max-width:760px!important;}
.cinema-stage-content em{font-style:normal!important;color:rgba(255,255,255,.78)!important;font-size:13px!important;}
.cinema-stage-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:3px!important;}
.cinema-cta,.cinema-info{display:inline-flex!important;align-items:center!important;gap:8px!important;border-radius:999px!important;padding:11px 15px!important;font-size:12px!important;font-weight:950!important;}
.cinema-cta{color:#190800!important;background:linear-gradient(90deg,#ffe073,#ffb129)!important;box-shadow:0 14px 30px rgba(255,177,41,.22)!important;}
.cinema-info{color:#fff!important;background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.16)!important;}
.cinema-side-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
.cinema-mini-card{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;min-height:190px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;overflow:hidden!important;background:rgba(255,255,255,.05)!important;cursor:pointer!important;padding:0!important;text-align:left!important;box-shadow:0 12px 34px rgba(0,0,0,.30)!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease!important;}
.cinema-mini-card:hover,.cinema-mini-card.active{transform:translateY(-6px) scale(1.025)!important;border-color:rgba(255,214,125,.62)!important;box-shadow:0 18px 52px rgba(0,0,0,.46),0 0 0 1px rgba(255,214,125,.13)!important;filter:saturate(1.08)!important;}
.cinema-mini-thumb{position:absolute!important;inset:0!important;display:block!important;background-size:cover!important;background-position:center!important;background-color:#171717!important;transition:transform .35s ease,filter .35s ease!important;}
.cinema-mini-card:hover .cinema-mini-thumb,.cinema-mini-card.active .cinema-mini-thumb{transform:scale(1.07)!important;filter:brightness(1.05)!important;}
.cinema-mini-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.90),rgba(0,0,0,.30) 58%,rgba(0,0,0,.06));pointer-events:none;}
.cinema-mini-play{position:absolute!important;right:10px!important;top:10px!important;z-index:2!important;width:32px!important;height:32px!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#fff!important;background:rgba(0,0,0,.44)!important;border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:blur(8px)!important;opacity:.88!important;transition:transform .2s ease,background .2s ease!important;}
.cinema-mini-card:hover .cinema-mini-play,.cinema-mini-card.active .cinema-mini-play{transform:scale(1.06)!important;background:rgba(229,9,20,.88)!important;}
.cinema-mini-meta{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;gap:4px!important;padding:44px 12px 12px!important;color:#fff!important;}
.cinema-mini-meta b{font-size:13px!important;line-height:1.22!important;font-weight:950!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-shadow:0 2px 10px rgba(0,0,0,.55)!important;}
.cinema-mini-meta em{font-style:normal!important;color:#ffd675!important;font-size:10px!important;font-weight:950!important;letter-spacing:.06em!important;text-transform:uppercase!important;}
@media(max-width:1020px){
  .cinema-showcase{grid-template-columns:1fr!important;}
  .cinema-side-list{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .cinema-mini-card{min-height:150px!important;}
}
@media(max-width:760px){
  .cinego-cinema-theater{margin:0 0 24px!important;border-radius:18px!important;padding:14px!important;}
  .cinema-head{align-items:flex-start!important;flex-direction:column!important;margin-bottom:14px!important;}
  .cinema-head h2{font-size:27px!important;}
  .cinema-head p{font-size:12px!important;}
  .cinema-all-btn{width:100%!important;justify-content:center!important;}
  .cinema-stage-card{min-height:330px!important;border-radius:17px!important;}
  .cinema-stage-content{left:16px!important;right:16px!important;bottom:16px!important;}
  .cinema-stage-content b{font-size:31px!important;}
  .cinema-side-list{display:flex!important;overflow-x:auto!important;gap:10px!important;padding:2px 2px 8px!important;scroll-snap-type:x mandatory!important;}
  .cinema-mini-card{flex:0 0 170px!important;min-height:190px!important;scroll-snap-align:start!important;}
  .cinema-stage-video,.cinema-stage-iframe{display:block!important;}
}
@media(max-width:480px){
  .cinema-stage-card{min-height:300px!important;}
  .cinema-stage-content b{font-size:28px!important;}
  .cinema-cta,.cinema-info{padding:10px 12px!important;font-size:11px!important;}
}

/* v216: cinema preview uses signed HLS video only, not Bunny embed iframe. */
.cinema-stage-iframe{display:none!important;opacity:0!important;pointer-events:none!important;}

/* v217: allow Bunny embed iframe fallback when signed HLS fails */
.cinema-stage-iframe.ready{display:block!important;opacity:1!important;}
.cinema-stage-video.ready{display:block!important;opacity:1!important;}


/* === CINEGO WEB V226: cinema trailer full + 3 vertical poster selectors ===
   Only changes cinema home section layout. Player/token/admin logic untouched. */
.cinego-cinema-theater .cinema-showcase{
  grid-template-columns:minmax(620px,1.18fr) minmax(520px,.82fr)!important;
  gap:20px!important;
  align-items:stretch!important;
}
.cinego-cinema-theater .cinema-stage-card{
  min-height:392px!important;
  height:100%!important;
  border-radius:18px!important;
  background:#000!important;
  box-shadow:0 18px 46px rgba(0,0,0,.42)!important;
}
.cinego-cinema-theater .cinema-stage-bg{
  opacity:1!important;
  filter:none!important;
}
.cinego-cinema-theater .cinema-stage-video,
.cinego-cinema-theater .cinema-stage-iframe{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  background:#000!important;
}
.cinego-cinema-theater .cinema-stage-vignette,
.cinego-cinema-theater .cinema-stage-top,
.cinego-cinema-theater .cinema-stage-content{
  display:none!important;
}
.cinego-cinema-theater .cinema-side-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.cinego-cinema-theater .cinema-mini-card{
  min-height:392px!important;
  height:100%!important;
  border-radius:16px!important;
  background:#111!important;
}
.cinego-cinema-theater .cinema-mini-thumb{
  background-size:cover!important;
  background-position:center!important;
}
.cinego-cinema-theater .cinema-mini-card::after{
  background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.34) 44%,rgba(0,0,0,.02) 76%)!important;
}
.cinego-cinema-theater .cinema-mini-meta{
  padding:54px 12px 13px!important;
}
.cinego-cinema-theater .cinema-mini-meta b{
  font-size:13px!important;
  -webkit-line-clamp:2!important;
}
.cinego-cinema-theater .cinema-mini-meta em{
  font-size:10px!important;
}
@media(max-width:1180px){
  .cinego-cinema-theater .cinema-showcase{grid-template-columns:1fr!important;gap:14px!important;}
  .cinego-cinema-theater .cinema-stage-card{min-height:360px!important;}
  .cinego-cinema-theater .cinema-side-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .cinego-cinema-theater .cinema-mini-card{min-height:280px!important;}
}
@media(max-width:760px){
  .cinego-cinema-theater .cinema-stage-card{min-height:260px!important;border-radius:16px!important;}
  .cinego-cinema-theater .cinema-side-list{display:flex!important;overflow-x:auto!important;gap:10px!important;padding:2px 2px 8px!important;scroll-snap-type:x mandatory!important;}
  .cinego-cinema-theater .cinema-mini-card{flex:0 0 168px!important;min-height:252px!important;scroll-snap-align:start!important;}
}


/* === CINEGO WEB V227: shrink trailer stage to remove side black gaps + 4 vertical poster selectors ===
   Only cinema home section layout changed. Player/token/admin/functions untouched. */
.cinego-cinema-theater .cinema-showcase{
  grid-template-columns:minmax(560px,720px) minmax(0,1fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}
.cinego-cinema-theater .cinema-stage-card{
  width:100%!important;
  min-height:392px!important;
  height:392px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#000!important;
}
.cinego-cinema-theater .cinema-stage-bg,
.cinego-cinema-theater .cinema-stage-video,
.cinego-cinema-theater .cinema-stage-iframe{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  background:#000!important;
}
.cinego-cinema-theater .cinema-side-list{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
  min-width:0!important;
}
.cinego-cinema-theater .cinema-mini-card{
  min-height:392px!important;
  height:392px!important;
  border-radius:16px!important;
  background:#111!important;
}
.cinego-cinema-theater .cinema-mini-thumb{
  background-size:cover!important;
  background-position:center!important;
}
@media(max-width:1280px){
  .cinego-cinema-theater .cinema-showcase{
    grid-template-columns:minmax(500px,640px) minmax(0,1fr)!important;
    gap:14px!important;
  }
  .cinego-cinema-theater .cinema-stage-card,
  .cinego-cinema-theater .cinema-mini-card{height:350px!important;min-height:350px!important;}
  .cinego-cinema-theater .cinema-side-list{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;}
}
@media(max-width:1080px){
  .cinego-cinema-theater .cinema-showcase{grid-template-columns:1fr!important;gap:14px!important;}
  .cinego-cinema-theater .cinema-stage-card{height:auto!important;min-height:0!important;aspect-ratio:16/9!important;}
  .cinego-cinema-theater .cinema-side-list{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .cinego-cinema-theater .cinema-mini-card{height:280px!important;min-height:280px!important;}
}
@media(max-width:760px){
  .cinego-cinema-theater .cinema-stage-card{height:auto!important;min-height:0!important;aspect-ratio:16/9!important;border-radius:16px!important;}
  .cinego-cinema-theater .cinema-side-list{display:flex!important;overflow-x:auto!important;gap:10px!important;padding:2px 2px 8px!important;scroll-snap-type:x mandatory!important;}
  .cinego-cinema-theater .cinema-mini-card{flex:0 0 168px!important;height:252px!important;min-height:252px!important;scroll-snap-align:start!important;}
}

/* === CINEGO WEB V229: mockup layout restored — remove big CINEMA watermark, keep PREMIUM above 4 cards ===
   Only cinema home section layout changed. Player/token/admin/functions untouched. */
.cinego-cinema-theater::after{
  content:""!important;
  display:none!important;
}
.cinego-cinema-theater{
  padding:24px!important;
}
.cinego-cinema-theater .cinema-showcase{
  grid-template-columns:minmax(580px,760px) minmax(0,1fr)!important;
  gap:20px!important;
  align-items:start!important;
}
.cinego-cinema-theater .cinema-side-wrap{
  position:relative!important;
  z-index:2!important;
  min-width:0!important;
  height:392px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}
.cinego-cinema-theater .cinema-side-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  min-height:44px!important;
}
.cinego-cinema-theater .cinema-side-head .cinema-kicker{
  flex:1 1 auto!important;
  justify-content:center!important;
  white-space:nowrap!important;
  color:#ffd675!important;
  font-size:15px!important;
  letter-spacing:.22em!important;
  text-align:center!important;
  text-shadow:0 0 24px rgba(255,214,117,.18)!important;
}
.cinego-cinema-theater .cinema-side-head .cinema-kicker::before,
.cinego-cinema-theater .cinema-side-head .cinema-kicker::after{
  content:""!important;
  display:block!important;
  height:1px!important;
  flex:1 1 72px!important;
  max-width:150px!important;
  background:linear-gradient(90deg,transparent,rgba(255,214,117,.45))!important;
}
.cinego-cinema-theater .cinema-side-head .cinema-kicker::after{
  background:linear-gradient(90deg,rgba(255,214,117,.45),transparent)!important;
}
.cinego-cinema-theater .cinema-side-head .cinema-all-btn{
  flex:0 0 auto!important;
  height:38px!important;
  padding:0 15px!important;
  font-size:12px!important;
}
.cinego-cinema-theater .cinema-stage-card{
  height:392px!important;
  min-height:392px!important;
}
.cinego-cinema-theater .cinema-side-list{
  flex:1 1 auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
  min-width:0!important;
}
.cinego-cinema-theater .cinema-mini-card{
  height:334px!important;
  min-height:334px!important;
  border-radius:16px!important;
}
.cinego-cinema-theater .cinema-mini-meta{
  padding:44px 12px 12px!important;
}
@media(max-width:1280px){
  .cinego-cinema-theater .cinema-showcase{
    grid-template-columns:minmax(500px,640px) minmax(0,1fr)!important;
    gap:14px!important;
  }
  .cinego-cinema-theater .cinema-side-wrap{
    height:350px!important;
    gap:12px!important;
  }
  .cinego-cinema-theater .cinema-stage-card{
    height:350px!important;
    min-height:350px!important;
  }
  .cinego-cinema-theater .cinema-side-head{
    min-height:38px!important;
  }
  .cinego-cinema-theater .cinema-side-head .cinema-kicker{
    font-size:13px!important;
    letter-spacing:.18em!important;
  }
  .cinego-cinema-theater .cinema-side-head .cinema-all-btn{
    height:34px!important;
    padding:0 12px!important;
    font-size:11px!important;
  }
  .cinego-cinema-theater .cinema-mini-card{
    height:300px!important;
    min-height:300px!important;
  }
  .cinego-cinema-theater .cinema-side-list{
    gap:10px!important;
  }
}
@media(max-width:1080px){
  .cinego-cinema-theater .cinema-showcase{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .cinego-cinema-theater .cinema-stage-card{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
  }
  .cinego-cinema-theater .cinema-side-wrap{
    height:auto!important;
  }
  .cinego-cinema-theater .cinema-side-list{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .cinego-cinema-theater .cinema-mini-card{
    height:280px!important;
    min-height:280px!important;
  }
}
@media(max-width:760px){
  .cinego-cinema-theater .cinema-side-head{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .cinego-cinema-theater .cinema-side-head .cinema-kicker{
    justify-content:center!important;
    font-size:12px!important;
  }
  .cinego-cinema-theater .cinema-side-head .cinema-all-btn{
    width:100%!important;
    justify-content:center!important;
  }
  .cinego-cinema-theater .cinema-side-list{
    display:flex!important;
    overflow-x:auto!important;
    gap:10px!important;
    padding:2px 2px 8px!important;
    scroll-snap-type:x mandatory!important;
  }
  .cinego-cinema-theater .cinema-mini-card{
    flex:0 0 168px!important;
    height:252px!important;
    min-height:252px!important;
    scroll-snap-align:start!important;
  }
}


/* === CINEGO WEB V230: cache-bust for cinema poster/home fallback JS patch === */

/* === CINEGO WEB V235: cinema trailer side boxes preview-only === */
.cinego-cinema-theater .cinema-mini-card{touch-action:manipulation!important;}
.cinego-cinema-theater .cinema-stage-card{cursor:pointer!important;}


/* === CINEGO WEB V237: trailer stage sound toggle === */
.cinego-cinema-theater .cinema-stage-mute{
  position:absolute!important;
  right:16px!important;
  top:58px!important;
  z-index:8!important;
  width:44px!important;
  height:44px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  background:rgba(0,0,0,.58)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.35)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  opacity:.96!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease!important;
}
.cinego-cinema-theater .cinema-stage-mute:hover,
.cinego-cinema-theater .cinema-stage-mute:focus{
  transform:scale(1.06)!important;
  opacity:1!important;
  outline:none!important;
  border-color:rgba(255,214,117,.62)!important;
}
.cinego-cinema-theater .cinema-stage-mute.is-unmuted{
  background:rgba(229,9,20,.86)!important;
  border-color:rgba(255,255,255,.30)!important;
}
.cinego-cinema-theater .cinema-stage-mute i{
  font-size:22px!important;
  line-height:1!important;
}
@media(max-width:760px){
  .cinego-cinema-theater .cinema-stage-mute{
    right:12px!important;
    top:12px!important;
    width:40px!important;
    height:40px!important;
  }
}

/* === CINEGO WEB V238: rental CTA on cinema posters + all rental movies list === */
.cinego-cinema-theater .cinema-mini-rent{
  position:absolute!important;
  right:10px!important;
  top:10px!important;
  z-index:4!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:0!important;
  max-width:calc(100% - 20px)!important;
  height:32px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  color:#190800!important;
  background:linear-gradient(90deg,#ffe073,#ffb129)!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:0 10px 24px rgba(255,177,41,.22), inset 0 0 0 1px rgba(255,255,255,.18)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  opacity:.96!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
.cinego-cinema-theater .cinema-mini-rent:hover,
.cinego-cinema-theater .cinema-mini-rent:focus{
  transform:translateY(-1px) scale(1.04)!important;
  filter:brightness(1.05)!important;
  outline:none!important;
  box-shadow:0 14px 30px rgba(255,177,41,.32), inset 0 0 0 1px rgba(255,255,255,.22)!important;
}
.cinego-cinema-theater .cinema-mini-rent i{font-size:13px!important;line-height:1!important;}
.cinego-cinema-theater .cinema-mini-play{display:none!important;}
.cinema-rentals-row .section-title{color:#fff!important;}
@media(max-width:760px){
  .cinego-cinema-theater .cinema-mini-rent{
    right:8px!important;
    top:8px!important;
    height:30px!important;
    padding:0 9px!important;
    font-size:9px!important;
  }
}


/* === CINEGO WEB V241: all movie poster cards standardized for 1080x1620 source posters ===
   Standard display ratio: 2:3. Trailer/stage video remains 16:9; episode thumbnails remain landscape. */
:root{
  --cinego-poster-card-w:190px;
  --cinego-poster-card-w-mobile:128px;
}

/* Main movie/rental/genre/continue/detail-extra cards: 2:3 vertical poster */
.card,
.featured-card,
.home-special-section .card,
.genre-section .card,
.detail-extra .card{
  flex:0 0 var(--cinego-poster-card-w)!important;
  min-width:var(--cinego-poster-card-w)!important;
  width:var(--cinego-poster-card-w)!important;
}
.card-thumb,
.card-thumb.has-poster,
.featured-thumb,
.featured-thumb.has-poster,
.featured-bunny-thumb,
.home-special-section .card-thumb,
.genre-section .card-thumb,
.detail-extra .card-thumb{
  width:var(--cinego-poster-card-w)!important;
  height:auto!important;
  aspect-ratio:2 / 3!important;
  border-radius:7px!important;
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
}

/* Grid/search poster cards also use 2:3 */
.mobile-results-grid .card{
  width:100%!important;
  min-width:0!important;
  flex:unset!important;
}
.mobile-results-grid .card-thumb,
.mobile-results-grid .card-thumb.has-poster{
  width:100%!important;
  height:auto!important;
  aspect-ratio:2 / 3!important;
  background-size:cover!important;
  background-position:center top!important;
}
.search-result-poster{
  width:116px!important;
  height:auto!important;
  aspect-ratio:2 / 3!important;
  background-size:cover!important;
  background-position:center top!important;
}

/* Cinema theater small rental poster boxes: 2:3. The big trailer stage remains 16:9. */
.cinego-cinema-theater .cinema-side-list{
  align-items:start!important;
}
.cinego-cinema-theater .cinema-mini-card{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:2 / 3!important;
}
.cinego-cinema-theater .cinema-mini-thumb{
  background-size:cover!important;
  background-position:center top!important;
}

/* Detail page poster already used 2:3; keep it locked to the same standard. */
body.watch-mode .detail-poster-card{
  aspect-ratio:2 / 3!important;
}
body.watch-mode .detail-poster-img{
  background-size:cover!important;
  background-position:center top!important;
}

@media(max-width:900px){
  .card,
  .featured-card,
  .home-special-section .card,
  .genre-section .card,
  .detail-extra .card{
    flex:0 0 var(--cinego-poster-card-w-mobile)!important;
    min-width:var(--cinego-poster-card-w-mobile)!important;
    width:var(--cinego-poster-card-w-mobile)!important;
  }
  .card-thumb,
  .card-thumb.has-poster,
  .featured-thumb,
  .featured-thumb.has-poster,
  .featured-bunny-thumb,
  .home-special-section .card-thumb,
  .genre-section .card-thumb,
  .detail-extra .card-thumb{
    width:var(--cinego-poster-card-w-mobile)!important;
    height:auto!important;
    aspect-ratio:2 / 3!important;
    border-radius:5px!important;
  }
  .search-result-poster{
    width:88px!important;
    height:auto!important;
    aspect-ratio:2 / 3!important;
  }
}

@media(max-width:760px){
  .cinego-cinema-theater .cinema-mini-card{
    flex:0 0 168px!important;
    width:168px!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:2 / 3!important;
  }
}

/* === CINEGO WEB V242: cinema trailer stage media fit standard ===
   Fix: trailer previews were appearing with different visible sizes inside the stage.
   Keep one 16:9 stage ratio and make the playable video/iframe fill the box with only a tiny inner frame. */
.cinego-cinema-theater .cinema-stage-card{
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16 / 9!important;
  padding:3px!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(255,216,126,.34),rgba(255,255,255,.06) 36%,rgba(0,0,0,.82))!important;
  border:1px solid rgba(255,216,126,.30)!important;
}
.cinego-cinema-theater .cinema-stage-bg,
.cinego-cinema-theater .cinema-stage-video,
.cinego-cinema-theater .cinema-stage-iframe{
  position:absolute!important;
  inset:3px!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:15px!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:#000!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)!important;
}
.cinego-cinema-theater .cinema-stage-video{
  display:block!important;
  transform:none!important;
}
.cinego-cinema-theater .cinema-stage-iframe{
  border:0!important;
  transform:none!important;
}
.cinego-cinema-theater .cinema-stage-vignette{
  inset:3px!important;
  border-radius:15px!important;
}
@media(max-width:1280px){
  .cinego-cinema-theater .cinema-stage-card{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 9!important;
  }
}
@media(max-width:1080px){
  .cinego-cinema-theater .cinema-stage-card{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 9!important;
    padding:3px!important;
  }
}
@media(max-width:760px){
  .cinego-cinema-theater .cinema-stage-card{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 9!important;
    padding:2px!important;
    border-radius:16px!important;
  }
  .cinego-cinema-theater .cinema-stage-bg,
  .cinego-cinema-theater .cinema-stage-video,
  .cinego-cinema-theater .cinema-stage-iframe,
  .cinego-cinema-theater .cinema-stage-vignette{
    inset:2px!important;
    border-radius:14px!important;
  }
}

/* === CINEGO WEB V243: restore trailer stage box size + standardize video fill ===
   v242 made the big trailer box change shape. Keep the previous stage box dimensions,
   but make every trailer video fill the box with only a tiny inner border. */
.cinego-cinema-theater .cinema-showcase{
  grid-template-columns:minmax(580px,760px) minmax(0,1fr)!important;
  gap:20px!important;
  align-items:start!important;
}
.cinego-cinema-theater .cinema-stage-card{
  width:100%!important;
  height:392px!important;
  min-height:392px!important;
  max-height:392px!important;
  aspect-ratio:auto!important;
  padding:2px!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#050505!important;
  border:1px solid rgba(255,216,126,.30)!important;
}
.cinego-cinema-theater .cinema-stage-bg,
.cinego-cinema-theater .cinema-stage-video,
.cinego-cinema-theater .cinema-stage-iframe{
  position:absolute!important;
  inset:2px!important;
  width:calc(100% - 4px)!important;
  height:calc(100% - 4px)!important;
  border-radius:15px!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:#000!important;
  box-shadow:none!important;
}
.cinego-cinema-theater .cinema-stage-video.ready{
  transform:scale(1.14)!important;
  transform-origin:center center!important;
}
.cinego-cinema-theater .cinema-stage-iframe.ready{
  transform:scale(1.01)!important;
  transform-origin:center center!important;
}
.cinego-cinema-theater .cinema-stage-vignette{
  inset:2px!important;
  border-radius:15px!important;
  background:linear-gradient(to top,rgba(0,0,0,.54) 0%,rgba(0,0,0,.16) 42%,rgba(0,0,0,.06) 100%)!important;
}
.cinego-cinema-theater .cinema-side-wrap{
  height:392px!important;
}
@media(max-width:1280px){
  .cinego-cinema-theater .cinema-showcase{
    grid-template-columns:minmax(500px,640px) minmax(0,1fr)!important;
    gap:14px!important;
  }
  .cinego-cinema-theater .cinema-stage-card{
    height:350px!important;
    min-height:350px!important;
    max-height:350px!important;
    aspect-ratio:auto!important;
  }
  .cinego-cinema-theater .cinema-side-wrap{
    height:350px!important;
  }
}
@media(max-width:1080px){
  .cinego-cinema-theater .cinema-showcase{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .cinego-cinema-theater .cinema-stage-card{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16 / 9!important;
    padding:2px!important;
  }
  .cinego-cinema-theater .cinema-side-wrap{
    height:auto!important;
  }
}
@media(max-width:760px){
  .cinego-cinema-theater .cinema-stage-card{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16 / 9!important;
    padding:2px!important;
    border-radius:16px!important;
  }
  .cinego-cinema-theater .cinema-stage-bg,
  .cinego-cinema-theater .cinema-stage-video,
  .cinego-cinema-theater .cinema-stage-iframe,
  .cinego-cinema-theater .cinema-stage-vignette{
    inset:2px!important;
    width:calc(100% - 4px)!important;
    height:calc(100% - 4px)!important;
    border-radius:14px!important;
  }
}


/* === CINEGO WEB V244: trailer hover popup + continuous unmuted playback ===
   The video element is never recreated when expanding/collapsing, so currentTime keeps going. */
.cinego-cinema-theater .cinema-stage-mute{display:none!important;pointer-events:none!important;}
.cinego-cinema-theater .cinema-stage-popup-close{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  z-index:999999!important;
  width:40px!important;
  height:40px!important;
  border-radius:999px!important;
  display:none!important;
  place-items:center!important;
  color:#fff!important;
  background:rgba(0,0,0,.72)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.45)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
.cinego-cinema-theater .cinema-stage-popup-close:hover,
.cinego-cinema-theater .cinema-stage-popup-close:focus{
  outline:none!important;
  background:rgba(229,9,20,.92)!important;
  border-color:rgba(255,255,255,.35)!important;
  transform:scale(1.05)!important;
}
.cinego-cinema-theater .cinema-stage-popup-close i{font-size:22px!important;line-height:1!important;}
body.cinema-stage-popup-active{overflow:hidden!important;}
body.cinema-stage-popup-active::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:99980!important;
  background:rgba(0,0,0,.72)!important;
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
}
.cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open{
  position:fixed!important;
  z-index:99990!important;
  left:50%!important;
  top:50%!important;
  width:min(92vw,1180px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16 / 9!important;
  transform:translate(-50%,-50%)!important;
  padding:3px!important;
  border-radius:22px!important;
  border-color:rgba(255,216,126,.56)!important;
  background:#030303!important;
  box-shadow:0 38px 120px rgba(0,0,0,.78),0 0 0 1px rgba(255,216,126,.18)!important;
  cursor:pointer!important;
}
.cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open:hover{transform:translate(-50%,-50%)!important;}
.cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open .cinema-stage-popup-close{display:grid!important;}
.cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open .cinema-stage-bg,
.cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open .cinema-stage-video,
.cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open .cinema-stage-iframe,
.cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open .cinema-stage-vignette{
  inset:3px!important;
  width:calc(100% - 6px)!important;
  height:calc(100% - 6px)!important;
  border-radius:19px!important;
}
.cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open .cinema-stage-video.ready{
  transform:scale(1.03)!important;
  transform-origin:center center!important;
}
.cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open .cinema-stage-vignette{
  background:linear-gradient(to top,rgba(0,0,0,.28) 0%,rgba(0,0,0,.05) 45%,rgba(0,0,0,.02) 100%)!important;
}
@media(max-width:760px){
  .cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open{
    width:96vw!important;
    border-radius:18px!important;
    padding:2px!important;
  }
  .cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open .cinema-stage-bg,
  .cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open .cinema-stage-video,
  .cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open .cinema-stage-iframe,
  .cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open .cinema-stage-vignette{
    inset:2px!important;
    width:calc(100% - 4px)!important;
    height:calc(100% - 4px)!important;
    border-radius:16px!important;
  }
  .cinego-cinema-theater .cinema-stage-popup-close{
    top:10px!important;
    right:10px!important;
    width:38px!important;
    height:38px!important;
  }
}


/* === CINEGO WEB V246: trailer popup opens by icon click only ===
   Hover no longer enlarges the trailer stage. The backdrop is non-blocking so the page can never get stuck blurred. */
.cinego-cinema-theater .cinema-stage-expand{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  z-index:50!important;
  width:40px!important;
  height:40px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  background:rgba(0,0,0,.62)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.42)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
.cinego-cinema-theater .cinema-stage-expand:hover,
.cinego-cinema-theater .cinema-stage-expand:focus{
  outline:none!important;
  background:rgba(255,184,59,.92)!important;
  color:#1a1000!important;
  border-color:rgba(255,255,255,.35)!important;
  transform:scale(1.05)!important;
}
.cinego-cinema-theater .cinema-stage-expand i{font-size:22px!important;line-height:1!important;}
.cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open .cinema-stage-expand{display:none!important;}
body.cinema-stage-popup-active::before{
  pointer-events:none!important;
  background:rgba(0,0,0,.42)!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
}
.cinego-cinema-theater .cinema-stage-card:not(.is-cinema-popup-open):hover{
  transform:translateY(-4px)!important;
}
.cinego-cinema-theater .cinema-stage-card:not(.is-cinema-popup-open){
  will-change:transform!important;
}
@media(max-width:760px){
  .cinego-cinema-theater .cinema-stage-expand{
    top:10px!important;right:10px!important;width:38px!important;height:38px!important;
  }
}

/* === CINEGO WEB V247: remove trailer popup blur/dim overlay ===
   Popup stays click-to-open, but no page blur and no dark vignette over the trailer video. */
body.cinema-stage-popup-active::before{
  content:none!important;
  display:none!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none!important;
}
.cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open .cinema-stage-vignette{
  display:none!important;
  opacity:0!important;
  background:transparent!important;
  pointer-events:none!important;
}
.cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open .cinema-stage-video,
.cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open .cinema-stage-iframe{
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
}
.cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open .cinema-stage-video.ready{
  filter:none!important;
  -webkit-filter:none!important;
}

/* === CINEGO WEB V249: Cinema poster one-by-one random fading/crossfade carousel ===
   First render stays admin-controlled. After load, posters rotate one-by-one every 5 seconds with a soft crossfade. */
.cinego-cinema-theater .cinema-mini-card{
  isolation:isolate!important;
}
.cinego-cinema-theater .cinema-mini-thumb-crossfade{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  opacity:0!important;
  pointer-events:none!important;
  background-size:cover!important;
  background-position:center top!important;
  background-color:#111!important;
  transform:scale(1.025)!important;
  transition:opacity .72s ease,transform 1.15s ease!important;
  will-change:opacity,transform!important;
}
.cinego-cinema-theater .cinema-mini-thumb-crossfade.is-visible{
  opacity:1!important;
  transform:scale(1)!important;
}
.cinego-cinema-theater .cinema-mini-card.is-cinema-card-crossfading .cinema-mini-meta{
  opacity:.82!important;
  transform:translateY(2px)!important;
  transition:opacity .28s ease,transform .28s ease!important;
}
.cinego-cinema-theater .cinema-mini-card.is-cinema-card-crossfading .cinema-mini-rent{
  opacity:.90!important;
}
.cinego-cinema-theater .cinema-mini-card::after{
  z-index:2!important;
}
.cinego-cinema-theater .cinema-mini-meta,
.cinego-cinema-theater .cinema-mini-rent{
  z-index:4!important;
}

/* v251: allow safe subtitle inline styling tags from VTT/SRT (<i>, <b>, <u>) */
.watch-subtitle-overlay i,
.subtitle-style-preview-text i{font-style:italic!important;}
.watch-subtitle-overlay b,
.subtitle-style-preview-text b{font-weight:900!important;}
.watch-subtitle-overlay u,
.subtitle-style-preview-text u{text-decoration:underline!important;text-underline-offset:.08em;}


/* === CINEGO WEB V261: cinema single movie detail/player cleanup === */
.player-episodes-panel.hidden{display:none!important;}
.watch-page.cinema-single-detail .detail-episodes,
.watch-page.cinema-single-detail .detail-episodes:not(.hidden){display:none!important;}
.watch-page.episode-playing.cinema-single-detail .watch-player-layout,
.watch-page.episode-playing .watch-player-layout.cinema-single-player-layout{
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  background:#050506!important;
}
.watch-page.episode-playing.cinema-single-detail .player-episodes-panel,
.watch-page.episode-playing .watch-player-layout.cinema-single-player-layout .player-episodes-panel{
  display:none!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
}
.watch-page.episode-playing.cinema-single-detail .inline-player-wrap,
.watch-page.episode-playing.cinema-single-detail .inline-player-mount,
.watch-page.episode-playing .watch-player-section.cinema-single-player .inline-player-wrap,
.watch-page.episode-playing .watch-player-section.cinema-single-player .inline-player-mount{
  width:100%!important;
  max-width:none!important;
  min-height:560px!important;
  height:clamp(560px,56vw,720px)!important;
}
.watch-page.episode-playing.cinema-single-detail .watch-player-desc p{max-width:980px!important;}
.cinema-stage-card{cursor:default!important;}
.cinema-stage-card .cinema-stage-expand,
.cinema-stage-card .cinema-stage-popup-close{cursor:pointer!important;pointer-events:auto!important;}
.cinema-stage-card .cinema-stage-content,
.cinema-stage-card .cinema-stage-actions,
.cinema-stage-card .cinema-cta,
.cinema-stage-card .cinema-info{pointer-events:none!important;}
@media(max-width:980px){
  .watch-page.episode-playing.cinema-single-detail .inline-player-wrap,
  .watch-page.episode-playing.cinema-single-detail .inline-player-mount,
  .watch-page.episode-playing .watch-player-section.cinema-single-player .inline-player-wrap,
  .watch-page.episode-playing .watch-player-section.cinema-single-player .inline-player-mount{
    height:320px!important;min-height:320px!important;
  }
}


/* === CINEGO WEB V262: stronger cinema single player episode-panel removal === */
.watch-page.cinema-single-detail #watch-episodes-panel,
.watch-page.cinema-single-detail .player-episodes-panel,
.watch-page.cinema-single-detail .detail-episodes{display:none!important;width:0!important;min-width:0!important;max-width:0!important;}
.watch-page.cinema-single-detail .watch-player-layout{grid-template-columns:minmax(0,1fr)!important;gap:0!important;}
.watch-page.cinema-single-detail .inline-player-wrap,
.watch-page.cinema-single-detail .inline-player-mount{width:100%!important;max-width:none!important;}


/* CINEGO WEB V266: subtitle overlay for cinema trailer stage */
.cinema-stage-subtitle{
  position:absolute!important;
  left:50%!important;
  bottom:22%!important;
  transform:translateX(-50%)!important;
  z-index:18!important;
  max-width:min(78%,880px)!important;
  min-width:120px!important;
  padding:8px 14px!important;
  border-radius:12px!important;
  background:rgba(0,0,0,.58)!important;
  color:#fff!important;
  font-family:'Noto Sans',Inter,Arial,sans-serif!important;
  font-size:clamp(15px,1.75vw,26px)!important;
  line-height:1.22!important;
  font-weight:800!important;
  text-align:center!important;
  text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.9)!important;
  letter-spacing:.01em!important;
  pointer-events:none!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:opacity .12s ease!important;
  white-space:normal!important;
}
.cinema-stage-subtitle.show{opacity:1!important;visibility:visible!important;}
.cinema-stage-subtitle.top{top:9%!important;bottom:auto!important;}
.cinema-stage-card.is-cinema-popup-open .cinema-stage-subtitle{bottom:9%!important;font-size:clamp(18px,2.1vw,34px)!important;max-width:min(82%,1100px)!important;}
.cinema-stage-card.is-cinema-popup-open .cinema-stage-subtitle.top{top:8%!important;bottom:auto!important;}
@media(max-width:900px){
  .cinema-stage-subtitle{bottom:24%!important;font-size:clamp(13px,3.7vw,18px)!important;max-width:86%!important;padding:6px 10px!important;border-radius:9px!important;}
  .cinema-stage-subtitle.top{top:10%!important;bottom:auto!important;}
}


/* === CINEGO WEB V267: trailer popup must stay above every movie card === */
body > .cinema-stage-card.is-cinema-popup-open,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open{
  position:fixed!important;
  z-index:2147483000!important;
  left:50%!important;
  top:50%!important;
  width:min(92vw,1180px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16/9!important;
  transform:translate(-50%,-50%)!important;
  padding:3px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#030303!important;
  box-shadow:0 38px 120px rgba(0,0,0,.86),0 0 0 1px rgba(255,216,126,.22)!important;
  isolation:isolate!important;
}
body > .cinema-stage-card.is-cinema-popup-open:hover,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open:hover{
  transform:translate(-50%,-50%)!important;
}
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-popup-close,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-popup-close{display:grid!important;z-index:2147483001!important;}
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-expand,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-expand{display:none!important;}
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-bg,
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-video,
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-iframe,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-bg,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-video,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-iframe{
  position:absolute!important;
  inset:3px!important;
  width:calc(100% - 6px)!important;
  height:calc(100% - 6px)!important;
  border-radius:19px!important;
  object-fit:cover!important;
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
}
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-vignette,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-vignette{display:none!important;opacity:0!important;pointer-events:none!important;}
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-subtitle,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-subtitle{z-index:2147483001!important;}
.cinema-stage-popup-placeholder{display:block!important;width:100%!important;border-radius:22px!important;background:transparent!important;pointer-events:none!important;}
body.cinema-stage-popup-active::before{content:none!important;display:none!important;pointer-events:none!important;}
@media(max-width:760px){
  body > .cinema-stage-card.is-cinema-popup-open,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open{width:96vw!important;border-radius:18px!important;padding:2px!important;}
  body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-bg,
  body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-video,
  body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-iframe,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-bg,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-video,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-iframe{inset:2px!important;width:calc(100% - 4px)!important;height:calc(100% - 4px)!important;border-radius:16px!important;}
}

/* CINEGO WEB V268: Bunny backend description import cache-bust. */

/* === CINEGO WEB V271: clean trailer popup + admin-sized stage subtitles + My Rentals row === */
.cinema-stage-card.is-cinema-popup-open .cinema-stage-top,
.cinema-stage-card.is-cinema-popup-open .cinema-stage-content,
.cinema-stage-card.is-cinema-popup-open .cinema-stage-vignette,
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-top,
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-content,
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-vignette,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-top,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-content,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-vignette{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body > .cinema-stage-card.is-cinema-popup-open,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open{
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#000!important;
  transform:translate(-50%,-50%)!important;
  transition:none!important;
}
body > .cinema-stage-card.is-cinema-popup-open:hover,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open:hover{
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  transform:translate(-50%,-50%)!important;
  filter:none!important;
}
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-bg,
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-video,
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-iframe,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-bg,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-video,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-iframe{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border-radius:0!important;
  transform:none!important;
  filter:none!important;
  object-fit:cover!important;
}
body > .cinema-stage-card.is-cinema-popup-open:hover .cinema-stage-bg,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open:hover .cinema-stage-bg{
  transform:none!important;
  filter:none!important;
}
.cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open .cinema-stage-popup-close,
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-popup-close,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-popup-close{
  display:grid!important;
  width:34px!important;
  height:34px!important;
  right:12px!important;
  top:12px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.42)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  backdrop-filter:blur(8px)!important;
  box-shadow:none!important;
  z-index:2147483002!important;
}
.cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open .cinema-stage-popup-close:hover,
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-popup-close:hover,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-popup-close:hover{
  transform:none!important;
  background:rgba(0,0,0,.62)!important;
  border-color:rgba(255,255,255,.30)!important;
}
.cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open .cinema-stage-popup-close i,
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-popup-close i,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-popup-close i{
  font-size:18px!important;
}
.my-rentals-row .card-sub{
  color:#ffd675!important;
  font-weight:800!important;
}
.my-rentals-row .genre-badge{
  background:linear-gradient(90deg,rgba(255,214,125,.95),rgba(255,177,41,.90))!important;
  color:#160900!important;
}


/* === CINEGO WEB V273: IMDb/TMDB-like clean movie detail source layout === */
body.watch-mode .detail-main{
  justify-content:flex-start!important;
  padding:30px 34px 28px!important;
}
body.watch-mode .detail-title{
  display:block!important;
  font-size:30px!important;
  line-height:1.18!important;
  margin:0 0 8px!important;
  letter-spacing:.2px!important;
}
.detail-title-year{font-weight:500;color:rgba(255,255,255,.70)}
body.watch-mode .detail-meta{
  display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;
  color:#fff!important;margin:0 0 22px!important;font-size:14px!important;font-weight:600!important;
}
body.watch-mode .detail-meta .sep{opacity:.7;color:rgba(255,255,255,.75)!important;margin:0 2px!important}
.detail-imdb-pill,.detail-age-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;border-radius:3px;font-weight:900;line-height:1}
.detail-imdb-pill{background:rgba(245,197,24,.95);color:#111;padding:4px 8px;letter-spacing:.01em}
.detail-age-pill{border:1px solid rgba(255,255,255,.72);color:#fff;padding:3px 7px;background:rgba(0,0,0,.16)}
body.watch-mode .detail-desc{
  max-height:none!important;overflow:visible!important;display:block!important;-webkit-line-clamp:unset!important;
  margin:0 0 22px!important;color:#fff!important;max-width:860px!important;
}
.detail-overview-label{font-size:21px;font-weight:950;color:#fff;margin:0 0 8px;letter-spacing:.01em}
.detail-overview-text{font-size:16px;line-height:1.58;color:rgba(255,255,255,.92);font-weight:500}
body.watch-mode .detail-credits{margin:0 0 24px!important;max-width:920px!important;color:#fff!important}
.detail-credit-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:18px 34px;margin-top:2px}
.detail-credit-block b{display:block;font-size:14px;line-height:1.25;color:#fff;font-weight:950;margin-bottom:4px;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
.detail-credit-block span{display:block;font-size:13px;line-height:1.38;color:rgba(255,255,255,.84);font-weight:600;white-space:normal}
body.watch-mode .detail-tags{display:none!important}
@media(max-width:980px){
  body.watch-mode .detail-main{padding:18px!important}
  body.watch-mode .detail-title{font-size:23px!important}
  .detail-overview-label{font-size:18px}.detail-overview-text{font-size:14px;line-height:1.5}
  .detail-credit-grid{grid-template-columns:1fr;gap:12px}
  body.watch-mode .detail-meta{font-size:12px!important;margin-bottom:16px!important}
}

/* CINEGO WEB V274: cinema detail rental CTA - price is shown only on the main button after locked rental state. */
.detail-play-btn.detail-rent-cta{background:linear-gradient(90deg,#ff0a78,#ff8a24)!important;color:#fff!important;border:0!important;}
.detail-play-btn.detail-watch-cta{background:linear-gradient(90deg,#ff0a78,#ff8a24)!important;color:#fff!important;border:0!important;}
body.watch-mode .detail-meta .sep:last-child{display:none!important;}


/* === CINEGO WEB V275: cinema trailer carousel arrows + mobile web polish === */
.cinego-cinema-theater .cinema-side-slider{
  position:relative!important;
  flex:1 1 auto!important;
  min-width:0!important;
  padding:0 46px!important;
  overflow:hidden!important;
}
.cinego-cinema-theater .cinema-side-slider .cinema-side-list{
  display:flex!important;
  grid-template-columns:none!important;
  gap:12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  padding:0 0 4px!important;
  min-width:0!important;
}
.cinego-cinema-theater .cinema-side-slider .cinema-side-list::-webkit-scrollbar{display:none!important;}
.cinego-cinema-theater .cinema-side-slider .cinema-mini-card{
  flex:0 0 calc((100% - 36px) / 4)!important;
  width:auto!important;
  min-width:0!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
}
.cinego-cinema-theater .cinema-side-nav{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:38px!important;
  height:52px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,214,117,.28)!important;
  background:rgba(5,5,8,.72)!important;
  color:#ffd675!important;
  display:grid!important;
  place-items:center!important;
  z-index:12!important;
  cursor:pointer!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.34)!important;
  transition:background .18s ease, border-color .18s ease, opacity .18s ease!important;
}
.cinego-cinema-theater .cinema-side-nav:hover,
.cinego-cinema-theater .cinema-side-nav:focus{background:rgba(255,214,117,.16)!important;border-color:rgba(255,214,117,.55)!important;outline:none!important;}
.cinego-cinema-theater .cinema-side-nav.is-disabled,
.cinego-cinema-theater .cinema-side-nav:disabled{opacity:.24!important;cursor:default!important;pointer-events:none!important;}
.cinego-cinema-theater .cinema-side-prev{left:0!important;}
.cinego-cinema-theater .cinema-side-next{right:0!important;}
.cinego-cinema-theater .cinema-side-nav i{font-size:23px!important;line-height:1!important;}

@media(max-width:1280px){
  .cinego-cinema-theater .cinema-side-slider{padding:0 40px!important;}
  .cinego-cinema-theater .cinema-side-nav{width:34px!important;height:48px!important;}
}

@media(max-width:900px){
  html,body{max-width:100%!important;overflow-x:hidden!important;}
  .app-header{position:sticky!important;top:0!important;z-index:240!important;padding:calc(8px + var(--safe-top)) 12px 8px!important;min-height:56px!important;}
  .content{padding:0 12px calc(var(--bottom-nav-h) + 18px)!important;}
  .hero{height:clamp(320px,54dvh,430px)!important;min-height:320px!important;margin-top:0!important;}
  .hero-carousel{padding:62px 6px 126px!important;}
  .hero-content{left:14px!important;right:14px!important;bottom:58px!important;}
  .hero-title{font-size:clamp(25px,8vw,34px)!important;line-height:1.05!important;}
  .hero-desc{font-size:12px!important;line-height:1.42!important;max-height:54px!important;overflow:hidden!important;}
  .tabs,.genre-chips{overflow-x:auto!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;}
  .tabs::-webkit-scrollbar,.genre-chips::-webkit-scrollbar{display:none!important;}
  .cinego-cinema-theater{margin:18px 0!important;padding:12px!important;border-radius:20px!important;overflow:hidden!important;}
  .cinego-cinema-theater .cinema-showcase{display:block!important;grid-template-columns:1fr!important;gap:12px!important;}
  .cinego-cinema-theater .cinema-stage-card{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important;border-radius:16px!important;}
  .cinego-cinema-theater .cinema-side-wrap{height:auto!important;margin-top:12px!important;gap:10px!important;}
  .cinego-cinema-theater .cinema-side-head{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:10px!important;min-height:0!important;}
  .cinego-cinema-theater .cinema-side-head .cinema-kicker{font-size:10px!important;letter-spacing:.12em!important;justify-content:flex-start!important;text-align:left!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .cinego-cinema-theater .cinema-side-head .cinema-kicker::before,
  .cinego-cinema-theater .cinema-side-head .cinema-kicker::after{display:none!important;}
  .cinego-cinema-theater .cinema-side-head .cinema-all-btn{width:auto!important;height:34px!important;padding:0 11px!important;font-size:11px!important;white-space:nowrap!important;}
  .cinego-cinema-theater .cinema-side-slider{padding:0 32px!important;margin:0 -2px!important;}
  .cinego-cinema-theater .cinema-side-slider .cinema-side-list{gap:10px!important;padding:0 2px 8px!important;}
  .cinego-cinema-theater .cinema-side-slider .cinema-mini-card{flex:0 0 min(44vw,172px)!important;height:246px!important;min-height:246px!important;border-radius:14px!important;}
  .cinego-cinema-theater .cinema-side-nav{width:28px!important;height:44px!important;background:rgba(0,0,0,.56)!important;}
  .cinego-cinema-theater .cinema-side-nav i{font-size:20px!important;}
  .cinego-cinema-theater .cinema-mini-rent{top:9px!important;right:8px!important;height:27px!important;padding:0 9px!important;font-size:10px!important;}
  .cinego-cinema-theater .cinema-mini-meta{padding:40px 10px 10px!important;}
  .cinego-cinema-theater .cinema-mini-meta b{font-size:12px!important;line-height:1.12!important;}
  .cinego-cinema-theater .cinema-mini-meta em{font-size:9px!important;}
  .home-special-section .card,.genre-section .card{flex-basis:132px!important;min-width:132px!important;}
  .home-special-section .card-thumb,.genre-section .card-thumb{width:132px!important;height:184px!important;border-radius:7px!important;}
  .cards-row{gap:10px!important;overflow-x:auto!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;}
  .cards-row::-webkit-scrollbar{display:none!important;}
  .section-title{font-size:17px!important;line-height:1.2!important;margin:18px 0 10px!important;}
  .my-rentals-row{margin-top:12px!important;}
}

@media(max-width:560px){
  .logo.app-logo.cinego-logo .cinego-logo-text b{font-size:21px!important;}
  .logo.app-logo.cinego-logo .cinego-logo-text small{font-size:6px!important;letter-spacing:2px!important;}
  .cinego-logo-icon{width:28px!important;height:28px!important;}
  .mobile-panel{top:calc(56px + var(--safe-top))!important;}
  .hero{height:340px!important;min-height:340px!important;}
  .hero-actions{gap:8px!important;}
  .hero-actions .play-btn,.hero-actions .more-btn{height:38px!important;padding:0 13px!important;font-size:12px!important;}
  .cinego-cinema-theater{padding:10px!important;margin-left:-2px!important;margin-right:-2px!important;}
  .cinego-cinema-theater .cinema-stage-card{border-radius:14px!important;}
  .cinego-cinema-theater .cinema-side-slider{padding:0 30px!important;}
  .cinego-cinema-theater .cinema-side-slider .cinema-mini-card{flex-basis:46vw!important;height:236px!important;min-height:236px!important;}
  body.watch-mode .detail-wrap{padding:76px 12px calc(var(--bottom-nav-h) + 20px)!important;}
  body.watch-mode .detail-layout{display:block!important;}
  body.watch-mode .detail-poster-card{width:min(58vw,210px)!important;margin:0 auto 14px!important;}
  body.watch-mode .detail-main{padding:16px 14px 18px!important;border-radius:16px!important;}
  body.watch-mode .detail-title{font-size:22px!important;line-height:1.12!important;}
  body.watch-mode .detail-meta{gap:6px!important;font-size:11px!important;margin-bottom:14px!important;}
  .detail-overview-label{font-size:17px!important;}
  .detail-overview-text{font-size:13px!important;line-height:1.48!important;}
  body.watch-mode .detail-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  body.watch-mode .detail-actions button{width:100%!important;height:42px!important;justify-content:center!important;}
  .detail-credit-grid{grid-template-columns:1fr!important;gap:10px!important;}
  .bottom-nav{height:var(--bottom-nav-h)!important;}
}

/* CINEGO WEB V276 — mobile/web performance guards */
.genre-section,
.home-special-section{
  content-visibility:auto;
  contain-intrinsic-size: 1px 430px;
}
.card,
.cinema-mini-card,
.cinema-stage-card,
.detail-card{
  contain: layout paint style;
}
.cards-row,
.cinema-side-list,
.hero-carousel-track{
  will-change: transform;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}
.card-thumb,
.cinema-mini-thumb,
.cinema-stage-bg,
.featured-bunny-thumb{
  background-color: rgba(255,255,255,.045);
}
.poster-loading::after{
  animation-duration: 1.05s;
}
@media (max-width: 900px){
  .genre-section,
  .home-special-section{
    contain-intrinsic-size: 1px 360px;
  }
  .cards-row{
    scroll-snap-type: x proximity;
  }
  .card{
    scroll-snap-align: start;
  }
  .cinema-stage-video{
    transform: translateZ(0);
  }
}

/* === CINEGO WEB V277: clean latest-series hero rail ===
   Top hero is a newest-episode notification rail: only series from regular Movie Library,
   up to 15 newest updated/uploaded series, with clean posters and no dim/blur over the rail. */
.hero-carousel{
  z-index:5!important;
  isolation:isolate!important;
}
.hero-overlay{
  pointer-events:none!important;
}
.hero-bg .stars,
.hero-bg .moon{
  display:none!important;
}
.hero-carousel-viewport{
  filter:none!important;
  -webkit-filter:none!important;
}
.hero-carousel-track{
  filter:none!important;
  -webkit-filter:none!important;
}
.hero-slide,
.hero-slide.active{
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
  background:#111!important;
  box-shadow:0 10px 30px rgba(0,0,0,.46)!important;
}
.hero-slide:not(.active){
  opacity:.96!important;
  transform:scale(.94)!important;
}
.hero-slide.active{
  transform:scale(1.04)!important;
  box-shadow:0 22px 54px rgba(0,0,0,.58),0 0 0 1px rgba(255,210,91,.26)!important;
}
.hero-slide img{
  filter:none!important;
  -webkit-filter:none!important;
}
.hero-new-episode-badge{
  background:linear-gradient(90deg,#ffcc43,#ff7a1a)!important;
  color:#080808!important;
  text-shadow:none!important;
  box-shadow:0 12px 24px rgba(255,174,35,.26),inset 0 0 0 1px rgba(255,255,255,.35)!important;
  letter-spacing:.02em!important;
}
.hero-slide.active .hero-new-episode-badge{
  animation:none!important;
}
.hero-meta .sep{
  color:rgba(255,255,255,.45)!important;
}
@media(max-width:900px){
  .hero-carousel{
    z-index:5!important;
    padding-top:70px!important;
  }
  .hero-slide,
  .hero-slide.active{
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
  }
  .hero-new-episode-badge{
    left:6px!important;
    right:6px!important;
    bottom:7px!important;
    min-height:22px!important;
    padding:4px 6px!important;
    font-size:9px!important;
  }
}

/* CINEGO WEB V278: Cinema rental genre filter panel */
.cinema-rentals-row .cinema-rental-genre-chips{display:flex!important;gap:10px!important;overflow-x:auto!important;padding:4px 0 18px!important;margin:0 0 8px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}
.cinema-rentals-row .cinema-rental-genre-chips::-webkit-scrollbar{display:none!important}
.cinema-rentals-row .cinema-rental-filter-chip{display:inline-flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,214,125,.16)!important;color:#ddd!important}
.cinema-rentals-row .cinema-rental-filter-chip.active{background:linear-gradient(135deg,#ffd76b,#f2a900)!important;color:#050506!important;border-color:rgba(255,214,125,.72)!important}
.cinema-rental-genre-groups{display:flex!important;flex-direction:column!important;gap:26px!important}
.cinema-rental-genre-section{display:block!important;margin:0!important}
.cinema-rental-genre-title{font-size:16px!important;margin:0 0 12px!important;color:#fff!important;letter-spacing:.2px!important}
.cinema-rental-genre-section[style*="display: none"]{display:none!important}
@media(max-width:900px){
  .cinema-rentals-row .cinema-rental-genre-chips{padding-left:0!important;padding-right:14px!important;margin-bottom:12px!important}
  .cinema-rentals-row .cinema-rental-filter-chip{padding:9px 15px!important;font-size:12px!important}
  .cinema-rental-genre-groups{gap:20px!important}
  .cinema-rental-genre-title{font-size:15px!important;padding-left:0!important}
}

/* CINEGO WEB V280: trailer posters switch the preview by click/tap only; hover remains visual only. */

/* CINEGO WEB V283 fast poster/detail patch */

/* === CINEGO WEB V285: trailer stage no poster flash ===
   Том trailer box дээр video ачаалах хооронд poster зураг 0.5-1 сек гялс харагдахыг болиулна.
   Side poster cards болон доод poster rows-д нөлөөлөхгүй. */
.cinego-cinema-theater .cinema-stage-card .cinema-stage-bg,
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-bg,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-bg{
  opacity:0!important;
  visibility:hidden!important;
  background-image:none!important;
  filter:none!important;
  transform:none!important;
}
.cinego-cinema-theater .cinema-stage-card.is-trailer-loading,
.cinego-cinema-theater .cinema-stage-card.is-trailer-error,
body > .cinema-stage-card.is-trailer-loading,
body > .cinema-stage-card.is-trailer-error{
  background:#000!important;
}
.cinego-cinema-theater .cinema-stage-card.is-trailer-loading .cinema-stage-video:not(.ready),
.cinego-cinema-theater .cinema-stage-card.is-trailer-error .cinema-stage-video:not(.ready),
body > .cinema-stage-card.is-trailer-loading .cinema-stage-video:not(.ready),
body > .cinema-stage-card.is-trailer-error .cinema-stage-video:not(.ready){
  opacity:0!important;
  background:#000!important;
}
.cinego-cinema-theater .cinema-stage-card .cinema-stage-video.ready,
body > .cinema-stage-card .cinema-stage-video.ready{
  opacity:1!important;
}


/* === CINEGO WEB V286: large trailer stays pure black until real playback ===
   Removes accidental movie poster/first-frame flash from the Premium Digital Cinema stage. */
.cinego-cinema-theater .cinema-stage-card,
body > .cinema-stage-card.is-cinema-popup-open,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open{
  background:#000!important;
  background-image:none!important;
}
.cinego-cinema-theater .cinema-stage-card .cinema-stage-bg,
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-bg,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-bg{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:none!important;
  background-image:none!important;
}
.cinego-cinema-theater .cinema-stage-card .cinema-stage-video:not(.ready),
body > .cinema-stage-card .cinema-stage-video:not(.ready){
  opacity:0!important;
  background:#000!important;
}
.cinego-cinema-theater .cinema-stage-card.is-trailer-loading::before,
body > .cinema-stage-card.is-trailer-loading::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:#000!important;
  pointer-events:none!important;
}
.cinego-cinema-theater .cinema-stage-card.is-trailer-ready::before,
body > .cinema-stage-card.is-trailer-ready::before{
  display:none!important;
}

/* CINEGO WEB V287: PageSpeed/mobile performance pass */
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Noto Sans",sans-serif!important;}
/* Skip layout/paint work for rows below the fold until they are near the viewport. */
.section,.home-row-stack > div,.cinego-cinema-theater,.cards-row,.detail-card,.watch-recommendations{
  content-visibility:auto;
  contain-intrinsic-size:1px 420px;
}
.hero,.topbar,.watch-page,.login-screen,.modal,.qpay-modal{content-visibility:visible;}
/* Keep trailer stage light before video starts; no background-image and no repaint-heavy blur. */
.cinego-cinema-theater .cinema-stage-card,
.cinego-cinema-theater .cinema-stage-bg{
  background-image:none!important;
}
.cinego-cinema-theater .cinema-stage-card.is-trailer-loading .cinema-stage-video{opacity:0!important;}
@media (max-width:700px){
  .section,.home-row-stack > div,.cinego-cinema-theater,.cards-row{contain-intrinsic-size:1px 360px;}
}


/* CINEGO WEB V294: restore web PiP button + readable mobile subtitle floor.
   The subtitle pixel floor is applied in JS only on phone-sized viewports, so desktop/admin preview size is unchanged. */
.cinego-nf-pip.active{background:rgba(255,178,25,.26)!important;border-color:rgba(255,178,25,.58)!important;color:#ffd76a!important;}
@media(max-width:760px){
  .cinego-nf-pip{display:inline-flex!important;}
}

/* === CINEGO WEB V295: subtitle text shadow + mobile web pseudo PiP + trailer mobile fullscreen === */
.watch-video-inner.cinego-pseudo-pip{
  position:fixed!important;
  right:max(12px, env(safe-area-inset-right))!important;
  bottom:max(82px, calc(env(safe-area-inset-bottom) + 74px))!important;
  width:min(42vw,260px)!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  z-index:2147482500!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#000!important;
  box-shadow:0 16px 50px rgba(0,0,0,.72),0 0 0 1px rgba(255,214,125,.28)!important;
  transform:none!important;
  max-width:none!important;
  max-height:none!important;
}
.watch-video-inner.cinego-pseudo-pip iframe,
.watch-video-inner.cinego-pseudo-pip video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#000!important;
}
.watch-video-inner.cinego-pseudo-pip .cinego-nf-top,
.watch-video-inner.cinego-pseudo-pip .cinego-nf-bottom,
.watch-video-inner.cinego-pseudo-pip .watch-seek-controls,
.watch-video-inner.cinego-pseudo-pip .watch-fs-direct-btn{
  opacity:0!important;
  pointer-events:none!important;
}
.watch-video-inner.cinego-pseudo-pip:hover .cinego-nf-top,
.watch-video-inner.cinego-pseudo-pip:hover .cinego-nf-bottom,
.watch-video-inner.cinego-pseudo-pip.cinego-nf-controls-show .cinego-nf-top,
.watch-video-inner.cinego-pseudo-pip.cinego-nf-controls-show .cinego-nf-bottom{
  opacity:1!important;
  pointer-events:auto!important;
}
.watch-video-inner.cinego-pseudo-pip .watch-subtitle-overlay{display:none!important;}
body.cinego-pseudo-pip-active .player-fs-overlay.open{
  pointer-events:none!important;
  background:transparent!important;
}
body.cinego-pseudo-pip-active .player-fs-close{display:none!important;}
body.cinego-pseudo-pip-active .watch-video-inner.cinego-pseudo-pip{pointer-events:auto!important;}
@media(max-width:760px){
  .watch-video-inner.cinego-pseudo-pip{
    width:min(54vw,224px)!important;
    right:10px!important;
    bottom:max(78px, calc(env(safe-area-inset-bottom) + 72px))!important;
    border-radius:12px!important;
  }
  .cinego-nf-pip{display:inline-flex!important;visibility:visible!important;opacity:1!important;}
}
body.cinema-stage-mobile-fullscreen-active{overflow:hidden!important;touch-action:none!important;}
body.cinema-stage-mobile-fullscreen-active .topbar,
body.cinema-stage-mobile-fullscreen-active .bottom-nav{display:none!important;}
@media(max-width:900px){
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen{
    position:fixed!important;
    inset:0!important;
    left:0!important;
    top:0!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    transform:none!important;
    border-radius:0!important;
    border:0!important;
    padding:0!important;
    background:#000!important;
    z-index:2147483000!important;
  }
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-bg,
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-video,
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-iframe,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-bg,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-video,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-iframe{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    border-radius:0!important;
    object-fit:contain!important;
    background:#000!important;
  }
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-video.ready,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-video.ready{
    transform:none!important;
    object-fit:contain!important;
  }
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-popup-close,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-popup-close{
    top:max(10px, env(safe-area-inset-top))!important;
    right:max(10px, env(safe-area-inset-right))!important;
    display:grid!important;
  }
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-subtitle,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-subtitle{
    bottom:8%!important;
    max-width:88%!important;
  }
}


/* === CINEGO WEB V296: real meaning PiP - movie stays floating while browsing the website === */
body.cinego-pseudo-pip-active .watch-video-inner.cinego-pseudo-pip{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.watch-video-inner.cinego-pseudo-pip{
  cursor:pointer!important;
  width:min(34vw,340px)!important;
  min-width:230px!important;
}
.watch-video-inner.cinego-pseudo-pip .cinego-nf-pip{display:inline-flex!important;opacity:1!important;visibility:visible!important;}
.watch-video-inner.cinego-pseudo-pip .cinego-nf-title,
.watch-video-inner.cinego-pseudo-pip .cinego-nf-center,
.watch-video-inner.cinego-pseudo-pip .cinego-nf-next,
.watch-video-inner.cinego-pseudo-pip .cinego-nf-episode{display:none!important;}
.watch-video-inner.cinego-pseudo-pip.cinego-nf-controls-show .cinego-nf-bottom,
.watch-video-inner.cinego-pseudo-pip:hover .cinego-nf-bottom{
  opacity:1!important;
  pointer-events:auto!important;
}
@media(max-width:760px){
  .watch-video-inner.cinego-pseudo-pip{
    width:min(72vw,320px)!important;
    min-width:210px!important;
    right:10px!important;
    bottom:max(76px, calc(env(safe-area-inset-bottom) + 70px))!important;
    border-radius:12px!important;
  }
  .watch-video-inner.cinego-pseudo-pip .cinego-nf-bottom{
    padding:8px!important;
    opacity:.96!important;
    pointer-events:auto!important;
  }
  .watch-video-inner.cinego-pseudo-pip .cinego-nf-progress-wrap,
  .watch-video-inner.cinego-pseudo-pip .cinego-nf-time,
  .watch-video-inner.cinego-pseudo-pip .cinego-nf-volume-wrap,
  .watch-video-inner.cinego-pseudo-pip .cinego-nf-quality{display:none!important;}
  .watch-video-inner.cinego-pseudo-pip .cinego-nf-icon-btn{width:34px!important;height:34px!important;}
}


/* === CINEGO WEB V297 FINAL: auto PiP, subtitle in in-site PiP, modern +10/-10 overlay, mobile drag seek === */
.watch-video-inner.cinego-pseudo-pip .watch-subtitle-overlay{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:2147483030!important;
  pointer-events:none!important;
}
.watch-video-inner.cinego-pseudo-pip .watch-subtitle-overlay:not(.show){opacity:0!important;}
.watch-video-inner.cinego-pseudo-pip .watch-subtitle-overlay.show{opacity:1!important;}
/* Use the Netflix-style center layer again, but only briefly when the user touches/clicks. */
.watch-video-inner.cinego-nf-ready .cinego-nf-center,
.watch-video-inner.cinego-nf-ready .cinego-nf-center-play,
.watch-video-inner.cinego-nf-ready [data-nf-action="center-play"]{
  display:flex!important;
  visibility:visible!important;
}
.watch-video-inner.cinego-nf-ready .cinego-nf-center{
  position:absolute!important;
  inset:0!important;
  z-index:2147483022!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(58px,12vw,132px)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .18s ease!important;
}
.watch-video-inner.controls-visible .cinego-nf-center,
.watch-video-inner.nf-controls-visible .cinego-nf-center,
.watch-video-inner.cinego-nf-touch-scrubbing .cinego-nf-center{
  opacity:1!important;
  pointer-events:auto!important;
}
.watch-video-inner.cinego-nf-ready .cinego-nf-center .cinego-nf-skip{
  display:grid!important;
  place-items:center!important;
  width:clamp(54px,8vw,74px)!important;
  height:clamp(54px,8vw,74px)!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(12,14,18,.38)!important;
  color:#fff!important;
  backdrop-filter:blur(16px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(135%)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,255,255,.04)!important;
  transform:scale(.96)!important;
  transition:transform .14s ease,background .14s ease,border-color .14s ease!important;
}
.watch-video-inner.cinego-nf-ready .cinego-nf-center .cinego-nf-skip i{font-size:clamp(26px,4vw,34px)!important;line-height:1!important;}
.watch-video-inner.cinego-nf-ready .cinego-nf-center .cinego-nf-skip span{
  position:absolute!important;
  bottom:8px!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.03em!important;
  color:rgba(255,255,255,.86)!important;
}
.watch-video-inner.cinego-nf-ready .cinego-nf-center .cinego-nf-skip:active{
  transform:scale(.88)!important;
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.42)!important;
}
.watch-video-inner.cinego-pseudo-pip .cinego-nf-center,
.watch-video-inner.cinego-pseudo-pip .watch-seek-controls{display:none!important;}
.watch-video-inner.cinego-pseudo-pip .cinego-nf-bottom{opacity:0!important;pointer-events:none!important;}
.watch-video-inner.cinego-pseudo-pip.cinego-nf-controls-show .cinego-nf-bottom,
.watch-video-inner.cinego-pseudo-pip:hover .cinego-nf-bottom{opacity:.96!important;pointer-events:auto!important;}
.cinego-nf-scrub-preview{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,calc(-50% - 68px));
  z-index:2147483028;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(0,0,0,.58);
  color:#fff;
  font-size:13px;
  font-weight:950;
  letter-spacing:.02em;
  box-shadow:0 12px 38px rgba(0,0,0,.48), inset 0 0 0 1px rgba(255,255,255,.12);
  backdrop-filter:blur(14px) saturate(130%);
  -webkit-backdrop-filter:blur(14px) saturate(130%);
  opacity:0;
  pointer-events:none;
  transition:opacity .12s ease, transform .12s ease;
}
.watch-video-inner.cinego-nf-touch-scrubbing .cinego-nf-scrub-preview{
  opacity:1;
  transform:translate(-50%,calc(-50% - 78px));
}
@media(max-width:760px){
  .watch-video-inner.cinego-nf-ready .cinego-nf-center{gap:clamp(54px,18vw,88px)!important;}
  .watch-video-inner.cinego-nf-ready .cinego-nf-center .cinego-nf-skip{width:56px!important;height:56px!important;}
  .watch-video-inner.cinego-nf-ready .cinego-nf-center .cinego-nf-skip i{font-size:28px!important;}
  .watch-video-inner.cinego-pseudo-pip{width:min(64vw,300px)!important;min-width:210px!important;}
  .watch-video-inner.cinego-pseudo-pip .watch-subtitle-overlay{
    max-width:92%!important;
    text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 5px rgba(0,0,0,.75)!important;
  }
  .cinego-nf-scrub-preview{font-size:12px;padding:7px 11px;}
}
body.watch-mode .watch-video-inner.cinego-nf-ready:not(.cinego-pseudo-pip){touch-action:none!important;}


/* === CINEGO WEB V298: clean centered ±10 overlay fix ===
   Keep the rewind/forward buttons in the exact visual center of the video.
   Previous cached rules could place the skip icon near the top-left/back button area. */
.watch-video-inner.cinego-nf-ready .cinego-nf-center,
.watch-video-inner.cinego-nf-ready .cinego-nf-center[data-nf-center]{
  display:flex!important;
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:100%!important;
  transform:none!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(110px,28vw,300px)!important;
  z-index:2147483026!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  margin:0!important;
  padding:0!important;
}
.watch-video-inner.controls-visible:not(.cinego-nf-touch-scrubbing):not(.cinego-pseudo-pip) .cinego-nf-center,
.watch-video-inner.nf-controls-visible:not(.cinego-nf-touch-scrubbing):not(.cinego-pseudo-pip) .cinego-nf-center,
.watch-video-inner.cinego-nf-center-seek-visible:not(.cinego-nf-touch-scrubbing):not(.cinego-pseudo-pip) .cinego-nf-center{
  opacity:.96!important;
  visibility:visible!important;
  pointer-events:none!important;
}
.watch-video-inner.cinego-nf-ready .cinego-nf-center .cinego-nf-skip,
.watch-video-inner.cinego-nf-ready .cinego-nf-center[data-nf-center] .cinego-nf-skip{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:clamp(58px,7.5vw,76px)!important;
  height:clamp(58px,7.5vw,76px)!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  background:rgba(8,10,14,.46)!important;
  color:#fff!important;
  opacity:.98!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
  backdrop-filter:blur(14px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(130%)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.46), inset 0 0 0 1px rgba(255,255,255,.06)!important;
}
.watch-video-inner.cinego-nf-ready .cinego-nf-center .cinego-nf-skip i{
  display:block!important;
  font-size:clamp(28px,4vw,36px)!important;
  line-height:1!important;
}
.watch-video-inner.cinego-nf-ready .cinego-nf-center .cinego-nf-skip span{
  position:absolute!important;
  left:50%!important;
  bottom:7px!important;
  transform:translateX(-50%)!important;
  font-size:10px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  color:rgba(255,255,255,.88)!important;
  text-shadow:0 2px 8px rgba(0,0,0,.75)!important;
}
.watch-video-inner.cinego-nf-ready .cinego-nf-center .cinego-nf-skip:active,
.watch-video-inner.cinego-nf-skip-back-active .cinego-nf-skip-back,
.watch-video-inner.cinego-nf-skip-forward-active .cinego-nf-skip-forward{
  transform:scale(.92)!important;
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.42)!important;
}
.watch-video-inner.cinego-nf-touch-scrubbing .cinego-nf-center,
.watch-video-inner.cinego-pseudo-pip .cinego-nf-center{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@media(max-width:760px){
  .watch-video-inner.cinego-nf-ready .cinego-nf-center{gap:clamp(96px,44vw,190px)!important;}
  .watch-video-inner.cinego-nf-ready .cinego-nf-center .cinego-nf-skip{width:58px!important;height:58px!important;}
  .watch-video-inner.cinego-nf-ready .cinego-nf-center .cinego-nf-skip i{font-size:29px!important;}
}


/* === CINEGO WEB V300: native OS/browser PiP subtitle placeholder fix ===
   Native PiP moves only the <video> into the OS window. Custom HTML subtitles must
   be hidden on the original tab; native <track> captions are switched on for PiP. */
body.cinego-native-pip-active .watch-subtitle-overlay,
.watch-video-inner.cinego-native-pip-active .watch-subtitle-overlay,
.watch-subtitle-overlay.cinego-native-pip-hidden{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
.watch-video-inner.cinego-native-pip-active .cinego-nf-center,
.watch-video-inner.cinego-native-pip-active .watch-seek-controls{
  display:none!important;
}
.cinego-nf-pip.active,
body.cinego-native-pip-active .cinego-nf-pip{
  background:rgba(255,178,25,.26)!important;
  border-color:rgba(255,178,25,.58)!important;
  color:#ffd76a!important;
}


/* === CINEGO WEB V301: clean native PiP source page ===
   Browser native PiP can render native <track> captions on the source page's black
   placeholder too. Hide the source video locally while keeping the OS PiP window alive. */
body.cinego-native-pip-active #watch-native-video,
.watch-video-inner.cinego-native-pip-active #watch-native-video{
  opacity:0!important;
  filter:opacity(0)!important;
  pointer-events:none!important;
}
body.cinego-native-pip-active .watch-video-inner,
.watch-video-inner.cinego-native-pip-active{
  background:#000!important;
}
body.cinego-native-pip-active .watch-video-inner::after,
.watch-video-inner.cinego-native-pip-active::after{
  content:'';
  position:absolute;
  inset:0;
  background:#000;
  pointer-events:none;
  z-index:2;
}
body.cinego-native-pip-active .cinego-nf-ui,
.watch-video-inner.cinego-native-pip-active .cinego-nf-ui{
  z-index:3;
}


/* === CINEGO WEB V304: clean source player while canvas subtitle PiP is active ===
   Canvas PiP draws the source video + subtitle into the PiP window. The original page must
   not show a second copy of the same video/subtitle behind it. */
body.cinego-canvas-pip-active .watch-video-inner.cinego-canvas-pip-source-hidden #watch-native-video,
body.cinego-canvas-pip-active .watch-video-inner.cinego-canvas-pip-source-hidden video,
body.cinego-canvas-pip-active .watch-video-inner.cinego-canvas-pip-source-hidden iframe{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.cinego-canvas-pip-active .watch-video-inner.cinego-canvas-pip-source-hidden .watch-subtitle-overlay,
body.cinego-canvas-pip-active .watch-subtitle-overlay{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
body.cinego-canvas-pip-active .watch-video-inner.cinego-canvas-pip-source-hidden{
  background:#000!important;
}
body.cinego-canvas-pip-active .watch-video-inner.cinego-canvas-pip-source-hidden::after{
  content:'';
  position:absolute;
  inset:0;
  background:#000;
  z-index:2147483008;
  pointer-events:none;
}
body.cinego-canvas-pip-active .watch-video-inner.cinego-canvas-pip-source-hidden .cinego-nf-ui,
body.cinego-canvas-pip-active .watch-video-inner.cinego-canvas-pip-source-hidden .watch-seek-controls{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.cinego-canvas-pip-active .cinego-nf-pip{
  background:rgba(255,178,25,.26)!important;
  border-color:rgba(255,178,25,.58)!important;
  color:#ffd76a!important;
}

/* === CINEGO WEB V305: keep source video decoding while canvas PiP is active ===
   Do NOT visibility-hide the real <video>. Canvas PiP draws from that element; when it is
   hidden many mobile/desktop browsers stop fresh frames/subtitle timing after tab/page changes.
   Instead keep it alive behind a black cover layer. */
body.cinego-canvas-pip-active .watch-video-inner.cinego-canvas-pip-source-hidden #watch-native-video,
body.cinego-canvas-pip-active .watch-video-inner.cinego-canvas-pip-source-hidden video{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  pointer-events:none!important;
}
body.cinego-canvas-pip-active .watch-video-inner.cinego-canvas-pip-source-hidden iframe{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.cinego-canvas-pip-active .watch-video-inner.cinego-canvas-pip-source-hidden::after{
  z-index:2147483600!important;
  background:#000!important;
}

/* === CINEGO WEB V306: Document Picture-in-Picture clean player ===
   Desktop Chromium can carry the real video container with custom subtitles.
   Keep a stable black placeholder in the original page while the player lives in the PiP document. */
.cinego-document-pip-placeholder{
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  min-height:220px!important;
  background:#000!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
body.cinego-document-pip-active .watch-video-inner:not(.cinego-document-pip-inner){
  background:#000!important;
}
.watch-video-inner.cinego-document-pip-inner{
  margin:0!important;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:0!important;
  border:0!important;
  background:#000!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.watch-video-inner.cinego-document-pip-inner .watch-subtitle-overlay{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:2147483647!important;
}
.watch-video-inner.cinego-document-pip-inner .cinego-nf-ui,
.watch-video-inner.cinego-document-pip-inner .watch-seek-controls{
  z-index:2147483646!important;
}

/* === CINEGO WEB V307: single native PiP + phone subtitle frame alignment === */
.watch-video-inner:not(.cinego-pseudo-pip):not(.cinego-native-pip-active):not(.cinego-canvas-pip-source-hidden) .watch-subtitle-overlay.show{
  display:flex!important;
}
@media(max-width:760px), (pointer:coarse) and (max-width:900px){
  .watch-video-inner.is-inline:not(.cinego-pseudo-pip) .watch-subtitle-overlay{
    max-width:min(92%, var(--cinego-subtitle-frame-width, 92%))!important;
  }
}


/* === CINEGO WEB V309: Android-app-style PiP no blank source + subtitle recovery ===
   Keep the real video visible in the browser page like gostream. Do not cover it
   with an artificial black/blank layer while OS PiP is active. */
body.cinego-native-pip-active #watch-native-video,
.watch-video-inner.cinego-native-pip-active #watch-native-video{
  opacity:1!important;
  filter:none!important;
  visibility:visible!important;
}
body.cinego-native-pip-active .watch-video-inner::after,
.watch-video-inner.cinego-native-pip-active::after{
  content:none!important;
  display:none!important;
}
body.cinego-native-pip-active .watch-video-inner,
.watch-video-inner.cinego-native-pip-active{
  background:#000!important;
}
@media(max-width:900px){
  .watch-subtitle-overlay.show:not(.cinego-native-pip-hidden){
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:2147483030!important;
  }
}


/* === CINEGO WEB V309: Android app style PiP source-page safety ===
   Working Android app keeps WebView/MainActivity out of PiP and only the real player enters PiP.
   For web, keep the real <video> visible and never leave a blank placeholder or stale hidden subtitles. */
body.cinego-native-pip-active,
.watch-video-inner.cinego-native-pip-active{
  background:#000!important;
}
body.cinego-native-pip-active #watch-native-video,
.watch-video-inner.cinego-native-pip-active #watch-native-video{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}
body.cinego-native-pip-active .watch-video-inner::after,
.watch-video-inner.cinego-native-pip-active::after{
  content:none!important;
  display:none!important;
  background:transparent!important;
}
.watch-subtitle-overlay.show:not(.cinego-native-pip-hidden){
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
@media(max-width:900px), (pointer:coarse){
  .watch-subtitle-overlay.show:not(.cinego-native-pip-hidden){
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:2147483030!important;
  }
}

/* === CINEGO WEB V310: PiP temporary OFF + restore stable phone subtitle overlay === */
.cinego-nf-pip,
.cinego-nf-pip.cinego-pip-disabled{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.cinego-native-pip-active,
body.cinego-canvas-pip-active,
body.cinego-document-pip-active,
body.cinego-pseudo-pip-active{
  background:inherit!important;
}
body.cinego-native-pip-active #watch-native-video,
.watch-video-inner.cinego-native-pip-active #watch-native-video,
body.cinego-canvas-pip-active .watch-video-inner.cinego-canvas-pip-source-hidden #watch-native-video,
body.cinego-canvas-pip-active .watch-video-inner.cinego-canvas-pip-source-hidden video,
.watch-video-inner.cinego-pseudo-pip #watch-native-video{
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  pointer-events:auto!important;
}
body.cinego-native-pip-active .watch-video-inner::after,
.watch-video-inner.cinego-native-pip-active::after,
body.cinego-canvas-pip-active .watch-video-inner.cinego-canvas-pip-source-hidden::after{
  content:none!important;
  display:none!important;
}
.watch-subtitle-overlay,
.watch-subtitle-overlay.show,
.watch-subtitle-overlay.cinego-native-pip-hidden,
body.cinego-native-pip-active .watch-subtitle-overlay,
.watch-video-inner.cinego-native-pip-active .watch-subtitle-overlay,
body.cinego-canvas-pip-active .watch-subtitle-overlay{
  visibility:visible!important;
  opacity:1!important;
}
.watch-subtitle-overlay.show,
.watch-subtitle-overlay.cinego-native-pip-hidden.show{
  display:flex!important;
}


/* === CINEGO WEB V335 FROM V326: mobile hero clean + cinema 2 cards + trailer landscape fullscreen ONLY === */
@media (max-width: 700px){
  /* 1) Mobile hero/latest section: keep badge/title/actions in one clean block, no overlap with poster carousel */
  .hero{
    height:560px!important;
    min-height:560px!important;
    max-height:560px!important;
    margin-top:64px!important;
    overflow:hidden!important;
  }
  .hero-carousel{
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:auto!important;
    width:100%!important;
    height:315px!important;
    padding:70px 8px 22px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    z-index:2!important;
    pointer-events:auto!important;
  }
  .hero-carousel-viewport{
    height:100%!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .hero-carousel-track{
    height:100%!important;
    align-items:center!important;
    gap:10px!important;
    padding:0!important;
  }
  .hero-slide{width:86px!important;transform:scale(.86)!important;opacity:.55!important;border-radius:9px!important;}
  .hero-slide.active{width:126px!important;transform:scale(1)!important;opacity:1!important;}
  .hero-car-btn{width:38px!important;height:38px!important;z-index:5!important;}
  .hero-carousel-dots{bottom:8px!important;}
  .hero-content{
    left:max(16px,var(--safe-left))!important;
    right:max(16px,var(--safe-right))!important;
    bottom:22px!important;
    top:auto!important;
    max-width:none!important;
    z-index:4!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
  }
  .hero-content .badge,
  .hero .badge{
    margin:0!important;
    max-width:calc(100vw - 32px)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:11px!important;
    line-height:1!important;
    padding:7px 12px!important;
    border-radius:999px!important;
  }
  .hero-title{
    width:100%!important;
    max-width:calc(100vw - 32px)!important;
    font-size:30px!important;
    line-height:1.02!important;
    margin:0!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    text-shadow:0 8px 28px rgba(0,0,0,.9)!important;
  }
  .hero-meta{margin:0!important;font-size:13px!important;line-height:1.2!important;gap:8px!important;}
  .hero-desc{margin:0!important;font-size:13px!important;line-height:1.35!important;-webkit-line-clamp:1!important;}
  .hero-actions{width:100%!important;margin-top:6px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .hero-actions .play-btn,.hero-actions .more-btn{width:100%!important;height:48px!important;padding:0 10px!important;border-radius:9px!important;font-size:15px!important;}

  /* 2) Cinema theater mobile: remove side arrows and make exactly two clean poster cards fit */
  .cinego-cinema-theater{padding:12px 10px 16px!important;margin-left:10px!important;margin-right:10px!important;border-radius:18px!important;overflow:hidden!important;}
  .cinego-cinema-theater .cinema-side-nav{display:none!important;visibility:hidden!important;pointer-events:none!important;}
  .cinego-cinema-theater .cinema-side-slider{overflow:hidden!important;padding:0!important;}
  .cinego-cinema-theater .cinema-side-list{
    display:flex!important;
    overflow-x:auto!important;
    gap:10px!important;
    padding:2px 0 8px!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  .cinego-cinema-theater .cinema-side-list::-webkit-scrollbar{display:none!important;}
  .cinego-cinema-theater .cinema-mini-card{
    flex:0 0 calc((100% - 10px)/2)!important;
    width:calc((100% - 10px)/2)!important;
    min-width:0!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:2/3!important;
    border-radius:14px!important;
    scroll-snap-align:start!important;
  }
  .cinego-cinema-theater .cinema-mini-meta{padding:42px 10px 10px!important;}
  .cinego-cinema-theater .cinema-mini-meta b{font-size:12px!important;line-height:1.18!important;-webkit-line-clamp:2!important;}
  .cinego-cinema-theater .cinema-mini-meta em{font-size:9px!important;}
  .cinego-cinema-theater .cinema-mini-rent{top:8px!important;left:8px!important;right:auto!important;font-size:10px!important;padding:7px 10px!important;border-radius:999px!important;}
}

/* 3) Trailer fullscreen: on phone portrait, popup becomes landscape only. No native fullscreen. */
body.cinema-stage-mobile-fullscreen-active{overflow:hidden!important;touch-action:none!important;background:#000!important;}
@media (max-width: 900px) and (orientation: portrait){
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen{
    position:fixed!important;
    left:50%!important;
    top:50%!important;
    width:100dvh!important;
    height:100vw!important;
    min-width:100dvh!important;
    min-height:100vw!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
    transform:translate(-50%,-50%) rotate(90deg)!important;
    transform-origin:center center!important;
    border:0!important;
    border-radius:0!important;
    padding:0!important;
    margin:0!important;
    background:#000!important;
    overflow:hidden!important;
    z-index:2147483000!important;
  }
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-bg,
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-video,
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-iframe,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-bg,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-video,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-iframe{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    background:#000!important;
    border-radius:0!important;
    transform:none!important;
  }
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-subtitle,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-subtitle{
    bottom:9%!important;
    max-width:82%!important;
    font-size:clamp(15px,4.2vw,22px)!important;
    line-height:1.18!important;
  }
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-popup-close,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-popup-close{
    display:grid!important;
    top:10px!important;
    right:10px!important;
    width:42px!important;
    height:42px!important;
    z-index:2147483050!important;
  }
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-expand,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-expand,
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-content,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-content,
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-top,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-top{
    display:none!important;
  }
}
@media (max-width: 900px) and (orientation: landscape){
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen{
    position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;transform:none!important;border-radius:0!important;border:0!important;background:#000!important;z-index:2147483000!important;
  }
}

/* === CINEGO WEB V336: trailer fullscreen icon + small X close button reliable on mobile === */
.cinego-cinema-theater .cinema-stage-popup-close,
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-popup-close,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-popup-close{
  display:grid!important;
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  border-radius:999px!important;
  place-items:center!important;
  color:#fff!important;
  background:rgba(0,0,0,.64)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 8px 26px rgba(0,0,0,.42)!important;
  z-index:2147483050!important;
  opacity:0!important;
  pointer-events:none!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
}
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-popup-close,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-popup-close,
.cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open .cinema-stage-popup-close{
  opacity:1!important;
  pointer-events:auto!important;
}
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-popup-close i,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-popup-close i{font-size:20px!important;line-height:1!important;}
.cinego-cinema-theater .cinema-stage-expand{pointer-events:auto!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;}
body > .cinema-stage-card.is-cinema-popup-open .cinema-stage-expand,
body > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-expand,
.cinego-cinema-theater .cinema-stage-card.is-cinema-popup-open .cinema-stage-expand{display:none!important;}
@media (max-width: 900px){
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-popup-close,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-popup-close{
    top:8px!important;
    right:8px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
  }
}


/* === CINEGO WEB V337: iPhone/mobile fullscreen + subtitle scale root fix === */
:root{--cinego-vvh:100dvh;--cinego-vvw:100vw;}
body.player-pseudo-fullscreen-active,
body.cinema-stage-mobile-fullscreen-active{
  overflow:hidden!important;
  background:#000!important;
  overscroll-behavior:none!important;
  touch-action:none!important;
}
body.player-pseudo-fullscreen-active .watch-video-inner.player-pseudo-fullscreen{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:var(--cinego-vvh,100dvh)!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#000!important;
  z-index:2147483000!important;
  overflow:hidden!important;
  transform:none!important;
}
body.player-pseudo-fullscreen-active .watch-video-inner.player-pseudo-fullscreen video,
body.player-pseudo-fullscreen-active .watch-video-inner.player-pseudo-fullscreen iframe,
body.player-pseudo-fullscreen-active .watch-video-inner.player-pseudo-fullscreen .inline-player-mount,
body.player-pseudo-fullscreen-active .watch-video-inner.player-pseudo-fullscreen .inline-player-wrap{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  background:#000!important;
  border-radius:0!important;
}
body.player-pseudo-fullscreen-active .watch-video-inner.player-pseudo-fullscreen .watch-subtitle-overlay{
  z-index:2147483050!important;
  max-width:82%!important;
}
@media (max-width: 900px){
  body.player-pseudo-fullscreen-active .watch-video-inner.player-pseudo-fullscreen .watch-subtitle-overlay{
    font-size:min(var(--cinego-subtitle-mobile-size,16px),18px)!important;
  }
}

@media (max-width: 900px) and (orientation: portrait){
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen{
    width:var(--cinego-vvh,100dvh)!important;
    height:100vw!important;
    min-width:var(--cinego-vvh,100dvh)!important;
    min-height:100vw!important;
    max-width:none!important;
    max-height:none!important;
  }
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-subtitle,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-subtitle{
    font-size:clamp(11px,3.1vw,18px)!important;
    max-width:76%!important;
    padding:4px 8px!important;
    line-height:1.16!important;
  }
}
@media (max-width: 900px) and (orientation: landscape){
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen{
    height:var(--cinego-vvh,100dvh)!important;
  }
  body > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-subtitle,
  body > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen .cinema-stage-subtitle{
    font-size:clamp(11px,2.6vw,18px)!important;
    max-width:76%!important;
    padding:4px 8px!important;
    line-height:1.16!important;
  }
}


/* === CINEGO WEB V338: trailer fullscreen mode split ===
   Desktop = CineGo popup overlay. Mobile = native video fullscreen first; this CSS is only fallback. */
@media (min-width: 901px){
  body.cinema-stage-popup-active > .cinema-stage-card.is-cinema-popup-open,
  body.cinema-stage-popup-active > .cinema-stage-card.is-body-popup.is-cinema-popup-open{
    position:fixed!important;
    left:50%!important;
    top:50%!important;
    width:min(1180px,92vw)!important;
    height:min(664px,82dvh)!important;
    transform:translate(-50%,-50%)!important;
    border-radius:22px!important;
    z-index:2147483000!important;
    background:#000!important;
  }
}
@media (max-width: 900px){
  body.cinema-stage-mobile-fullscreen-active .topbar,
  body.cinema-stage-mobile-fullscreen-active .bottom-nav,
  body.cinema-stage-mobile-fullscreen-active .mobile-bottom-nav{
    display:none!important;
  }
}


/* === CINEGO WEB V340: mobile trailer soft popup + keep inline playback after X === */
@media (max-width: 900px){
  body.cinema-stage-popup-active::before{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    z-index:2147482990!important;
    background:rgba(0,0,0,.58)!important;
    -webkit-backdrop-filter:blur(10px)!important;
    backdrop-filter:blur(10px)!important;
    pointer-events:none!important;
  }
  body.cinema-stage-popup-active{
    overflow:hidden!important;
    background:#000!important;
    touch-action:auto!important;
  }
  body.cinema-stage-popup-active > .cinema-stage-card.is-cinema-popup-open,
  body.cinema-stage-popup-active > .cinema-stage-card.is-body-popup.is-cinema-popup-open,
  body.cinema-stage-popup-active > .cinema-stage-card.is-cinema-popup-open.is-cinema-mobile-fullscreen,
  body.cinema-stage-popup-active > .cinema-stage-card.is-body-popup.is-cinema-popup-open.is-cinema-mobile-fullscreen{
    position:fixed!important;
    left:50%!important;
    top:50%!important;
    width:min(94vw,720px)!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    max-width:94vw!important;
    max-height:70dvh!important;
    aspect-ratio:16/9!important;
    transform:translate(-50%,-50%)!important;
    transform-origin:center center!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    padding:2px!important;
    margin:0!important;
    background:#000!important;
    overflow:hidden!important;
    z-index:2147483000!important;
  }
  body.cinema-stage-popup-active > .cinema-stage-card.is-cinema-popup-open .cinema-stage-bg,
  body.cinema-stage-popup-active > .cinema-stage-card.is-cinema-popup-open .cinema-stage-video,
  body.cinema-stage-popup-active > .cinema-stage-card.is-cinema-popup-open .cinema-stage-iframe,
  body.cinema-stage-popup-active > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-bg,
  body.cinema-stage-popup-active > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-video,
  body.cinema-stage-popup-active > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-iframe{
    position:absolute!important;
    inset:2px!important;
    width:calc(100% - 4px)!important;
    height:calc(100% - 4px)!important;
    object-fit:contain!important;
    background:#000!important;
    border-radius:16px!important;
    transform:none!important;
  }
  body.cinema-stage-popup-active > .cinema-stage-card.is-cinema-popup-open .cinema-stage-popup-close,
  body.cinema-stage-popup-active > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-popup-close{
    display:grid!important;
    opacity:1!important;
    pointer-events:auto!important;
    top:8px!important;
    right:8px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    z-index:2147483050!important;
  }
  body.cinema-stage-popup-active > .cinema-stage-card.is-cinema-popup-open .cinema-stage-expand,
  body.cinema-stage-popup-active > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-expand,
  body.cinema-stage-popup-active > .cinema-stage-card.is-cinema-popup-open .cinema-stage-content,
  body.cinema-stage-popup-active > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-content,
  body.cinema-stage-popup-active > .cinema-stage-card.is-cinema-popup-open .cinema-stage-top,
  body.cinema-stage-popup-active > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-top,
  body.cinema-stage-popup-active > .cinema-stage-card.is-cinema-popup-open .cinema-stage-vignette,
  body.cinema-stage-popup-active > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-vignette{
    display:none!important;
  }
  body.cinema-stage-popup-active > .cinema-stage-card.is-cinema-popup-open .cinema-stage-subtitle,
  body.cinema-stage-popup-active > .cinema-stage-card.is-body-popup.is-cinema-popup-open .cinema-stage-subtitle{
    z-index:2147483050!important;
    font-size:clamp(11px,3vw,17px)!important;
    max-width:76%!important;
    line-height:1.16!important;
    padding:4px 8px!important;
  }
}


/* === CINEGO WEB V346: MOBILE HERO RAIL DIRECTLY UNDER LOGO FORCE FIX ===
   Scope: phone web + Android WebView only. Desktop/admin/player/Firebase untouched.
   This is intentionally hard-set because older mobile hero rules placed the rail too low. */
@media (max-width: 700px){
  html,body{overflow-x:hidden!important;}

  /* Keep the page hero compact; the header is fixed, so the rail is positioned from the top. */
  body:not(.watch-mode):not(.search-mode) main > .hero,
  body:not(.watch-mode):not(.search-mode) .hero{
    margin-top:0!important;
    height:440px!important;
    min-height:440px!important;
    max-height:440px!important;
    overflow:hidden!important;
    background:#07070b!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-bg,
  body:not(.watch-mode):not(.search-mode) .hero .hero-bg{
    overflow:hidden!important;
  }

  /* The carousel/slide box is pinned right below the logo/header area. */
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-carousel,
  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:calc(76px + var(--safe-top,0px))!important;
    bottom:auto!important;
    width:100%!important;
    height:176px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:0!important;
    z-index:8!important;
    pointer-events:auto!important;
  }

  /* Remove side arrows completely; phone uses touch swipe. */
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-car-btn,
  body:not(.watch-mode):not(.search-mode) main > .hero #hero-car-prev,
  body:not(.watch-mode):not(.search-mode) main > .hero #hero-car-next,
  body:not(.watch-mode):not(.search-mode) .hero .hero-car-btn,
  body:not(.watch-mode):not(.search-mode) .hero #hero-car-prev,
  body:not(.watch-mode):not(.search-mode) .hero #hero-car-next{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-carousel-viewport,
  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-viewport{
    width:100%!important;
    height:176px!important;
    min-width:0!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    touch-action:pan-x!important;
    -webkit-overflow-scrolling:touch!important;
    perspective:none!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-carousel-track,
  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-track{
    height:168px!important;
    min-height:168px!important;
    max-height:168px!important;
    padding:0 22px!important;
    margin:0!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:14px!important;
    will-change:transform!important;
  }

  /* Same row, clean visible posters. About 20% smaller than normal mobile series cards. */
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide,
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide.active,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.active{
    flex:0 0 106px!important;
    width:106px!important;
    min-width:106px!important;
    max-width:106px!important;
    height:159px!important;
    min-height:159px!important;
    max-height:159px!important;
    aspect-ratio:2/3!important;
    border-radius:11px!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    transform:none!important;
    box-shadow:0 12px 30px rgba(0,0,0,.56)!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide:not(.active),
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide:not(.active){
    transform:none!important;
    opacity:1!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide.active,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.active{
    transform:none!important;
    box-shadow:0 14px 36px rgba(0,0,0,.62),0 0 0 1px rgba(255,205,80,.24)!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide img,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-new-episode-badge,
  body:not(.watch-mode):not(.search-mode) .hero .hero-new-episode-badge{
    left:7px!important;
    right:7px!important;
    bottom:7px!important;
    min-height:22px!important;
    padding:4px 6px!important;
    border-radius:999px!important;
    font-size:9px!important;
    line-height:1.05!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-carousel-dots,
  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-dots{
    top:166px!important;
    bottom:auto!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    z-index:9!important;
  }

  /* Text block starts under the poster row, not over it. */
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-content,
  body:not(.watch-mode):not(.search-mode) .hero .hero-content{
    left:max(16px,var(--safe-left))!important;
    right:max(16px,var(--safe-right))!important;
    top:calc(264px + var(--safe-top,0px))!important;
    bottom:auto!important;
    max-width:none!important;
    z-index:9!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:7px!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-content .badge,
  body:not(.watch-mode):not(.search-mode) main > .hero .badge,
  body:not(.watch-mode):not(.search-mode) .hero .hero-content .badge,
  body:not(.watch-mode):not(.search-mode) .hero .badge{
    margin:0!important;
    max-width:calc(100vw - 32px)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:11px!important;
    line-height:1!important;
    padding:7px 12px!important;
    border-radius:999px!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-title,
  body:not(.watch-mode):not(.search-mode) .hero .hero-title{
    width:100%!important;
    max-width:calc(100vw - 32px)!important;
    font-size:29px!important;
    line-height:1.04!important;
    margin:0!important;
    letter-spacing:.01em!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-meta,
  body:not(.watch-mode):not(.search-mode) .hero .hero-meta{
    margin:0!important;
    font-size:12px!important;
    line-height:1.25!important;
    gap:7px!important;
    flex-wrap:wrap!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-desc,
  body:not(.watch-mode):not(.search-mode) .hero .hero-desc{
    margin:0!important;
    font-size:12px!important;
    line-height:1.32!important;
    max-width:100%!important;
    display:-webkit-box!important;
    -webkit-line-clamp:1!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-actions,
  body:not(.watch-mode):not(.search-mode) .hero .hero-actions{
    width:100%!important;
    margin-top:4px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-actions .play-btn,
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-actions .more-btn,
  body:not(.watch-mode):not(.search-mode) .hero .hero-actions .play-btn,
  body:not(.watch-mode):not(.search-mode) .hero .hero-actions .more-btn{
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 10px!important;
    border-radius:9px!important;
    font-size:13px!important;
    justify-content:center!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .content,
  body:not(.watch-mode):not(.search-mode) .content{
    margin-top:0!important;
    padding-top:16px!important;
  }
}


/* === CINEGO WEB V347: MOBILE HERO TIGHT UNDER LOGO + SMALL SLIDE BOX ===
   Scope: phone web + Android WebView only. Desktop/admin/player/Firebase untouched.
   Request: move the latest-episode slide box closer to the logo, reduce empty black gap,
   and make the carousel box only slightly taller than the poster cards. */
@media (max-width:700px){
  body:not(.watch-mode):not(.search-mode) main > .hero,
  body:not(.watch-mode):not(.search-mode) .hero{
    margin-top:0!important;
    height:405px!important;
    min-height:405px!important;
    max-height:405px!important;
    overflow:hidden!important;
  }

  /* Pull the slide rail up directly under the logo/header. */
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-carousel,
  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:calc(60px + var(--safe-top,0px))!important;
    bottom:auto!important;
    width:100%!important;
    height:164px!important;
    min-height:164px!important;
    max-height:164px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:0!important;
    z-index:8!important;
    pointer-events:auto!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-carousel-viewport,
  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-viewport{
    width:100%!important;
    height:164px!important;
    min-height:164px!important;
    max-height:164px!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    touch-action:pan-x!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-carousel-track,
  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-track{
    height:160px!important;
    min-height:160px!important;
    max-height:160px!important;
    padding:0 14px!important;
    margin:0!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:10px!important;
  }

  /* Card stays clean; surrounding slide box is only a few pixels taller. */
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide,
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide.active,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.active{
    flex:0 0 104px!important;
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
    height:156px!important;
    min-height:156px!important;
    max-height:156px!important;
    aspect-ratio:2/3!important;
    border-radius:10px!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    transform:none!important;
    box-shadow:0 10px 24px rgba(0,0,0,.52)!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide.active,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.active{
    transform:none!important;
    box-shadow:0 12px 28px rgba(0,0,0,.58),0 0 0 1px rgba(255,205,80,.20)!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-car-btn,
  body:not(.watch-mode):not(.search-mode) main > .hero #hero-car-prev,
  body:not(.watch-mode):not(.search-mode) main > .hero #hero-car-next,
  body:not(.watch-mode):not(.search-mode) .hero .hero-car-btn,
  body:not(.watch-mode):not(.search-mode) .hero #hero-car-prev,
  body:not(.watch-mode):not(.search-mode) .hero #hero-car-next{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-new-episode-badge,
  body:not(.watch-mode):not(.search-mode) .hero .hero-new-episode-badge{
    left:6px!important;
    right:6px!important;
    bottom:6px!important;
    min-height:20px!important;
    padding:3px 6px!important;
    font-size:8.5px!important;
    line-height:1.05!important;
    border-radius:999px!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-carousel-dots,
  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-dots{
    top:158px!important;
    bottom:auto!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    z-index:9!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-content,
  body:not(.watch-mode):not(.search-mode) .hero .hero-content{
    top:calc(232px + var(--safe-top,0px))!important;
    bottom:auto!important;
    left:max(16px,var(--safe-left))!important;
    right:max(16px,var(--safe-right))!important;
    max-width:none!important;
    gap:6px!important;
    z-index:9!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-title,
  body:not(.watch-mode):not(.search-mode) .hero .hero-title{
    font-size:28px!important;
    line-height:1.03!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-actions .play-btn,
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-actions .more-btn,
  body:not(.watch-mode):not(.search-mode) .hero .hero-actions .play-btn,
  body:not(.watch-mode):not(.search-mode) .hero .hero-actions .more-btn{
    height:40px!important;
    min-height:40px!important;
  }
}


/* === CINEGO WEB V423: trailer marker color/style only - fullscreen logic untouched === */
.cinema-stage-subtitle{
  color:var(--cinego-stage-subtitle-color,#fff)!important;
  -webkit-text-fill-color:var(--cinego-stage-subtitle-color,#fff)!important;
}
.cinema-stage-subtitle[data-cinego-cue-kind="song"]{
  font-style:italic!important;
}
.cinema-stage-subtitle[data-cinego-cue-kind="impact"]{
  font-weight:950!important;
  text-shadow:0 2px 2px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.55)!important;
}
.cinema-stage-subtitle[data-cinego-cue-kind="whisper"]{
  font-style:italic!important;
  opacity:.94!important;
}

/* === CINEGO WEB V427: trailer VTT marker classes only; fullscreen/autoplay/owner logic unchanged === */
.cinego-trailer-subtitle {
  color: #ffe6a3 !important;
  font-weight: 800;
  line-height: 1.18;
  text-align: center;
  white-space: pre-line;
  text-shadow:
    0 2px 4px rgba(0,0,0,.98),
    0 0 10px rgba(0,0,0,.9),
    0 0 22px rgba(0,0,0,.78);
}

.cinego-sub-gold {
  color: #ffe6a3 !important;
}

.cinego-sub-yellow {
  color: #fff04a !important;
  text-shadow:
    0 2px 4px rgba(0,0,0,.98),
    0 0 12px rgba(255,230,80,.55),
    0 0 26px rgba(255,210,40,.35);
}

.cinego-sub-green {
  color: #54ff78 !important;
  text-shadow:
    0 2px 4px rgba(0,0,0,.98),
    0 0 12px rgba(60,255,110,.65),
    0 0 28px rgba(60,255,110,.35);
}

.cinego-sub-red {
  color: #ff4f4f !important;
  text-shadow:
    0 2px 4px rgba(0,0,0,.98),
    0 0 12px rgba(255,40,40,.62),
    0 0 28px rgba(255,30,30,.36);
}

.cinego-sub-orange {
  color: #ffb347 !important;
  text-shadow:
    0 2px 4px rgba(0,0,0,.98),
    0 0 10px rgba(255,150,40,.5),
    0 0 22px rgba(255,130,20,.28);
}

.cinego-sub-cyan {
  color: #6eeeff !important;
  text-shadow:
    0 2px 4px rgba(0,0,0,.98),
    0 0 12px rgba(90,230,255,.58),
    0 0 28px rgba(90,230,255,.32);
}

.cinego-sub-song {
  color: #fff4bf !important;
  font-style: italic;
  font-weight: 750;
  top: 8% !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
}

.cinego-sub-impact {
  font-weight: 950;
  letter-spacing: .045em;
  text-transform: uppercase;
  font-size: clamp(24px, 4.2vw, 54px);
  top: 58% !important;
  bottom: auto !important;
  transform: translateX(-50%) scale(1.06) !important;
}


/* === CINEGO WEB V429: trailer subtitle Cyrillic font/readability only; no logic change === */
.cinego-trailer-subtitle {
  font-family:
    Arial,
    "Segoe UI",
    "Noto Sans",
    "Roboto",
    sans-serif !important;

  font-weight: 800;
  font-synthesis: none;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cinego-trailer-subtitle.cinego-sub-impact {
  font-family:
    Arial,
    "Segoe UI",
    "Noto Sans",
    "Roboto",
    sans-serif !important;

  text-transform: none !important;
  font-weight: 900;
  letter-spacing: .025em;
}

.cinego-trailer-subtitle.cinego-sub-song {
  font-family:
    Arial,
    "Segoe UI",
    "Noto Sans",
    "Roboto",
    sans-serif !important;

  font-style: normal !important;
}

/* === CINEGO WEB V430: trailer subtitle Cyrillic font fallback refine only; no logic change === */
.cinego-trailer-subtitle {
  font-family:
    "Segoe UI",
    Tahoma,
    "Arial Unicode MS",
    Arial,
    sans-serif !important;
  font-weight: 700 !important;
  font-synthesis: none !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  letter-spacing: .003em;
}

.cinego-trailer-subtitle.cinego-sub-impact {
  font-family:
    "Segoe UI",
    Tahoma,
    "Arial Unicode MS",
    Arial,
    sans-serif !important;
  text-transform: none !important;
  font-weight: 800 !important;
  letter-spacing: .015em !important;
}

.cinego-trailer-subtitle.cinego-sub-song {
  font-family:
    "Segoe UI",
    Tahoma,
    "Arial Unicode MS",
    Arial,
    sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
}


/* === CINEGO WEB V431: trailer burned-in subtitle readability ribbon only; CSS-only, no logic change === */
.cinego-trailer-subtitle {
  position: relative;
  display: inline-block;
  box-sizing: border-box;

  min-width: min(70vw, 820px);
  max-width: min(88vw, 960px);

  padding: 8px 18px;
  border-radius: 14px;

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,0.00) 0%,
      rgba(0,0,0,0.62) 9%,
      rgba(0,0,0,0.72) 50%,
      rgba(0,0,0,0.62) 91%,
      rgba(0,0,0,0.00) 100%
    ) !important;

  -webkit-backdrop-filter: blur(4px) brightness(.78);
  backdrop-filter: blur(4px) brightness(.78);

  text-align: center;
  white-space: pre-line;

  text-shadow:
    0 2px 4px rgba(0,0,0,.98),
    0 0 10px rgba(0,0,0,.90),
    0 0 22px rgba(0,0,0,.72);
}

.cinego-trailer-subtitle.cinego-sub-impact {
  min-width: auto;
  background:
    radial-gradient(
      ellipse at center,
      rgba(0,0,0,0.52) 0%,
      rgba(0,0,0,0.34) 54%,
      rgba(0,0,0,0.00) 100%
    ) !important;

  -webkit-backdrop-filter: blur(2px) brightness(.86);
  backdrop-filter: blur(2px) brightness(.86);
}

@media (max-width: 640px) {
  .cinego-trailer-subtitle {
    min-width: 82vw;
    max-width: 92vw;
    padding: 7px 12px;
    border-radius: 12px;
  }

  .cinego-trailer-subtitle.cinego-sub-impact {
    min-width: auto;
    max-width: 92vw;
  }
}

/* ===== /assets/cinego-app.v20260609-v432_trailer_subtitle_warm_white_color_only.css ===== */
/* === CINEGO WEB V432: trailer subtitle warm white / gold color adjustment only; CSS-only, no logic change === */
.cinego-trailer-subtitle {
  color: #f4f1e8 !important;
}

.cinego-sub-gold {
  color: #e8c982 !important;
}

.cinego-sub-yellow {
  color: #fff04a !important;
}

/* ===== /assets/cinego-app.v20260609-v436_trailer_subtitle_public_style_lock.css ===== */
/* === CINEGO WEB V436: trailer marker subtitle public style lock only ===
   Locks marker-enabled trailer subtitle font/size/readability so VTT inline
   <i>/<b>/<font>/<span> or saved admin font style cannot deform public text. */
.cinego-trailer-subtitle {
  font-family: "Segoe UI", Tahoma, "Arial Unicode MS", Arial, sans-serif !important;
  color: #f4f1e8 !important;
  font-style: normal !important;
  font-synthesis: none !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  white-space: pre-line !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  overflow: visible !important;
  max-height: none !important;
}

.cinego-trailer-subtitle i,
.cinego-trailer-subtitle em,
.cinego-trailer-subtitle b,
.cinego-trailer-subtitle strong,
.cinego-trailer-subtitle span {
  font-family: inherit !important;
  font-style: normal !important;
  font-weight: inherit !important;
  font-size: inherit !important;
  letter-spacing: inherit !important;
}

.cinego-trailer-subtitle.cinego-sub-gold { color: #e8c982 !important; }
.cinego-trailer-subtitle.cinego-sub-yellow { color: #fff04a !important; }
.cinego-trailer-subtitle.cinego-sub-green { color: #54ff78 !important; }
.cinego-trailer-subtitle.cinego-sub-red { color: #ff4f4f !important; }
.cinego-trailer-subtitle.cinego-sub-orange { color: #ffb347 !important; }
.cinego-trailer-subtitle.cinego-sub-cyan { color: #6eeeff !important; }

.cinego-trailer-subtitle.cinego-sub-song {
  font-style: normal !important;
  font-weight: 720 !important;
}

.cinego-trailer-subtitle.cinego-sub-impact {
  text-transform: none !important;
  font-style: normal !important;
  letter-spacing: .018em !important;
}

/* ===== /assets/cinego-app.v20260609-v437_trailer_subtitle_public_match_admin.css ===== */
/* === CINEGO WEB V437: public trailer subtitle match admin preview only ===
   Public marker subtitles no longer force a separate large ribbon/font layout.
   Saved admin percent style controls size/position/background; markers only affect color. */
[data-cinema-stage-subtitle].cinego-trailer-subtitle {
  font-family: "Segoe UI", Tahoma, "Arial Unicode MS", Arial, sans-serif !important;
  font-synthesis: none !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  white-space: pre-line !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Neutralize older v431 public-only ribbon/min-width CSS if inline admin style has not run yet. */
[data-cinema-stage-subtitle].cinego-trailer-subtitle:not(.show) {
  min-width: 0 !important;
}

[data-cinema-stage-subtitle].cinego-sub-gold { color: #e8c982 !important; }
[data-cinema-stage-subtitle].cinego-sub-yellow { color: #fff04a !important; }
[data-cinema-stage-subtitle].cinego-sub-green { color: #54ff78 !important; }
[data-cinema-stage-subtitle].cinego-sub-red { color: #ff4f4f !important; }
[data-cinema-stage-subtitle].cinego-sub-orange { color: #ffb347 !important; }
[data-cinema-stage-subtitle].cinego-sub-cyan { color: #6eeeff !important; }

/* ===== /assets/cinego-app.v20260609-v448_hero_header_gap_fill_cards.css ===== */
/* CINEGO WEB V442 — from v438/v441 stable.
   Keeps old hero slide/card behavior. Only: hero desc lifted, carousel/top gap tightened,
   Browse menu reduced to 3 drama genres, premium title still smaller. */

@media (min-width: 901px){
  body:not(.watch-mode):not(.search-mode) .hero{
    /* reduce black empty space above hero carousel/cards */
    height:clamp(268px,33vh,342px)!important;
    min-height:268px!important;
    max-height:342px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-content{
    left:42px!important;
    bottom:38px!important;
    max-width:min(760px,51vw)!important;
    width:min(760px,51vw)!important;
    display:grid!important;
    grid-template-columns:minmax(250px,330px) minmax(260px,1fr)!important;
    grid-template-areas:
      "badge desc"
      "title desc"
      "meta  desc"
      "actions desc"!important;
    column-gap:24px!important;
    align-items:end!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-content .badge{
    grid-area:badge!important;
    width:max-content!important;
    margin:0 0 7px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-title{
    grid-area:title!important;
    font-size:clamp(23px,2.35vw,32px)!important;
    line-height:1.04!important;
    max-width:330px!important;
    margin:0 0 7px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-meta{
    grid-area:meta!important;
    margin:0 0 12px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-actions{
    grid-area:actions!important;
    margin:0!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-desc{
    grid-area:desc!important;
    align-self:start!important;
    max-width:360px!important;
    margin:34px 0 0!important;
    padding-left:16px!important;
    border-left:1px solid rgba(255,203,71,.24)!important;
    font-size:12.5px!important;
    line-height:1.38!important;
    color:rgba(244,244,244,.82)!important;
    text-shadow:0 2px 12px rgba(0,0,0,.86)!important;
    display:-webkit-box!important;
    -webkit-line-clamp:4!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  /* Keep v438 flat carousel, only pull it upward to reduce the top black gap. */
  body:not(.watch-mode):not(.search-mode) .hero-carousel{
    transform:translateY(-34px)!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-carousel-dots{
    bottom:10px!important;
  }

  /* Browse mega menu: only three drama genre choices. */
  .category-mega{
    width:auto!important;
    min-width:440px!important;
    max-width:min(560px,calc(100vw - 32px))!important;
    grid-template-columns:repeat(3,minmax(120px,1fr))!important;
    gap:0!important;
    padding:10px!important;
  }
  .category-mega .cat-item{
    min-height:42px!important;
    padding:10px 14px!important;
    border-radius:7px!important;
    white-space:nowrap!important;
  }

  /* Premium Digital Cinema title 20% smaller. */
  body:not(.watch-mode):not(.search-mode) .cinego-cinema-theater .cinema-mini-meta b,
  body:not(.watch-mode):not(.search-mode) .rental-card-title,
  body:not(.watch-mode):not(.search-mode) .rental-card b{
    font-size:10.5px!important;
    line-height:1.14!important;
    letter-spacing:-.01em!important;
  }
}

@media (min-width: 901px) and (max-width: 1360px){
  body:not(.watch-mode):not(.search-mode) .hero{
    height:clamp(258px,32vh,324px)!important;
    min-height:258px!important;
    max-height:324px!important;
  }
  body:not(.watch-mode):not(.search-mode) .hero-content{
    max-width:min(640px,52vw)!important;
    width:min(640px,52vw)!important;
    grid-template-columns:minmax(220px,300px) minmax(240px,1fr)!important;
    column-gap:18px!important;
  }
  body:not(.watch-mode):not(.search-mode) .hero-desc{
    max-width:320px!important;
    margin-top:30px!important;
    -webkit-line-clamp:3!important;
  }
  body:not(.watch-mode):not(.search-mode) .hero-title{
    font-size:clamp(22px,2.14vw,30px)!important;
    max-width:300px!important;
  }
  body:not(.watch-mode):not(.search-mode) .hero-carousel{
    transform:translateY(-32px)!important;
  }
}

@media (max-width: 900px){
  /* Mobile stays close to stable v438 layout; only slightly reduce huge title. */
  body:not(.watch-mode):not(.search-mode) .hero-title{
    font-size:clamp(24px,7vw,30px)!important;
  }
  .category-mega{
    grid-template-columns:1fr!important;
    max-height:45vh!important;
  }
}

/* === CINEGO WEB V448: TRUE HERO HEADER GAP FILL WITH CARD RAIL ===
   Base: v442 stable. Do not change fullscreen/autoplay/subtitle logic.
   Actual issue: on mobile/tablet the rail was placed with top:60px/70px inside the hero,
   so a black band remained between fixed header and poster rail. Fill that band by pinning
   the poster rail near the top of the hero and moving the text block just below it. */

@media (min-width: 901px){
  body:not(.watch-mode):not(.search-mode) .hero{
    height:clamp(248px,30vh,312px)!important;
    min-height:248px!important;
    max-height:312px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-carousel{
    top:6px!important;
    bottom:auto!important;
    height:218px!important;
    min-height:218px!important;
    max-height:218px!important;
    padding:0 34px 0 0!important;
    margin:0!important;
    align-items:flex-start!important;
    transform:none!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-carousel-viewport{
    height:218px!important;
    min-height:218px!important;
    max-height:218px!important;
    align-items:flex-start!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-carousel-track{
    height:208px!important;
    min-height:208px!important;
    max-height:208px!important;
    padding:0 4px!important;
    align-items:flex-start!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-carousel-dots{
    bottom:4px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-content{
    bottom:34px!important;
  }
}

@media (min-width: 701px) and (max-width: 900px){
  body:not(.watch-mode):not(.search-mode) .hero{
    margin-top:0!important;
    height:385px!important;
    min-height:385px!important;
    max-height:385px!important;
    overflow:hidden!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:8px!important;
    bottom:auto!important;
    width:100%!important;
    height:172px!important;
    min-height:172px!important;
    max-height:172px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    transform:none!important;
    z-index:8!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-viewport{
    height:172px!important;
    min-height:172px!important;
    max-height:172px!important;
    align-items:flex-start!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-track{
    height:168px!important;
    min-height:168px!important;
    max-height:168px!important;
    padding:0 14px!important;
    margin:0!important;
    align-items:flex-start!important;
    gap:12px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-slide,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.active{
    flex:0 0 108px!important;
    width:108px!important;
    min-width:108px!important;
    max-width:108px!important;
    height:162px!important;
    min-height:162px!important;
    max-height:162px!important;
    aspect-ratio:2/3!important;
    opacity:1!important;
    filter:none!important;
    transform:none!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-dots{
    top:164px!important;
    bottom:auto!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-content{
    top:198px!important;
    bottom:auto!important;
    left:max(16px,var(--safe-left))!important;
    right:max(16px,var(--safe-right))!important;
    max-width:none!important;
    z-index:9!important;
  }
}

@media (max-width: 700px){
  body:not(.watch-mode):not(.search-mode) .hero{
    margin-top:0!important;
    height:365px!important;
    min-height:365px!important;
    max-height:365px!important;
    overflow:hidden!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:6px!important;
    bottom:auto!important;
    width:100%!important;
    height:164px!important;
    min-height:164px!important;
    max-height:164px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    transform:none!important;
    z-index:8!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-viewport{
    height:164px!important;
    min-height:164px!important;
    max-height:164px!important;
    align-items:flex-start!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-track{
    height:160px!important;
    min-height:160px!important;
    max-height:160px!important;
    padding:0 10px!important;
    margin:0!important;
    align-items:flex-start!important;
    gap:10px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-slide,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.active{
    flex:0 0 104px!important;
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
    height:156px!important;
    min-height:156px!important;
    max-height:156px!important;
    aspect-ratio:2/3!important;
    opacity:1!important;
    filter:none!important;
    transform:none!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-dots{
    top:157px!important;
    bottom:auto!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-content{
    top:188px!important;
    bottom:auto!important;
    left:max(16px,var(--safe-left))!important;
    right:max(16px,var(--safe-right))!important;
    max-width:none!important;
    z-index:9!important;
  }
}

/* ===== /assets/cinego-app.v20260609-v449_global_arial_cyrillic_font.css ===== */
/* CINEGO WEB V449 — Global Arial Cyrillic font/readability override.
   Base: v448. CSS-only: do not touch fullscreen/autoplay/subtitle owner/native track logic. */
:root{
  --cinego-cyrillic-ui-font: Arial, "Segoe UI", Tahoma, "Noto Sans", Roboto, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
.nav-link,
.search-pill,
.search-pill input,
.badge,
.hero-title,
.hero-meta,
.hero-desc,
.hero-actions,
.hero-actions button,
.section-title,
.card,
.card *,
.movie-card,
.movie-card *,
.category-mega,
.category-mega *,
.cinema-stage-content,
.cinema-stage-content *,
.cinema-cta,
.cinema-info,
.cinego-cinema-theater,
.cinego-cinema-theater *:not(.ti):not([class^="ti-"]):not([class*=" ti-"]),
.cinema-mini-meta,
.cinema-mini-meta b,
.cinema-mini-meta em,
.rental-card,
.rental-card *,
.rental-card-title,
.login-screen,
.login-screen *:not(.ti):not([class^="ti-"]):not([class*=" ti-"]),
.modal,
.modal *:not(.ti):not([class^="ti-"]):not([class*=" ti-"]),
.profile-menu,
.profile-menu *:not(.ti):not([class^="ti-"]):not([class*=" ti-"]),
.watch-page,
.watch-page *:not(.ti):not([class^="ti-"]):not([class*=" ti-"]),
.bottom-nav,
.bottom-nav *:not(.ti):not([class^="ti-"]):not([class*=" ti-"]){
  font-family: var(--cinego-cyrillic-ui-font) !important;
  font-synthesis: none !important;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Keep Tabler icon font from being overwritten by global UI font. */
.ti,
[class^="ti-"],
[class*=" ti-"]{
  font-family: "tabler-icons" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

/* Rental/premium badges: small bold Mongolian letters such as Ү/Ө should stay clean. */
.cinema-cta,
.cinema-info,
.cinema-mini-meta,
.cinema-mini-meta b,
.cinema-mini-meta em,
.cinego-cinema-theater .badge,
.cinego-cinema-theater .rental-card-title,
.cinego-cinema-theater .rental-card b{
  font-family: Arial, "Segoe UI", Tahoma, "Noto Sans", sans-serif !important;
  letter-spacing: 0 !important;
  font-synthesis: none !important;
}

/* ===== /assets/cinego-app.v20260609-v450_hero_text_card_align_no_overlap.css ===== */
/* CINEGO WEB v450 — hero text/card no-overlap align patch
   Base: v449/v448. Do not touch trailer fullscreen/autoplay/subtitle logic.
   Fixes the real visual issue: left text+side description was too wide and overlapped the poster rail.
   Poster rail now fills the header gap from the top, while text/description starts near the card top. */

@media (min-width: 901px){
  body:not(.watch-mode):not(.search-mode) .hero{
    margin-top:64px!important;
    height:clamp(252px,30vh,318px)!important;
    min-height:252px!important;
    max-height:318px!important;
    overflow:hidden!important;
  }

  /* Keep the old flat slide style, but make the rail start near the top of the hero.
     Width starts after the safe left text lane, so text and cards do not overlap. */
  body:not(.watch-mode):not(.search-mode) .hero-carousel{
    position:absolute!important;
    top:2px!important;
    bottom:auto!important;
    right:0!important;
    width:calc(100% - 690px)!important;
    min-width:560px!important;
    height:232px!important;
    min-height:232px!important;
    max-height:232px!important;
    padding:0 30px 0 0!important;
    margin:0!important;
    display:flex!important;
    align-items:flex-start!important;
    transform:none!important;
    z-index:2!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-carousel-viewport{
    height:232px!important;
    min-height:232px!important;
    max-height:232px!important;
    display:flex!important;
    align-items:flex-start!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-carousel-track{
    height:224px!important;
    min-height:224px!important;
    max-height:224px!important;
    padding:4px 4px 0!important;
    margin:0!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:clamp(12px,1.45vw,24px)!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-carousel-dots{
    top:214px!important;
    bottom:auto!important;
  }

  /* Text lane: title and Bunny/API description sit beside each other,
     lifted to the top level of the poster rail, but kept inside a fixed lane. */
  body:not(.watch-mode):not(.search-mode) .hero-content{
    position:absolute!important;
    left:38px!important;
    top:70px!important;
    bottom:auto!important;
    width:min(620px,36.5vw)!important;
    max-width:min(620px,36.5vw)!important;
    display:grid!important;
    grid-template-columns:minmax(235px,300px) minmax(220px,1fr)!important;
    grid-template-areas:
      "badge desc"
      "title desc"
      "meta  desc"
      "actions desc"!important;
    column-gap:18px!important;
    align-items:start!important;
    z-index:5!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-content .badge{
    grid-area:badge!important;
    align-self:start!important;
    width:max-content!important;
    margin:0 0 8px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-title{
    grid-area:title!important;
    font-size:clamp(22px,2.05vw,31px)!important;
    line-height:1.04!important;
    max-width:300px!important;
    margin:0 0 7px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-meta{
    grid-area:meta!important;
    margin:0 0 10px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-actions{
    grid-area:actions!important;
    margin:0!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-desc{
    grid-area:desc!important;
    align-self:start!important;
    max-width:280px!important;
    margin:32px 0 0!important;
    padding-left:14px!important;
    border-left:1px solid rgba(255,203,71,.25)!important;
    font-size:12px!important;
    line-height:1.36!important;
    color:rgba(244,244,244,.84)!important;
    text-shadow:0 2px 12px rgba(0,0,0,.88)!important;
    display:-webkit-box!important;
    -webkit-line-clamp:4!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
}

@media (min-width: 901px) and (max-width: 1360px){
  body:not(.watch-mode):not(.search-mode) .hero-carousel{
    width:calc(100% - 600px)!important;
    min-width:480px!important;
    height:212px!important;
    min-height:212px!important;
    max-height:212px!important;
    padding-right:22px!important;
  }
  body:not(.watch-mode):not(.search-mode) .hero-carousel-viewport{
    height:212px!important;
    min-height:212px!important;
    max-height:212px!important;
  }
  body:not(.watch-mode):not(.search-mode) .hero-carousel-track{
    height:206px!important;
    min-height:206px!important;
    max-height:206px!important;
    gap:clamp(10px,1.2vw,18px)!important;
  }
  body:not(.watch-mode):not(.search-mode) .hero-carousel-dots{
    top:198px!important;
  }
  body:not(.watch-mode):not(.search-mode) .hero-content{
    left:34px!important;
    top:68px!important;
    width:540px!important;
    max-width:540px!important;
    grid-template-columns:minmax(220px,270px) minmax(210px,250px)!important;
    column-gap:16px!important;
  }
  body:not(.watch-mode):not(.search-mode) .hero-title{
    font-size:clamp(21px,2vw,29px)!important;
    max-width:270px!important;
  }
  body:not(.watch-mode):not(.search-mode) .hero-desc{
    max-width:250px!important;
    font-size:11.8px!important;
    -webkit-line-clamp:4!important;
  }
}

/* On tablet/mobile, keep v448's stacked layout; only prevent card/text overlap. */
@media (max-width: 900px){
  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel{
    z-index:4!important;
  }
  body:not(.watch-mode):not(.search-mode) .hero .hero-content{
    z-index:6!important;
  }
}

/* ===== /assets/cinego-app.v20260609-v451_hero_text_lift_only.css ===== */
/* CINEGO WEB v451 — lift hero title + side description only
   Base: v450. Do not touch slide/card, trailer fullscreen/autoplay/subtitle logic.
   User requested the visible hero text block to move upward to align closer with the top of the card rail. */

@media (min-width: 901px){
  body:not(.watch-mode):not(.search-mode) .hero-content{
    top:40px!important;
    bottom:auto!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-desc{
    margin-top:30px!important;
  }
}

@media (min-width: 901px) and (max-width: 1360px){
  body:not(.watch-mode):not(.search-mode) .hero-content{
    top:38px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-desc{
    margin-top:28px!important;
  }
}

/* ===== /assets/cinego-app.v20260609-v452_hero_cards_lower_arrow_center.css ===== */
/* CINEGO WEB v452 — hero cards slightly lower + arrows centered
   Base: v451. Do not touch slide logic, fullscreen, autoplay, subtitle owner, or JS.
   Only adjusts the visible hero poster rail vertical position and carousel arrows. */

@media (min-width: 901px){
  body:not(.watch-mode):not(.search-mode) .hero-carousel{
    top:18px!important;
    bottom:auto!important;
    align-items:flex-start!important;
    transform:none!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-carousel-viewport{
    align-items:flex-start!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-carousel-track{
    align-items:flex-start!important;
    padding-top:0!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-car-btn{
    align-self:center!important;
    margin-top:0!important;
    margin-bottom:0!important;
    transform:none!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-carousel-dots{
    bottom:2px!important;
  }
}

@media (min-width: 901px) and (max-width: 1360px){
  body:not(.watch-mode):not(.search-mode) .hero-carousel{
    top:16px!important;
  }
}

/* ===== /assets/cinego-app.v20260609-v455_detail_meta_runtime_genre.css ===== */
/* CINEGO v455: public detail meta / overview wording polish */
.detail-meta .detail-genre-line{
  flex: 0 0 100%;
  display: block;
  margin-top: 6px;
  color: rgba(255,255,255,.96);
  line-height: 1.35;
  font-size: 14px;
}
.detail-meta .detail-genre-line b{
  color: #ffd25a;
  font-weight: 900;
  margin-right: 4px;
}
.detail-overview-label{
  font-weight: 900;
}

/* ===== /assets/cinego-app.v20260609-v461_hero_desc_bigger_title_smaller.css ===== */
/* CINEGO WEB v461 — hero description bigger + large hero title 20% smaller
   Base: v460. CSS only. Do not touch trailer fullscreen/autoplay/subtitle logic. */

@media (min-width: 901px){
  body:not(.watch-mode):not(.search-mode) .hero-title{
    font-size:clamp(18px,1.65vw,25px)!important;
    line-height:1.06!important;
    letter-spacing:-.015em!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-desc{
    font-size:13.8px!important;
    line-height:1.44!important;
    max-width:300px!important;
    color:rgba(246,246,246,.92)!important;
    -webkit-line-clamp:4!important;
  }
}

@media (min-width: 901px) and (max-width: 1360px){
  body:not(.watch-mode):not(.search-mode) .hero-title{
    font-size:clamp(17px,1.6vw,23px)!important;
    max-width:250px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-desc{
    font-size:13.2px!important;
    line-height:1.42!important;
    max-width:265px!important;
  }
}

@media (max-width: 900px){
  body:not(.watch-mode):not(.search-mode) .hero-title{
    font-size:clamp(22px,6.4vw,29px)!important;
    line-height:1.06!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero-desc{
    font-size:13px!important;
    line-height:1.42!important;
  }
}

/* ===== /assets/cinego-app.v20260609-v463_mobile_hero_fullwidth_active_card_fix.css ===== */
/* CINEGO WEB v463 — mobile hero rail real viewport fit + active card restored
   Base: v461. CSS only. Does not touch trailer fullscreen/autoplay/subtitle/native track.
   Fixes the phone hero poster rail box: the rail itself fits the visible phone width,
   cards flow inside it, active card remains larger, badge text fits, and description stays visible. */

@media (max-width: 900px){
  body:not(.watch-mode):not(.search-mode) .hero{
    overflow:hidden!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:8px!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    transform:none!important;
    z-index:8!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-viewport{
    flex:1 1 auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0!important;
    margin:0!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-track{
    width:max-content!important;
    max-width:none!important;
    min-width:max-content!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0!important;
    will-change:transform!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-slide,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.active{
    position:relative!important;
    flex:0 0 auto!important;
    aspect-ratio:2/3!important;
    border-radius:9px!important;
    overflow:hidden!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    background:#101015!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-slide:not(.active){
    transform:scale(.92)!important;
    opacity:.92!important;
    z-index:1!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.active{
    transform:scale(1.08)!important;
    opacity:1!important;
    z-index:4!important;
    box-shadow:0 18px 42px rgba(0,0,0,.62),0 0 0 1px rgba(255,205,77,.34)!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-slide img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-new-episode-badge{
    left:6px!important;
    right:6px!important;
    bottom:7px!important;
    height:21px!important;
    min-height:21px!important;
    max-height:21px!important;
    box-sizing:border-box!important;
    padding:3px 6px!important;
    border-radius:999px!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-new-episode-badge .ti,
  body:not(.watch-mode):not(.search-mode) .hero .hero-new-episode-badge i{
    font-size:8px!important;
    width:8px!important;
    min-width:8px!important;
    flex:0 0 8px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-dots{
    left:50%!important;
    transform:translateX(-50%)!important;
    bottom:auto!important;
    z-index:10!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-content{
    position:absolute!important;
    left:max(14px,var(--safe-left))!important;
    right:max(14px,var(--safe-right))!important;
    bottom:auto!important;
    max-width:none!important;
    width:auto!important;
    z-index:9!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-title{
    font-size:clamp(21px,6.2vw,27px)!important;
    line-height:1.05!important;
    margin:0 0 6px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-meta{
    font-size:11px!important;
    line-height:1.25!important;
    margin:0 0 7px!important;
    gap:7px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-desc{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    max-height:3.05em!important;
    margin:0 0 12px!important;
    font-size:12.2px!important;
    line-height:1.48!important;
    color:rgba(245,245,245,.9)!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .play-btn,
  body:not(.watch-mode):not(.search-mode) .hero .more-btn{
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    padding:0 10px!important;
    font-size:12px!important;
    justify-content:center!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-car-btn{
    display:none!important;
  }
}

@media (min-width:701px) and (max-width:900px){
  body:not(.watch-mode):not(.search-mode) .hero{
    height:450px!important;
    min-height:450px!important;
    max-height:450px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel{
    height:198px!important;
    min-height:198px!important;
    max-height:198px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-viewport{
    height:198px!important;
    min-height:198px!important;
    max-height:198px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-track{
    height:188px!important;
    min-height:188px!important;
    max-height:188px!important;
    gap:12px!important;
    padding:0 45vw!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-slide{
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    height:168px!important;
    min-height:168px!important;
    max-height:168px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.active{
    width:136px!important;
    min-width:136px!important;
    max-width:136px!important;
    height:204px!important;
    min-height:204px!important;
    max-height:204px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-dots{
    top:196px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-content{
    top:224px!important;
  }
}

@media (max-width:700px){
  body:not(.watch-mode):not(.search-mode) .hero{
    height:438px!important;
    min-height:438px!important;
    max-height:438px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel{
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-viewport{
    height:190px!important;
    min-height:190px!important;
    max-height:190px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-track{
    height:182px!important;
    min-height:182px!important;
    max-height:182px!important;
    gap:11px!important;
    padding:0 45vw!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-slide{
    width:100px!important;
    min-width:100px!important;
    max-width:100px!important;
    height:150px!important;
    min-height:150px!important;
    max-height:150px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.active{
    width:126px!important;
    min-width:126px!important;
    max-width:126px!important;
    height:189px!important;
    min-height:189px!important;
    max-height:189px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-dots{
    top:186px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-content{
    top:214px!important;
  }
}

@media (max-width:430px){
  body:not(.watch-mode):not(.search-mode) .hero{
    height:430px!important;
    min-height:430px!important;
    max-height:430px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel{
    height:178px!important;
    min-height:178px!important;
    max-height:178px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-viewport{
    height:178px!important;
    min-height:178px!important;
    max-height:178px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-track{
    height:170px!important;
    min-height:170px!important;
    max-height:170px!important;
    gap:9px!important;
    padding:0 44vw!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-slide{
    width:88px!important;
    min-width:88px!important;
    max-width:88px!important;
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.active{
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
    height:174px!important;
    min-height:174px!important;
    max-height:174px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-dots{
    top:174px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-content{
    top:200px!important;
  }

  body:not(.watch-mode):not(.search-mode) .hero .hero-new-episode-badge{
    font-size:7.4px!important;
    height:20px!important;
    min-height:20px!important;
    padding:3px 4px!important;
    letter-spacing:-.045em!important;
  }
}

/* ===== /assets/cinego-app.v20260609-v465_mobile_hero_content_visible_desc_expand.css ===== */
/* CINEGO WEB v464 — mobile hero rail: centered active card inside phone-width box
   Base: v463/v461. Only mobile hero carousel CSS + small JS class support.
   Fixes active movie info appearing while its poster is outside the visible phone rail.
   Does not touch trailer fullscreen, autoplay, subtitles, owner logic, native track, admin, or functions. */

@media (max-width: 700px){
  html, body{overflow-x:hidden!important;}

  body:not(.watch-mode):not(.search-mode) main > .hero,
  body:not(.watch-mode):not(.search-mode) .hero{
    height:452px!important;
    min-height:452px!important;
    max-height:452px!important;
    overflow:hidden!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero #hero-carousel,
  body:not(.watch-mode):not(.search-mode) .hero #hero-carousel,
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-carousel,
  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:calc(66px + var(--safe-top,0px))!important;
    bottom:auto!important;
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    height:204px!important;
    min-height:204px!important;
    max-height:204px!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    display:block!important;
    transform:none!important;
    z-index:8!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero #hero-carousel-viewport,
  body:not(.watch-mode):not(.search-mode) .hero #hero-carousel-viewport,
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-carousel-viewport,
  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-viewport{
    position:relative!important;
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    height:204px!important;
    min-height:204px!important;
    max-height:204px!important;
    overflow:hidden!important;
    padding:0!important;
    margin:0!important;
    display:block!important;
    box-sizing:border-box!important;
    perspective:none!important;
    touch-action:pan-x!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero #hero-carousel-track,
  body:not(.watch-mode):not(.search-mode) .hero #hero-carousel-track,
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-carousel-track,
  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-track{
    position:relative!important;
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    height:196px!important;
    min-height:196px!important;
    max-height:196px!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    display:block!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide,
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide.active,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.active{
    position:absolute!important;
    top:4px!important;
    left:50%!important;
    flex:none!important;
    aspect-ratio:2/3!important;
    border-radius:10px!important;
    overflow:hidden!important;
    opacity:0!important;
    filter:none!important;
    -webkit-filter:none!important;
    pointer-events:none!important;
    transition:transform .42s cubic-bezier(.2,.75,.18,1), opacity .32s ease, box-shadow .32s ease!important;
    background:#101015!important;
    box-sizing:border-box!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide.hero-mpos-0,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.hero-mpos-0{
    width:126px!important;
    min-width:126px!important;
    max-width:126px!important;
    height:189px!important;
    min-height:189px!important;
    max-height:189px!important;
    opacity:1!important;
    z-index:6!important;
    pointer-events:auto!important;
    transform:translateX(-50%) scale(1.04)!important;
    box-shadow:0 16px 40px rgba(0,0,0,.66),0 0 0 1px rgba(255,205,77,.42)!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide.hero-mpos-m1,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.hero-mpos-m1{
    width:104px!important;height:156px!important;opacity:.96!important;z-index:5!important;pointer-events:auto!important;
    transform:translateX(calc(-50% - 118px)) scale(.95)!important;
  }
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide.hero-mpos-p1,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.hero-mpos-p1{
    width:104px!important;height:156px!important;opacity:.96!important;z-index:5!important;pointer-events:auto!important;
    transform:translateX(calc(-50% + 118px)) scale(.95)!important;
  }
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide.hero-mpos-m2,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.hero-mpos-m2{
    width:96px!important;height:144px!important;opacity:.78!important;z-index:4!important;pointer-events:auto!important;
    transform:translateX(calc(-50% - 222px)) scale(.88)!important;
  }
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide.hero-mpos-p2,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.hero-mpos-p2{
    width:96px!important;height:144px!important;opacity:.78!important;z-index:4!important;pointer-events:auto!important;
    transform:translateX(calc(-50% + 222px)) scale(.88)!important;
  }
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide.hero-mpos-m3,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.hero-mpos-m3{
    width:88px!important;height:132px!important;opacity:.42!important;z-index:3!important;pointer-events:auto!important;
    transform:translateX(calc(-50% - 318px)) scale(.8)!important;
  }
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide.hero-mpos-p3,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.hero-mpos-p3{
    width:88px!important;height:132px!important;opacity:.42!important;z-index:3!important;pointer-events:auto!important;
    transform:translateX(calc(-50% + 318px)) scale(.8)!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide.hero-mpos-out,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.hero-mpos-out{
    opacity:0!important;
    pointer-events:none!important;
    transform:translateX(-50%) scale(.72)!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide img,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide img{
    width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-new-episode-badge,
  body:not(.watch-mode):not(.search-mode) .hero .hero-new-episode-badge{
    left:6px!important;right:6px!important;bottom:7px!important;height:21px!important;min-height:21px!important;max-height:21px!important;
    padding:3px 5px!important;border-radius:999px!important;font-size:8px!important;line-height:1!important;font-weight:950!important;
    letter-spacing:-.04em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-carousel-dots,
  body:not(.watch-mode):not(.search-mode) .hero .hero-carousel-dots{
    position:absolute!important;left:50%!important;top:194px!important;bottom:auto!important;transform:translateX(-50%)!important;z-index:12!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-content,
  body:not(.watch-mode):not(.search-mode) .hero .hero-content{
    top:calc(282px + var(--safe-top,0px))!important;
    bottom:auto!important;
    left:max(16px,var(--safe-left))!important;
    right:max(16px,var(--safe-right))!important;
    max-width:none!important;
    width:auto!important;
    z-index:9!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-title,
  body:not(.watch-mode):not(.search-mode) .hero .hero-title{
    font-size:clamp(22px,6.4vw,29px)!important;
    line-height:1.05!important;
    margin:0 0 6px!important;
  }
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-desc,
  body:not(.watch-mode):not(.search-mode) .hero .hero-desc{
    font-size:12.6px!important;line-height:1.42!important;-webkit-line-clamp:2!important;max-height:2.9em!important;margin:0 0 12px!important;
  }
}

@media (max-width: 430px){
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide.hero-mpos-0,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.hero-mpos-0{
    width:120px!important;height:180px!important;
  }
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide.hero-mpos-m1,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.hero-mpos-m1{
    width:98px!important;height:147px!important;transform:translateX(calc(-50% - 109px)) scale(.94)!important;
  }
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide.hero-mpos-p1,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.hero-mpos-p1{
    width:98px!important;height:147px!important;transform:translateX(calc(-50% + 109px)) scale(.94)!important;
  }
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide.hero-mpos-m2,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.hero-mpos-m2{
    width:88px!important;height:132px!important;transform:translateX(calc(-50% - 202px)) scale(.86)!important;
  }
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide.hero-mpos-p2,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.hero-mpos-p2{
    width:88px!important;height:132px!important;transform:translateX(calc(-50% + 202px)) scale(.86)!important;
  }
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide.hero-mpos-m3,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.hero-mpos-m3{
    width:78px!important;height:117px!important;transform:translateX(calc(-50% - 287px)) scale(.78)!important;
  }
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-slide.hero-mpos-p3,
  body:not(.watch-mode):not(.search-mode) .hero .hero-slide.hero-mpos-p3{
    width:78px!important;height:117px!important;transform:translateX(calc(-50% + 287px)) scale(.78)!important;
  }
}

/* CINEGO WEB v465 — mobile hero content visible + description expanded
   Base: v464 stable mobile centered active card rail.
   Fix: on phone, hero buttons were clipped under the next section and description area was too short.
   Only CSS layout adjustment. Does not touch trailer fullscreen/autoplay/subtitle/native track/admin/functions. */
@media (max-width: 700px){
  body:not(.watch-mode):not(.search-mode) main > .hero,
  body:not(.watch-mode):not(.search-mode) .hero{
    height:560px!important;
    min-height:560px!important;
    max-height:560px!important;
    overflow:hidden!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-content,
  body:not(.watch-mode):not(.search-mode) .hero .hero-content{
    top:calc(280px + var(--safe-top,0px))!important;
    bottom:auto!important;
    padding-bottom:18px!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-desc,
  body:not(.watch-mode):not(.search-mode) .hero .hero-desc{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:4!important;
    max-height:5.9em!important;
    overflow:hidden!important;
    font-size:12.8px!important;
    line-height:1.47!important;
    margin:0 0 14px!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-actions,
  body:not(.watch-mode):not(.search-mode) .hero .hero-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
    width:100%!important;
    margin-top:10px!important;
    position:relative!important;
    z-index:14!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-actions .play-btn,
  body:not(.watch-mode):not(.search-mode) main > .hero .hero-actions .more-btn,
  body:not(.watch-mode):not(.search-mode) .hero .hero-actions .play-btn,
  body:not(.watch-mode):not(.search-mode) .hero .hero-actions .more-btn{
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:9px!important;
    font-size:14px!important;
    white-space:nowrap!important;
  }
}

@media (max-width: 430px){
  body:not(.watch-mode):not(.search-mode) main > .hero,
  body:not(.watch-mode):not(.search-mode) .hero{
    height:570px!important;
    min-height:570px!important;
    max-height:570px!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-content,
  body:not(.watch-mode):not(.search-mode) .hero .hero-content{
    top:calc(274px + var(--safe-top,0px))!important;
  }

  body:not(.watch-mode):not(.search-mode) main > .hero .hero-desc,
  body:not(.watch-mode):not(.search-mode) .hero .hero-desc{
    -webkit-line-clamp:4!important;
    max-height:5.9em!important;
    font-size:12.4px!important;
  }
}

/* ===== /assets/cinego-app.v20260609-v466_watch_player_description_hide.css ===== */
/* v466: Hide duplicate movie/episode description below inline player on watch page.
   Users already see the description before entering the player, so do not repeat it under the video. */
.watch-player-section .watch-player-desc,
.watch-player-desc,
#watch-playing-title,
#watch-playing-desc {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* ===== /assets/cinego-app.v20260610-v467_cinema_cards_mobile_portrait_size.css ===== */
/* CINEGO WEB v467 — mobile Cinema Theater rental cards portrait/narrow size fix
   Base: v466 stable. CSS only.
   Goal: Premium Digital Cinema cards should look like vertical poster cards, slightly bigger than normal cards,
   not huge/square half-width blocks on phone. Does not touch trailer fullscreen/autoplay/subtitle logic. */

@media (max-width: 900px){
  /* Main cinema theater side cards inside the Premium Digital Cinema panel */
  .cinego-cinema-theater .cinema-side-slider{
    overflow:hidden!important;
    padding:0!important;
  }

  .cinego-cinema-theater .cinema-side-list{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 0 10px!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  .cinego-cinema-theater .cinema-side-list::-webkit-scrollbar{display:none!important;}

  .cinego-cinema-theater .cinema-mini-card{
    flex:0 0 clamp(146px, 34vw, 168px)!important;
    width:clamp(146px, 34vw, 168px)!important;
    min-width:clamp(146px, 34vw, 168px)!important;
    max-width:clamp(146px, 34vw, 168px)!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:2 / 3!important;
    border-radius:14px!important;
    scroll-snap-align:start!important;
    overflow:hidden!important;
  }

  .cinego-cinema-theater .cinema-mini-thumb{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background-size:cover!important;
    background-position:center top!important;
  }

  .cinego-cinema-theater .cinema-mini-rent{
    top:8px!important;
    left:8px!important;
    right:auto!important;
    max-width:calc(100% - 16px)!important;
    height:27px!important;
    padding:0 10px!important;
    font-size:10px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .cinego-cinema-theater .cinema-mini-meta{
    padding:40px 10px 10px!important;
  }
  .cinego-cinema-theater .cinema-mini-meta b{
    font-size:12px!important;
    line-height:1.16!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }

  /* All Rental Movies row also keeps the same portrait poster feeling on phone */
  .cinema-rentals-row .card{
    flex:0 0 clamp(136px, 32vw, 154px)!important;
    width:clamp(136px, 32vw, 154px)!important;
    min-width:clamp(136px, 32vw, 154px)!important;
    max-width:clamp(136px, 32vw, 154px)!important;
  }
  .cinema-rentals-row .card-thumb,
  .cinema-rentals-row .card-thumb.has-poster{
    width:100%!important;
    height:auto!important;
    aspect-ratio:2 / 3!important;
    border-radius:8px!important;
    background-size:cover!important;
    background-position:center top!important;
  }
}

@media (max-width: 430px){
  .cinego-cinema-theater .cinema-mini-card{
    flex-basis:146px!important;
    width:146px!important;
    min-width:146px!important;
    max-width:146px!important;
  }

  .cinema-rentals-row .card{
    flex-basis:136px!important;
    width:136px!important;
    min-width:136px!important;
    max-width:136px!important;
  }
}

/* ===== /assets/cinego-app.v20260610-v470_cinema_cards_equal_width_10_smaller.css ===== */
/* CINEGO WEB v470 — Cinema theater cards equal size + 10% narrower
   Base: v469 stable. CSS only. Keeps random fade logic, trailer fullscreen/autoplay/subtitle untouched. */

/* Desktop / tablet: make every Premium Digital Cinema poster card the same fixed portrait size,
   slightly narrower than v469. No active/hover scale so one card never looks bigger than others. */
.cinego-cinema-theater .cinema-side-slider .cinema-side-list,
.cinego-cinema-theater .cinema-side-list{
  align-items:stretch!important;
}

.cinego-cinema-theater .cinema-side-slider .cinema-mini-card,
.cinego-cinema-theater .cinema-mini-card{
  flex:0 0 clamp(170px, 14.8vw, 202px)!important;
  width:clamp(170px, 14.8vw, 202px)!important;
  min-width:clamp(170px, 14.8vw, 202px)!important;
  max-width:clamp(170px, 14.8vw, 202px)!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:2 / 3!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:14px!important;
}

.cinego-cinema-theater .cinema-mini-card:hover,
.cinego-cinema-theater .cinema-mini-card.active{
  transform:translateY(-2px)!important;
  filter:saturate(1.06)!important;
}

.cinego-cinema-theater .cinema-mini-thumb{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background-size:cover!important;
  background-position:center top!important;
}

.cinego-cinema-theater .cinema-mini-meta{
  padding:40px 10px 10px!important;
}

.cinego-cinema-theater .cinema-mini-meta b{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  min-height:2.25em!important;
}

/* Keep the 'All rentals' movie cards consistent as portrait posters too. */
.cinema-rentals-row .card{
  flex:0 0 clamp(142px, 11.6vw, 166px)!important;
  width:clamp(142px, 11.6vw, 166px)!important;
  min-width:clamp(142px, 11.6vw, 166px)!important;
  max-width:clamp(142px, 11.6vw, 166px)!important;
}
.cinema-rentals-row .card-thumb,
.cinema-rentals-row .card-thumb.has-poster{
  width:100%!important;
  height:auto!important;
  aspect-ratio:2 / 3!important;
  background-size:cover!important;
  background-position:center top!important;
}

@media (max-width: 900px){
  .cinego-cinema-theater .cinema-side-slider{
    overflow:hidden!important;
    padding:0!important;
  }

  .cinego-cinema-theater .cinema-side-slider .cinema-side-list,
  .cinego-cinema-theater .cinema-side-list{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 0 10px!important;
    scroll-snap-type:x proximity!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  .cinego-cinema-theater .cinema-side-list::-webkit-scrollbar{display:none!important;}

  .cinego-cinema-theater .cinema-side-slider .cinema-mini-card,
  .cinego-cinema-theater .cinema-mini-card{
    flex:0 0 clamp(132px, 30.5vw, 151px)!important;
    width:clamp(132px, 30.5vw, 151px)!important;
    min-width:clamp(132px, 30.5vw, 151px)!important;
    max-width:clamp(132px, 30.5vw, 151px)!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:2 / 3!important;
    border-radius:13px!important;
    scroll-snap-align:start!important;
  }

  .cinego-cinema-theater .cinema-mini-card:hover,
  .cinego-cinema-theater .cinema-mini-card.active{
    transform:none!important;
  }

  .cinego-cinema-theater .cinema-mini-rent{
    top:8px!important;
    left:8px!important;
    right:auto!important;
    max-width:calc(100% - 16px)!important;
    height:25px!important;
    padding:0 9px!important;
    font-size:9.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .cinego-cinema-theater .cinema-mini-meta{
    padding:38px 9px 9px!important;
  }
  .cinego-cinema-theater .cinema-mini-meta b{
    font-size:11.5px!important;
    line-height:1.14!important;
  }

  .cinema-rentals-row .card{
    flex:0 0 clamp(122px, 29vw, 139px)!important;
    width:clamp(122px, 29vw, 139px)!important;
    min-width:clamp(122px, 29vw, 139px)!important;
    max-width:clamp(122px, 29vw, 139px)!important;
  }
}

@media (max-width: 430px){
  .cinego-cinema-theater .cinema-side-slider .cinema-mini-card,
  .cinego-cinema-theater .cinema-mini-card{
    flex-basis:132px!important;
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
  }

  .cinema-rentals-row .card{
    flex-basis:122px!important;
    width:122px!important;
    min-width:122px!important;
    max-width:122px!important;
  }
}

/* ===== /assets/cinego-app.v20260610-v480_global_local_icons_no_tabler_font.css ===== */
/* CINEGO v480: Global local icons, no external Tabler icon font.
   Applies on public index and admin. Keeps <i class="ti ti-..."></i> markup.
   No @font-face, no cdn.jsdelivr request, no woff2 download. */
.ti,
[class^="ti-"],
[class*=" ti-"]{
  font-family: Arial, "Segoe UI Symbol", "Segoe UI Emoji", sans-serif !important;
  font-style: normal !important;
  font-weight: 800 !important;
  speak: never;
  display: inline-block;
  line-height: 1 !important;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: -0.08em;
}
.ti::before,
[class^="ti-"]::before,
[class*=" ti-"]::before{
  display: inline-block;
  min-width: 1em;
  text-align: center;
}
.ti-arrow-left::before{content:"‹"}.ti-arrow-right::before{content:"›"}.ti-arrows-maximize::before{content:"⛶"}.ti-arrows-minimize::before{content:"⛶"}
.ti-battery-3::before{content:"▰"}.ti-bell::before{content:"◦"}.ti-brand-facebook::before{content:"f"}.ti-brand-google::before{content:"G"}
.ti-briefcase::before{content:"▣"}.ti-building-bank::before{content:"▥"}.ti-calendar::before{content:"▦"}.ti-camera::before{content:"▣"}.ti-check::before{content:"✓"}
.ti-chevron-down::before{content:"⌄"}.ti-chevron-left::before{content:"‹"}.ti-chevron-right::before{content:"›"}.ti-chevrons-right::before{content:"»"}
.ti-clock::before{content:"◷"}.ti-clock-down::before{content:"◷"}.ti-cloud-upload::before{content:"☁"}.ti-copy::before{content:"⧉"}.ti-credit-card::before{content:"▭"}
.ti-device-mobile-down::before{content:"▯"}.ti-device-tv::before{content:"▣"}.ti-download::before{content:"⇣"}.ti-edit::before{content:"✎"}.ti-external-link::before{content:"↗"}
.ti-file::before{content:"▤"}.ti-file-text::before{content:"▤"}.ti-film::before{content:"▤"}.ti-filter::before{content:"▾"}.ti-fingerprint::before{content:"◉"}.ti-flag::before{content:"⚑"}
.ti-flame::before{content:"♨"}.ti-headphones::before{content:"◔"}.ti-heart::before{content:"♡"}.ti-heart-filled::before{content:"♥"}.ti-home::before{content:"⌂"}
.ti-info-circle::before{content:"ⓘ"}.ti-language::before{content:"文"}.ti-layout-grid::before{content:"▦"}.ti-link::before{content:"↗"}.ti-list::before{content:"☰"}.ti-lock::before{content:"▣"}
.ti-login::before{content:"↪"}.ti-logout::before{content:"↩"}.ti-mail::before{content:"✉"}.ti-mail-check::before{content:"✉"}.ti-menu::before{content:"☰"}.ti-mood-heart::before{content:"♡"}
.ti-movie::before{content:"▤"}.ti-photo::before{content:"▧"}.ti-picture-in-picture::before{content:"▧"}.ti-player-pause::before{content:"Ⅱ"}.ti-player-play::before{content:"▶"}.ti-player-play-filled::before{content:"▶"}
.ti-player-stop::before{content:"■"}.ti-player-track-next::before{content:"⏭"}.ti-player-track-next-filled::before{content:"⏭"}.ti-plus::before{content:"+"}.ti-progress::before{content:"◌"}
.ti-qrcode::before{content:"▦"}.ti-refresh::before{content:"↻"}.ti-reload::before{content:"↻"}.ti-rewind-backward-10::before{content:"↺"}.ti-rewind-forward-10::before{content:"↻"}
.ti-search::before{content:"⌕"}.ti-settings::before{content:"⚙"}.ti-share-3::before{content:"↗"}.ti-shield-check::before{content:"✓"}.ti-sparkles::before{content:"✦"}.ti-sword::before{content:"†"}
.ti-ticket::before{content:"◆"}.ti-trash::before{content:"⌫"}.ti-upload::before{content:"⇡"}.ti-user::before{content:"○"}.ti-user-plus::before{content:"⊕"}.ti-users::before{content:"◎"}
.ti-video::before{content:"▣"}.ti-volume::before{content:"▸"}.ti-volume-2::before{content:"▸"}.ti-volume-off::before{content:"×"}.ti-wallet::before{content:"▭"}.ti-wifi::before{content:"≋"}.ti-x::before{content:"×"}
.bottom-nav .ti{font-size:20px!important;margin-bottom:3px}.nav-item .ti{display:block;margin:0 auto 3px}.watch-control .ti,.control-btn .ti,.icon-btn .ti,.btn .ti{min-width:1em}
.admin-sidebar .tab i{font-size:18px}.btn i{line-height:1!important}

/* ===== /assets/cinego-app.v20260610-v481_public_system_font_no_google.css ===== */
/* CINEGO v481 — Public system font, no external Google Fonts.
   Safe CSS-only performance patch: no JS, no player, no trailer, no subtitle, no layout logic touched. */
:root{
  --cinego-public-system-font: Arial, "Segoe UI", Tahoma, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
html,
body,
button,
input,
select,
textarea,
.topbar,
.hero,
.content,
.watch-page,
.modal,
.profile-panel,
.bottom-nav,
.mobile-panel,
.cinego-footer,
.cinego-search-page{
  font-family: var(--cinego-public-system-font) !important;
}
.cinego-logo-text,
.cinego-logo-text b,
.cinego-logo-text small,
.hero-title,
.detail-title,
.section-title,
.card-title,
.movie-title,
.rental-card-title,
.badge{
  font-family: var(--cinego-public-system-font) !important;
}

/* ===== /assets/cinego-app.v20260610-v488_player_surface_tap_icons_fix.css ===== */
/* CINEGO v488: player surface tap + local icon corrections. No external fonts. */
.ti-player-pause-filled::before{content:"Ⅱ"}
.ti-volume::before{content:"🔊"}
.ti-volume-2::before{content:"🔉"}
.ti-volume-off::before{content:"🔇"}
.cinego-nf-ui [data-nf-mute-icon]::before{font-size:.9em;line-height:1}
.watch-video-inner.cinego-nf-ready{cursor:pointer}
.watch-video-inner.cinego-nf-ready .cinego-nf-ui button,
.watch-video-inner.cinego-nf-ready .cinego-nf-ui input,
.watch-video-inner.cinego-nf-ready .watch-subtitle-overlay{cursor:auto}

/* ===== /assets/cinego-app.v20260610-v493_mobile_css_load_touch_fix.css ===== */
/* CINEGO WEB v493 — mobile CSS load + touch safety fix
   Base: v492/v490 public web. CSS only + index.html main CSS loading change.
   Fixes mobile browser partial/unstyled home caused by async preload stylesheet race.
   Does not touch player/fullscreen/trailer/VTT/subtitle/Bunny/Firebase/payment logic. */

/* Hidden layers must never sit over the public home when closed. */
.hidden{display:none!important;pointer-events:none!important}
#modal:not(.open),
.modal-overlay:not(.open),
#subscribe-modal.hidden,
#email-verify-modal.hidden,
#password-reset-modal.hidden,
#login-screen.hidden,
#profile-panel.hidden,
#mobile-search-panel.hidden,
#mobile-saved-panel.hidden,
#category-mega.hidden{
  display:none!important;
  pointer-events:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

/* The visual hero overlay is decorative; it must not catch taps. */
.hero-overlay,
.hero-bg .stars,
.hero-bg .moon{
  pointer-events:none!important;
}

@media (max-width: 900px){
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body:not(.watch-mode){
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-y:auto;
    touch-action:pan-y;
  }

  main,.content,.hero,.hero-content,.hero-actions,.cards-row,.card,.card-thumb,
  .bottom-nav,.bottom-nav .nav-item,.mobile-download-chip{
    pointer-events:auto;
  }

  .topbar.app-header{
    width:100%!important;
    max-width:100%!important;
  }

  .content{
    position:relative!important;
    z-index:2!important;
  }

  .bottom-nav{
    z-index:230!important;
  }

  .mobile-panel:not(.hidden){
    display:block!important;
    pointer-events:auto!important;
    visibility:visible!important;
    opacity:1!important;
  }
}


/* === CINEGO WEB V497: poster-first home stage, trailer after load/idle ===
   Shows the selected poster immediately on the Premium Digital Cinema stage.
   The real signed HLS trailer replaces it only after playback starts. */
.cinego-cinema-theater .cinema-stage-card.is-trailer-poster-only,
.cinego-cinema-theater .cinema-stage-card.is-trailer-loading,
.cinego-cinema-theater .cinema-stage-card.is-trailer-error{
  background-color:#000!important;
  background-size:cover!important;
  background-position:center!important;
}
.cinego-cinema-theater .cinema-stage-card .cinema-stage-bg{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  filter:saturate(1.02) brightness(.82)!important;
  transform:none!important;
}
.cinego-cinema-theater .cinema-stage-card.is-trailer-ready .cinema-stage-bg,
body > .cinema-stage-card.is-trailer-ready .cinema-stage-bg{
  opacity:0!important;
  visibility:hidden!important;
}
.cinego-cinema-theater .cinema-stage-card.is-trailer-loading::before,
body > .cinema-stage-card.is-trailer-loading::before{
  display:none!important;
  content:none!important;
}
.cinego-cinema-theater .cinema-stage-card .cinema-stage-video:not(.ready),
body > .cinema-stage-card .cinema-stage-video:not(.ready){
  opacity:0!important;
  background:transparent!important;
}
.cinego-cinema-theater .cinema-stage-card.is-trailer-poster-only .cinema-stage-video,
.cinego-cinema-theater .cinema-stage-card.is-trailer-loading .cinema-stage-video,
.cinego-cinema-theater .cinema-stage-card.is-trailer-error .cinema-stage-video{
  opacity:0!important;
}


/* === CINEGO WEB V499: HERO POSTER BACKDROP FIRST PAINT ===
   The previous v498 delayed trailer/HLS correctly, but the top hero still looked
   like an empty black area because only the small poster rail was visible. This
   uses the active hero poster as a full-screen cinema backdrop so users see a
   complete poster/title/description face immediately, then the trailer can auto
   load normally after the poster window. */
.hero.has-hero-poster{
  background:#07070b!important;
  isolation:isolate!important;
}
.hero.has-hero-poster .hero-bg{
  background:#07070b!important;
  overflow:hidden!important;
}
.hero.has-hero-poster .hero-bg::before{
  content:''!important;
  position:absolute!important;
  inset:-28px!important;
  z-index:0!important;
  background-image:var(--cinego-hero-poster)!important;
  background-size:cover!important;
  background-position:center 24%!important;
  background-repeat:no-repeat!important;
  filter:blur(18px) saturate(1.12) brightness(.58)!important;
  transform:scale(1.08)!important;
  opacity:.98!important;
  pointer-events:none!important;
}
.hero.has-hero-poster .hero-bg::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    radial-gradient(circle at 74% 45%, rgba(255,190,64,.18), transparent 28%),
    linear-gradient(to right, rgba(5,5,7,.97) 0%, rgba(5,5,7,.78) 30%, rgba(5,5,7,.36) 61%, rgba(5,5,7,.68) 100%),
    linear-gradient(to top, #0a0a0f 0%, rgba(10,10,15,.62) 30%, rgba(10,10,15,.10) 72%);
  pointer-events:none!important;
}
.hero.has-hero-poster .hero-carousel,
.hero.has-hero-poster .stars,
.hero.has-hero-poster .moon{
  position:relative!important;
  z-index:3!important;
}
.hero.has-hero-poster .hero-content,
.hero.has-hero-poster .hero-overlay{
  z-index:5!important;
}
.hero.has-hero-poster .hero-overlay{
  background:linear-gradient(to right, rgba(5,5,7,.98) 0%, rgba(5,5,7,.74) 31%, rgba(5,5,7,.16) 64%, rgba(5,5,7,.50) 100%),linear-gradient(to top,#0a0a0f 0%,rgba(10,10,15,.64) 30%,transparent 66%)!important;
}
.hero-backdrop-preload-img{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  left:-9999px!important;
  top:auto!important;
}
@media (max-width:900px){
  .hero.has-hero-poster .hero-bg::before{
    inset:-18px!important;
    filter:blur(14px) saturate(1.08) brightness(.50)!important;
    transform:scale(1.12)!important;
    background-position:center 18%!important;
  }
  .hero.has-hero-poster .hero-bg::after{
    background:
      linear-gradient(to bottom, rgba(5,5,7,.20) 0%, rgba(5,5,7,.72) 46%, rgba(5,5,7,.96) 100%),
      linear-gradient(to right, rgba(5,5,7,.88), rgba(5,5,7,.32), rgba(5,5,7,.88))!important;
  }
}