/* CineREEL 44.34.4: remove the five-button mobile dock and TV sidebar. */
#crMobileNav,.cr-mobile-nav,#crTvRail,.cr-tv-rail,#crMobileDock,.cr-mobile-dock{display:none!important;visibility:hidden!important;pointer-events:none!important}
@media (max-width:900px){
  html[data-cr-device-kind="mobile"] body:not(.tv),body.cr-mobile-ui:not(.tv){padding-bottom:env(safe-area-inset-bottom,0px)!important}
  /* Home (brand), Browse, Search and Profile stay available in the header. */
  html[data-cr-device-kind="mobile"] body:not(.tv) .header #homeBtn,
  html[data-cr-device-kind="mobile"] body:not(.tv) .header .browse-wrap,
  html[data-cr-device-kind="mobile"] body:not(.tv) .header #browseBtn,
  html[data-cr-device-kind="mobile"] body:not(.tv) .header #searchBtn,
  html[data-cr-device-kind="mobile"] body:not(.tv) .header #accountBtn{
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
    max-width:44px!important;max-height:44px!important;flex:0 0 44px!important;
  }
  html[data-cr-device-kind="mobile"] body:not(.tv) .header #browseBtn,
  html[data-cr-device-kind="mobile"] body:not(.tv) .header #searchBtn,
  html[data-cr-device-kind="mobile"] body:not(.tv) .header #accountBtn{display:grid!important;place-items:center!important}
}
/* TV header/Browse becomes the only main navigation: reclaim the rail gutter. */
body.tv{--cr-tv-rail-w:0px!important;padding-left:0!important}
body.tv .header{padding-left:var(--cr-tv-page-x)!important}
body.tv .page,body.tv .cr-page,body.tv .feature-page{padding-left:var(--cr-tv-page-x)!important}
body.tv .hero-copy,body.tv .detail-copy{left:var(--cr-tv-page-x)!important}
body.tv .detail-lower{padding-left:var(--cr-tv-page-x)!important}
body.tv .detail-back{left:var(--cr-tv-page-x)!important}
body.tv .detail-home{left:calc(var(--cr-tv-page-x) + var(--cr-tv-control) + 14px)!important}
/* Restore the original narrow Top 10 width. Only make its artwork taller. */
body.tv .section.top10 .row-scroll{grid-auto-columns:minmax(220px,14vw)!important;gap:28px!important}
body.tv .section.top10 .media-card .landscape{aspect-ratio:2 / 3!important;height:auto!important}
body.tv .section.top10 .media-card .landscape>img{object-fit:cover!important}
@media (min-width:761px) and (max-width:1366px){
  body.tv .section.top10 .row-scroll{grid-auto-columns:minmax(170px,17vw)!important;gap:16px!important}
}
@media (min-width:2500px){
  body.tv .section.top10 .row-scroll{grid-auto-columns:minmax(360px,14vw)!important;gap:30px!important}
}