/* CineFlex Build 304.6 — final hero trailer and homepage TV navigation layer */
#banner{overflow:hidden!important;isolation:isolate!important}
#banner .cf-hero-video{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:20!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  overflow:hidden!important;
  background:#000!important;
  transition:opacity .45s ease!important;
}
#banner .cf-hero-video.active{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}
#banner .cf-hero-video>div,
#banner .cf-hero-video iframe{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:177.78vh!important;
  height:100vh!important;
  min-width:100%!important;
  min-height:100%!important;
  transform:translate(-50%,-50%) scale(1.035)!important;
  transform-origin:center!important;
  border:0!important;
  filter:none!important;
  opacity:1!important;
}
#banner.cf-trailer-playing{
  background-image:none!important;
  background-color:#000!important;
}
#banner.cf-trailer-playing::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:24!important;
  background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.16) 25%,transparent 48%)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none!important;
}
#banner.cf-trailer-playing::after{display:none!important;content:none!important}
#banner.cf-trailer-playing .banner-content{z-index:30!important}
#banner.cf-trailer-playing .banner-fade{display:none!important}
#banner.cf-trailer-playing .cf-hero-video::after{display:none!important;content:none!important}

/* TV focus should remain on the whole poster, never on its tiny overlay buttons. */
html.cf3046-tv .card:focus,
html.cf3046-tv .movie-card:focus,
html.cf3046-tv .dramabox-card:focus,
html.cf3046-tv .netflix-item-container:focus,
html.cf3046-tv .search-card:focus,
html.cf3046-tv [data-tv-focusable="poster"]:focus,
.cf3046-home-focus{
  outline:4px solid #fff!important;
  outline-offset:5px!important;
  box-shadow:0 0 0 9px rgba(229,9,20,.9),0 20px 50px rgba(0,0,0,.85)!important;
  transform:scale(1.065)!important;
  z-index:13000!important;
}
@media(max-width:760px){
  #banner .cf-hero-video{display:block!important}
  #banner .cf-hero-video>div,
  #banner .cf-hero-video iframe{
    width:177.78vh!important;
    height:100vh!important;
    min-width:100%!important;
    min-height:100%!important;
    transform:translate(-50%,-50%) scale(1.08)!important;
  }
}