/* CineFlex Build 313.0 — Universal Smart TV / Remote UI */
:root{--cf-tv-focus:#fff;--cf-tv-red:#e50914;--cf-tv-cyan:#22d3ee}
body.cf-tv-ui{font-size:18px;overscroll-behavior:none;scroll-behavior:smooth}
body.cf-tv-ui *{scroll-margin:120px 110px}
body.cf-tv-ui .navbar{height:88px;padding:10px 34px;background:linear-gradient(180deg,rgba(0,0,0,.98),rgba(0,0,0,.45),transparent)}
body.cf-tv-ui .navbar .logo img,body.cf-tv-ui .cf-logo-button img{max-height:64px;width:auto}
body.cf-tv-ui main{padding-left:132px!important;padding-right:38px!important;padding-bottom:70px!important}
body.cf-tv-ui .bottom-nav{left:18px!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:94px!important;height:auto!important;min-height:430px;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:9px!important;padding:14px 10px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:24px!important;background:rgba(8,8,11,.94)!important;backdrop-filter:blur(18px)!important;box-shadow:0 18px 55px rgba(0,0,0,.55)!important}
body.cf-tv-ui .bottom-nav .nav-item,body.cf-tv-ui .bottom-nav button,body.cf-tv-ui .bottom-nav a{width:74px!important;min-height:70px!important;border-radius:16px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;font-size:12px!important;padding:8px 4px!important}
body.cf-tv-ui .bottom-nav i{font-size:24px!important}
body.cf-tv-ui .row,body.cf-tv-ui .cf-row,body.cf-tv-ui section{scroll-margin-top:105px}
body.cf-tv-ui .row h2,body.cf-tv-ui section h2{font-size:clamp(25px,2.2vw,36px)!important;margin-bottom:18px!important}
body.cf-tv-ui .scroller,body.cf-tv-ui .movie-row,body.cf-tv-ui [class*="-grid"]{scroll-behavior:smooth;scroll-snap-type:x proximity}
body.cf-tv-ui .card,body.cf-tv-ui .cf-premium-card,body.cf-tv-ui .netflix-item-container{min-width:205px!important;width:205px!important;border-radius:13px!important;scroll-snap-align:center;transition:transform .16s ease,box-shadow .16s ease,outline .16s ease!important}
body.cf-tv-ui .card img,body.cf-tv-ui .cf-premium-card img{border-radius:13px!important}
body.cf-tv-ui .banner,body.cf-tv-ui #banner{min-height:66vh!important;margin-left:0!important;border-radius:0 0 24px 24px!important}
body.cf-tv-ui .banner-content,body.cf-tv-ui .hero-content{max-width:58%!important;padding-left:145px!important;padding-bottom:80px!important}
body.cf-tv-ui button,body.cf-tv-ui a,body.cf-tv-ui [role="button"],body.cf-tv-ui [tabindex="0"],body.cf-tv-ui select{min-height:48px}
body.cf-tv-ui .menu-drawer{width:min(610px,54vw)!important;padding:28px 34px 90px!important}
body.cf-tv-ui .drawer-item{min-height:62px!important;padding:14px 18px!important;border-radius:12px!important;font-size:18px!important}
body.cf-tv-ui .drawer-section h4{font-size:14px!important;letter-spacing:.14em!important}
body.cf-tv-ui .cf-catalog-shell{padding-left:120px!important}
body.cf-tv-ui .cf-catalog-sidebar{width:300px!important}
body.cf-tv-ui .cf-catalog-filter{min-height:56px!important;font-size:17px!important}
body.cf-tv-ui .modal-content,body.cf-tv-ui [class*="modal-box"]{max-width:min(1050px,84vw)!important;max-height:84vh!important}

/* One unmistakable focus language across Android TV, Tizen, webOS, Fire TV and desktop remotes. */
body.cf-tv-ui .cf-tv-focus,
body.cf-tv-ui :focus-visible{
  outline:4px solid var(--cf-tv-focus)!important;
  outline-offset:4px!important;
  box-shadow:0 0 0 8px var(--cf-tv-red),0 0 30px rgba(229,9,20,.88)!important;
  transform:scale(1.075)!important;
  position:relative!important;
  z-index:9998!important;
  opacity:1!important;
}
body.cf-tv-ui button.cf-tv-focus,body.cf-tv-ui a.cf-tv-focus,body.cf-tv-ui .drawer-item.cf-tv-focus{background:#fff!important;color:#08080a!important}
body.cf-tv-ui button.cf-tv-focus i,body.cf-tv-ui a.cf-tv-focus i,body.cf-tv-ui .drawer-item.cf-tv-focus i{color:var(--cf-tv-red)!important}
body.cf-tv-ui .card.cf-tv-focus,body.cf-tv-ui .cf-premium-card.cf-tv-focus{transform:scale(1.12)!important}
body.cf-tv-ui .cf-tv-focus-disabled{opacity:.4!important;pointer-events:none!important}
body.cf-tv-ui .cf-tv-help{position:fixed;right:26px;bottom:24px;z-index:10000;background:rgba(4,4,7,.9);border:1px solid rgba(255,255,255,.17);border-radius:999px;padding:10px 16px;color:#ddd;font:700 13px/1.2 Inter,Arial,sans-serif;box-shadow:0 8px 28px rgba(0,0,0,.45);pointer-events:none}
body.cf-tv-ui .cf-tv-help kbd{background:#26262c;border:1px solid #555;border-radius:6px;padding:3px 7px;color:#fff;margin:0 2px}

/* Watch page TV layout */
body.cf-tv-ui .watch-shell{max-width:none!important;padding:108px 50px 80px 50px!important}
body.cf-tv-ui .watch-header{height:88px!important;padding:0 38px!important}
body.cf-tv-ui .player-card{padding:24px!important;border-radius:20px!important}
body.cf-tv-ui .player-head{gap:22px!important}
body.cf-tv-ui .player-frame-wrap{height:min(65vh,720px)!important;min-height:440px!important;border-radius:15px!important}
body.cf-tv-ui .server-buttons{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding:10px 7px!important;gap:12px!important}
body.cf-tv-ui .server-buttons button{flex:0 0 auto!important;min-width:155px!important}
body.cf-tv-ui .player-actions{display:grid!important;grid-template-columns:repeat(4,minmax(160px,1fr))!important;gap:14px!important}
body.cf-tv-ui .episode-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
body.cf-tv-ui .episode-card{min-height:125px!important}
body.cf-tv-ui .recommend-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important}
body.cf-tv-ui .cf312-next-box{min-width:520px!important;padding:35px!important}

@media (max-width:900px),(pointer:coarse) and (max-width:1100px){
 body:not(.cf-tv-ui) .cf-tv-help{display:none}
}
@media (max-height:650px){body.cf-tv-ui .bottom-nav{min-height:360px}body.cf-tv-ui .bottom-nav .nav-item,body.cf-tv-ui .bottom-nav button,body.cf-tv-ui .bottom-nav a{min-height:58px!important}}