/* CineFlex Build 304.0 — Cinematic Hero + Unified TV Remote */
#banner.cf304-cinematic{min-height:clamp(640px,88vh,980px)!important;background-position:center 20%!important;overflow:hidden;isolation:isolate}
#banner.cf304-cinematic .cf304-backdrop{position:absolute;inset:-4%;z-index:0;background:inherit;background-size:cover;background-position:center 20%;transform:scale(1.05);animation:cf304KenBurns 14s ease-in-out infinite alternate;filter:saturate(1.1) contrast(1.05)}
#banner.cf304-cinematic:before{content:""!important;position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(90deg,rgba(2,3,7,.98) 0%,rgba(2,3,7,.82) 33%,rgba(2,3,7,.2) 68%,rgba(2,3,7,.46) 100%),linear-gradient(0deg,var(--bg,#050505) 0%,rgba(5,5,5,.35) 37%,transparent 70%)!important;pointer-events:none}
#banner.cf304-cinematic:after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:3!important;background:radial-gradient(circle at 78% 44%,rgba(229,9,20,.16),transparent 28%),linear-gradient(0deg,var(--bg,#050505),transparent 25%)!important;pointer-events:none}
.cf304-video{position:absolute;inset:-8%;z-index:1;opacity:0;transition:opacity 1.1s ease;pointer-events:none;overflow:hidden}.cf304-video.active{opacity:.48}.cf304-video iframe{position:absolute;left:50%;top:50%;width:120vw;height:67.5vw;min-width:178vh;min-height:100vh;transform:translate(-50%,-50%);border:0}
#banner.cf304-cinematic .banner-content{z-index:5!important;width:min(760px,88vw);max-width:760px!important;padding-bottom:clamp(95px,13vh,145px)!important}
.cf304-kicker{display:flex;align-items:center;gap:9px;margin-bottom:14px;font-size:.76rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#fff}.cf304-kicker i{color:#e50914;filter:drop-shadow(0 0 10px rgba(229,9,20,.75))}
.cf304-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0 0 14px;font-weight:800;color:#e5e7eb}.cf304-meta .match{color:#45ef9a}.cf304-meta .quality{border:1px solid rgba(255,255,255,.55);padding:2px 7px;border-radius:4px;font-size:.75rem}.cf304-meta .rating i{color:#ffd45c}
.cf304-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:650px;margin:0 0 4px;color:#e3e5e9;font-size:clamp(.92rem,1.25vw,1.08rem);line-height:1.6;text-shadow:0 3px 15px #000}
.cf304-mylist{background:rgba(25,29,37,.72)!important;color:#fff}.cf304-mylist.active{border-color:rgba(69,239,154,.6)!important;color:#baffdc;background:rgba(25,80,55,.5)!important}
.cf304-trailer-toggle{position:absolute;right:5%;bottom:92px;z-index:7;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(5,7,11,.68);color:#fff;backdrop-filter:blur(12px);cursor:pointer}.cf304-trailer-toggle:hover,.cf304-trailer-toggle:focus{background:#e50914}
#banner.cf304-changing .banner-content{opacity:0;transform:translateY(14px)}
@keyframes cf304KenBurns{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-1.2%,.6%,0)}}
html.cf304-tv,body.cf304-tv{font-size:18px;scroll-behavior:smooth}body.cf304-tv #banner{min-height:82vh!important}body.cf304-tv .banner-content{max-width:720px!important}body.cf304-tv .card,body.cf304-tv .movie-card,body.cf304-tv .cf-smart-card,body.cf304-tv .cf-top10-card{min-width:190px}body.cf304-tv .bottom-nav{min-height:86px}body.cf304-tv .menu-drawer{width:min(420px,42vw)}
.cf304-focus{outline:4px solid #fff!important;outline-offset:5px!important;box-shadow:0 0 0 9px rgba(229,9,20,.82),0 18px 50px rgba(0,0,0,.72)!important;transform:scale(1.055)!important;z-index:999!important;position:relative!important;transition:transform .12s ease,box-shadow .12s ease!important}
.cf304-tv-badge{display:none;position:fixed;right:18px;top:18px;z-index:12000;padding:8px 13px;border-radius:999px;background:rgba(5,7,11,.88);border:1px solid rgba(255,255,255,.2);font-size:.75rem;font-weight:900;letter-spacing:.08em}.cf304-tv .cf304-tv-badge{display:flex;gap:8px;align-items:center}.cf304-tv-badge i{color:#e50914}
@media(max-width:700px){#banner.cf304-cinematic{min-height:650px!important}.cf304-desc{-webkit-line-clamp:2}.cf304-meta{font-size:.78rem}.cf304-trailer-toggle{display:none}}
@media(prefers-reduced-motion:reduce){#banner.cf304-cinematic .cf304-backdrop{animation:none}.cf304-focus{transform:none!important}}


/* CineFlex Build 304.3 — true flush hero, centered minimal controls, trailer preview, TV modal focus */
html,body{margin:0!important;padding:0!important}
body>#banner,#banner.banner{
  top:0!important;
  margin-top:0!important;
  padding-top:0!important;
  border:0!important;
  border-radius:0!important;
  clip-path:none!important;
}
#banner.cf304-cinematic,#banner.cf304-minimal{
  border-radius:0!important;
  margin:0!important;
  width:100vw!important;
  max-width:100vw!important;
  min-height:clamp(600px,88vh,940px)!important;
}
#banner.cf304-cinematic:before,#banner.cf304-cinematic:after{border-radius:0!important}
#banner.cf304-minimal .banner-content{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:clamp(84px,12vh,138px)!important;
  width:min(1000px,92vw)!important;
  max-width:min(1000px,92vw)!important;
  padding:0!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  text-align:center!important;
  z-index:8!important;
}
#banner.cf304-minimal #banner-title{
  margin:0 0 18px!important;
  max-width:100%!important;
  font-size:clamp(2.6rem,7vw,6.8rem)!important;
  line-height:.92!important;
  text-align:center!important;
}
#banner.cf304-minimal .banner-buttons{display:flex!important;justify-content:center!important;margin:0!important}
#banner.cf304-minimal .banner-buttons>*:not(:first-child),
#banner.cf304-minimal .cf-hero-status{display:none!important}
#banner.cf304-minimal .cf-hero-video{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  transition:opacity 1.1s ease!important;
}
#banner.cf304-minimal .cf-hero-video.active{opacity:.38!important}
#banner.cf304-minimal .cf-hero-video iframe{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:120vw!important;
  height:67.5vw!important;
  min-width:178vh!important;
  min-height:100vh!important;
  transform:translate(-50%,-50%) scale(1.05)!important;
  border:0!important;
}
#details-modal .play-btn-large.cf304-focus,
#details-modal .play-btn-large:focus-visible{
  outline:4px solid #fff!important;
  outline-offset:5px!important;
  box-shadow:0 0 0 9px rgba(229,9,20,.88),0 18px 50px rgba(0,0,0,.8)!important;
  transform:scale(1.06)!important;
}
@media(max-width:760px){
  #banner.cf304-minimal .banner-content{bottom:108px!important;width:92vw!important}
  #banner.cf304-minimal #banner-title{font-size:clamp(2.35rem,13vw,5rem)!important}
  #banner.cf304-minimal .cf-hero-video{display:none!important}
}