/* CINEFLEX BUILD 19 — INFINITY EDITION */
:root{
  --cf19-accent:#ff2435;
  --cf19-accent-rgb:255,36,53;
  --cf19-glow:rgba(255,36,53,.22);
  --cf19-ease:cubic-bezier(.2,.8,.2,1);
}
html.cf-infinity19{scroll-padding-top:100px}
body{transition:background-color .8s ease}
.cf19-scroll-progress{position:fixed;inset:0 auto auto 0;height:3px;width:0;z-index:9999;pointer-events:none;background:linear-gradient(90deg,var(--cf19-accent),#fff);box-shadow:0 0 18px var(--cf19-glow);transition:width .08s linear}
.cf19-ambient{position:fixed;inset:-25%;z-index:-2;pointer-events:none;opacity:.72;background:radial-gradient(circle at var(--cf19-x,70%) var(--cf19-y,16%),rgba(var(--cf19-accent-rgb),.18),transparent 28%),radial-gradient(circle at 14% 70%,rgba(63,73,255,.10),transparent 26%);filter:blur(25px);transition:background 1s ease,opacity .8s ease;animation:cf19Ambient 14s ease-in-out infinite alternate}
@keyframes cf19Ambient{to{transform:translate3d(1.5%,-1%,0) scale(1.04)}}

/* Living hero */
.banner#banner{--cf19-hero-scale:1.035;will-change:background-image,filter}
.banner#banner .cf19-hero-visual{position:absolute;inset:-2%;z-index:-1;background:inherit;background-position:inherit;background-size:cover;transform:scale(var(--cf19-hero-scale));animation:cf19HeroDrift 16s ease-in-out infinite alternate;filter:saturate(1.07) contrast(1.03)}
@keyframes cf19HeroDrift{from{transform:scale(1.035) translate3d(-.4%,0,0)}to{transform:scale(1.095) translate3d(.7%,-.6%,0)}}
.banner#banner.cf19-changing .cf19-hero-visual{animation:none;opacity:.35;transform:scale(1.12);transition:opacity .35s ease,transform .7s var(--cf19-ease)}
.banner#banner .banner-content{transition:opacity .45s ease,transform .65s var(--cf19-ease)}
.banner#banner.cf19-changing .banner-content{opacity:.18;transform:translateY(18px)!important}
.cf19-hero-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 16px;color:#eef1f7;font-size:.78rem;font-weight:750}
.cf19-hero-meta span{padding:7px 10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(5,7,12,.36);backdrop-filter:blur(10px)}
.cf19-hero-meta .cf19-match{color:#54ef9d}
.cf19-hero-pager{position:absolute;right:max(4vw,24px);bottom:clamp(92px,13vh,140px);z-index:4;display:flex;align-items:center;gap:8px}
.cf19-hero-dot{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.38);cursor:pointer;transition:.3s var(--cf19-ease)}
.cf19-hero-dot.active{width:34px;background:#fff;box-shadow:0 0 20px rgba(var(--cf19-accent-rgb),.7)}
.cf19-scroll-cue{position:absolute;left:50%;bottom:24px;z-index:4;transform:translateX(-50%);display:grid;place-items:center;width:34px;height:50px;border:1px solid rgba(255,255,255,.26);border-radius:20px;color:white;opacity:.72}
.cf19-scroll-cue:after{content:"";width:4px;height:9px;border-radius:5px;background:#fff;animation:cf19Cue 1.65s ease-in-out infinite}
@keyframes cf19Cue{0%,100%{transform:translateY(-7px);opacity:.3}50%{transform:translateY(7px);opacity:1}}

/* Premium rows and card interaction */
.content .row{position:relative;contain:layout style}
.content .row:before{content:"";position:absolute;inset:-20px -30px;z-index:-1;border-radius:30px;background:radial-gradient(circle at 20% 30%,rgba(var(--cf19-accent-rgb),.045),transparent 42%);opacity:0;transition:opacity .4s ease}
.content .row:hover:before{opacity:1}
.scroller,.cf-smart-scroller,.cf-top10-scroller{scroll-padding-inline:8px;overscroll-behavior-inline:contain}
.movie-card,.card,.cf-smart-card,.cf-top10-card{position:relative;isolation:isolate}
.movie-card:after,.card:after,.cf-smart-card:after,.cf-top10-card:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,transparent 48%,rgba(1,2,5,.88) 100%);opacity:.12;transition:opacity .3s ease}
.movie-card:hover:after,.card:hover:after,.cf-smart-card:hover:after,.cf-top10-card:hover:after,.cf19-focus:after{opacity:1}
.cf19-card-actions{position:absolute;left:10px;right:10px;bottom:10px;z-index:5;display:flex;align-items:center;gap:7px;opacity:0;transform:translateY(12px);transition:.28s var(--cf19-ease);pointer-events:none}
.movie-card:hover .cf19-card-actions,.card:hover .cf19-card-actions,.cf-smart-card:hover .cf19-card-actions,.cf-top10-card:hover .cf19-card-actions,.cf19-focus .cf19-card-actions{opacity:1;transform:none;pointer-events:auto}
.cf19-card-action{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(8,9,14,.82);color:#fff;display:grid;place-items:center;backdrop-filter:blur(12px);cursor:pointer}
.cf19-card-action:first-child{background:#fff;color:#07080c;border-color:#fff}
.cf19-card-action:hover{transform:scale(1.1)}
.cf19-focus{outline:3px solid rgba(var(--cf19-accent-rgb),.85)!important;outline-offset:4px;transform:translateY(-8px) scale(1.035)!important;z-index:20!important;box-shadow:0 28px 75px rgba(0,0,0,.62),0 0 35px var(--cf19-glow)!important}

/* shimmer while content is loading */
.cf19-skeleton{position:relative;overflow:hidden!important;background:#141722!important}
.cf19-skeleton:before{content:"";position:absolute;inset:0;z-index:10;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.09) 43%,rgba(255,255,255,.13) 50%,transparent 68%);transform:translateX(-120%);animation:cf19Shimmer 1.35s infinite}
@keyframes cf19Shimmer{to{transform:translateX(120%)}}

/* row edge controls */
.cf19-row-control{position:absolute;top:50%;z-index:30;width:43px;height:64px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(5,7,11,.68);color:#fff;backdrop-filter:blur(16px);opacity:0;transition:.25s;cursor:pointer;transform:translateY(-25%)}
.row:hover>.cf19-row-control{opacity:1}.cf19-row-control:hover{background:rgba(var(--cf19-accent-rgb),.86);transform:translateY(-25%) scale(1.04)}
.cf19-row-prev{left:-12px}.cf19-row-next{right:-12px}

/* TV / keyboard focus */
body.cf19-tv-mode .navbar.cf-logo-only-header{box-shadow:0 12px 55px rgba(var(--cf19-accent-rgb),.14)}
body.cf19-tv-mode button:focus-visible,body.cf19-tv-mode a:focus-visible,body.cf19-tv-mode [tabindex]:focus-visible{outline:3px solid #fff!important;outline-offset:4px!important;box-shadow:0 0 0 7px rgba(var(--cf19-accent-rgb),.45)!important}

/* compact toast */
.cf19-toast{position:fixed;left:50%;bottom:100px;z-index:9998;transform:translate(-50%,20px);opacity:0;padding:12px 16px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(8,10,15,.88);backdrop-filter:blur(18px);color:#fff;font-size:.82rem;font-weight:750;transition:.3s var(--cf19-ease);pointer-events:none}.cf19-toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:700px){
 .cf19-hero-pager{right:18px;bottom:70px}.cf19-scroll-cue{display:none}.cf19-hero-meta{font-size:.69rem;margin-bottom:12px}.cf19-hero-meta span{padding:6px 8px}
 .cf19-row-control{display:none}.cf19-card-actions{display:none}.cf19-focus{outline:none!important;transform:none!important}
 .content .row:before{display:none}
}
@media(pointer:coarse){.cf19-card-actions{display:none}}
@media(prefers-reduced-motion:reduce){.cf19-ambient,.cf19-hero-visual,.cf19-scroll-cue:after{animation:none!important}}


/* Build 19.2 requested cleanup */
.cf19-hero-meta{display:none!important}
.navbar.cf-logo-only-header{left:0!important;right:0!important;justify-content:flex-start!important;text-align:left!important;padding-left:max(16px,env(safe-area-inset-left))!important}
.navbar.cf-logo-only-header .logo{margin:0!important;align-self:center!important}