/* CINEFLEX — Dulo-inspired layout layer
   Original visual system adapted to existing CineFlex functions. */
:root{--cf-bg:#08090b;--cf-panel:#111318;--cf-panel-2:#17191f;--cf-line:rgba(255,255,255,.09);--cf-muted:#9da3ae;--cf-accent:#e50914;--cf-max:1480px}
html{scroll-behavior:smooth;background:var(--cf-bg)}
body{background:var(--cf-bg)!important;color:#fff;font-family:Inter,system-ui,sans-serif;overflow-x:hidden;padding-bottom:78px}
.cf-ambient,.cf-progress-bar{pointer-events:none}

/* Compact persistent top bar */
.navbar.cf-dulo-navbar{position:fixed!important;top:0;left:0;right:0;height:64px;padding:0 max(22px,calc((100vw - var(--cf-max))/2));display:flex;align-items:center;gap:34px;background:rgba(8,9,11,.82)!important;border-bottom:1px solid var(--cf-line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:10050;box-sizing:border-box}
.cf-logo-button{border:0;background:none;color:#fff!important;font-size:1.28rem!important;font-weight:900;letter-spacing:.12em;cursor:pointer;padding:0}.cf-logo-button::first-letter{color:var(--cf-accent)}
.cf-desktop-nav{display:flex;align-items:center;gap:6px;flex:1}.cf-desktop-nav button{border:0;background:transparent;color:#aeb3bd;padding:9px 12px;border-radius:8px;font:600 .85rem Inter;cursor:pointer;transition:.18s}.cf-desktop-nav button:hover,.cf-desktop-nav button.active{color:#fff;background:rgba(255,255,255,.075)}
.cf-nav-actions{display:flex;align-items:center;gap:8px}.cf-nav-search,.cf-nav-menu,.cf-install-btn{height:38px;border:1px solid var(--cf-line);background:rgba(255,255,255,.055);color:#fff;border-radius:9px;padding:0 13px;cursor:pointer}.cf-install-btn{background:var(--cf-accent);font-weight:800;border-color:transparent}

/* Hero: cinematic, flatter, less cluttered */
.banner{margin-top:64px!important;min-height:clamp(460px,67vh,720px)!important;height:auto!important;border-radius:0!important;background-position:center 18%!important;display:flex;align-items:flex-end;padding:0 max(22px,calc((100vw - var(--cf-max))/2)) 64px!important;box-sizing:border-box;isolation:isolate}
.banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,11,.96) 0%,rgba(8,9,11,.64) 42%,rgba(8,9,11,.1) 72%),linear-gradient(0deg,var(--cf-bg) 0%,transparent 48%);z-index:-1}
.banner-content{position:relative!important;left:auto!important;bottom:auto!important;max-width:650px!important;padding:0!important}.banner-content h1{font-size:clamp(2.2rem,5vw,5rem)!important;line-height:.95!important;letter-spacing:-.055em;margin:12px 0 16px!important;text-shadow:none!important}.banner-content #banner-desc{font-size:clamp(.9rem,1.25vw,1.05rem)!important;color:#c5c8cf!important;line-height:1.65!important;max-width:580px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-kicker{font-size:.72rem!important;letter-spacing:.15em!important;color:#fff!important}.hero-meta-strip{gap:8px!important}.hero-meta-strip span{background:rgba(18,20,25,.7)!important;border:1px solid var(--cf-line)!important;border-radius:7px!important;padding:7px 9px!important;font-size:.72rem!important}.banner-buttons button{border-radius:8px!important;min-height:45px;padding:0 18px!important}.play-btn{background:#fff!important;color:#08090b!important}.info-btn{background:rgba(255,255,255,.11)!important;color:#fff!important;border:1px solid var(--cf-line)!important}.cf-hero-nav{right:max(22px,calc((100vw - var(--cf-max))/2))!important;bottom:52px!important}.cf-hero-dots{bottom:22px!important}

/* Discovery bar */
.cf-discovery-dock{position:relative!important;top:auto!important;margin:-25px auto 28px!important;width:min(calc(100% - 44px),var(--cf-max));padding:10px!important;background:rgba(17,19,24,.9)!important;border:1px solid var(--cf-line)!important;border-radius:13px!important;box-shadow:0 18px 55px rgba(0,0,0,.35);overflow-x:auto;justify-content:flex-start!important}.cf-dock-label{white-space:nowrap}.cf-dock-chip{border-radius:8px!important;background:transparent!important;border:1px solid transparent!important;color:#aeb3bd!important}.cf-dock-chip:hover,.cf-dock-chip.active{background:rgba(255,255,255,.07)!important;border-color:var(--cf-line)!important;color:#fff!important}
#cf-daily-pick{width:min(calc(100% - 44px),var(--cf-max));margin:0 auto 26px!important}

/* Rows and posters */
.content{width:min(100%,var(--cf-max));margin:0 auto!important;padding:0 22px 34px!important;box-sizing:border-box}.row{margin:0 0 34px!important;padding:0!important}.row h2,.cf-row-heading h2{font-size:clamp(1.05rem,1.5vw,1.35rem)!important;letter-spacing:-.025em;margin:0 0 14px!important}.cf-row-kicker,.cf-personal-kicker{color:#858b96!important;font-size:.67rem!important;letter-spacing:.12em!important}.scroller,.cf-smart-scroller,.cf-top10-scroller{display:flex!important;gap:12px!important;overflow-x:auto!important;scroll-snap-type:x proximity;padding:2px 2px 12px!important;scrollbar-width:none}.scroller::-webkit-scrollbar,.cf-smart-scroller::-webkit-scrollbar,.cf-top10-scroller::-webkit-scrollbar{display:none}.movie-card,.card,.cf-smart-card,.cf-top10-card{scroll-snap-align:start;border-radius:9px!important;overflow:hidden;background:var(--cf-panel)!important;border:1px solid rgba(255,255,255,.055)!important;box-shadow:none!important;transition:transform .18s ease,border-color .18s ease!important}.movie-card:hover,.card:hover,.cf-smart-card:hover,.cf-top10-card:hover{transform:translateY(-5px)!important;border-color:rgba(255,255,255,.18)!important}.movie-card img,.card img{border-radius:0!important}.cf-personal-row,.cf-because-section{background:transparent!important;border:0!important;padding:0!important}.cf-personal-head{align-items:end!important}.cf-personal-note{color:#777e89!important}.cf-top10-controls button,.cf-row-refresh{border-radius:8px!important;background:var(--cf-panel)!important;border:1px solid var(--cf-line)!important;color:#fff!important}

/* Drawer + modal harmony */
.menu-drawer{background:rgba(12,13,16,.97)!important;border-left:1px solid var(--cf-line)!important;width:min(360px,92vw)!important}.drawer-header h3{color:#fff!important}.drawer-item i{color:#fff!important;opacity:.78}.drawer-item:hover{transform:none!important;background:rgba(255,255,255,.055);border-radius:8px;padding-left:10px!important}.modal{background:rgba(0,0,0,.88)!important}.modal-content{background:#111318!important;border:1px solid var(--cf-line)!important;border-radius:14px!important;max-width:860px!important}.modal-body{padding:24px!important}

/* Full width app navigation */
.bottom-nav{left:50%!important;transform:translateX(-50%);bottom:0!important;width:min(100%,760px)!important;height:68px!important;padding:0 max(4px,env(safe-area-inset-left)) env(safe-area-inset-bottom)!important;background:rgba(12,13,16,.94)!important;border:1px solid var(--cf-line)!important;border-bottom:0!important;border-radius:16px 16px 0 0!important;justify-content:stretch!important;box-sizing:content-box!important}.bottom-nav .nav-item{flex:1;height:100%;justify-content:center;border:0;background:transparent}.bottom-nav .nav-item i{font-size:1.05rem!important}.bottom-nav .nav-item span{font-size:.64rem!important}

/* AI remains the only floating shortcut */
.cf-ai-fab{right:18px!important;bottom:88px!important}

@media(min-width:900px){.bottom-nav{display:none!important}body{padding-bottom:0}.content{padding-bottom:60px!important}}
@media(max-width:899px){.cf-desktop-nav{display:none}.navbar.cf-dulo-navbar{height:58px;padding:0 14px;gap:12px}.banner{margin-top:58px!important;min-height:560px!important;padding:0 18px 44px!important;background-position:66% center!important}.banner::before{background:linear-gradient(0deg,var(--cf-bg) 0%,rgba(8,9,11,.65) 48%,rgba(8,9,11,.18) 100%),linear-gradient(90deg,rgba(8,9,11,.62),transparent 80%)}.banner-content h1{font-size:2.45rem!important;max-width:90%}.banner-content #banner-desc{-webkit-line-clamp:2;font-size:.86rem!important}.hero-meta-strip{overflow-x:auto;white-space:nowrap;max-width:100%}.cf-hero-nav{display:none!important}.cf-discovery-dock{width:calc(100% - 24px);margin:-18px auto 23px!important;border-radius:11px!important}.cf-dock-label{display:none!important}#cf-daily-pick{width:calc(100% - 24px)}.content{padding:0 12px 30px!important}.row{margin-bottom:27px!important}.scroller,.cf-smart-scroller,.cf-top10-scroller{gap:9px!important}.cf-personal-note{display:none}.modal{padding:0!important;align-items:flex-end!important}.modal-content{max-height:94vh!important;border-radius:18px 18px 0 0!important}.modal-body{padding:18px!important}}
@media(max-width:420px){.cf-nav-search{display:none}.banner{min-height:530px!important}.hero-meta-strip span:nth-child(n+3){display:none}.banner-buttons{gap:8px!important}.banner-buttons button{font-size:.82rem!important}.bottom-nav{width:100%!important;border-radius:0!important}}