/* v24: strict mobile geometry from supplied final mobile composition.
   Layout only; all posters and titles remain real Publisher content. */
@media (max-width:850px){
 html,body{overflow-x:hidden!important;background:#020203!important}
 .workspace{width:100%!important;margin:0!important;min-width:0!important}
 .topbar{position:relative!important;inset:auto!important;height:70px!important;min-height:70px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-between!important;padding:4px 9px 5px!important;gap:0!important;background:#020204!important;border-bottom:1px solid #831020!important;box-shadow:0 3px 14px #e500231b!important}
 .mobile-header-first,.mobile-header-second{display:flex;align-items:center;min-width:0;width:100%;gap:9px}
 .mobile-header-first{height:30px;flex:none}.mobile-header-second{height:33px;flex:none}
 .mobile-menu-button{font-size:25px!important;line-height:1!important;height:29px!important;width:25px!important;display:flex!important;padding:0!important}
 .mobile-brand{display:flex!important;align-items:center!important;gap:0!important;white-space:nowrap!important;font-size:24px!important;line-height:1!important;font-weight:1000!important;letter-spacing:-1.3px!important}
 .mobile-brand .mb-an{color:#fff!important}.mobile-brand .mb-flix{color:#f40733!important}.mobile-brand b{color:#fff!important;font-size:12px!important;letter-spacing:-.5px!important;padding:1px 3px!important;border:1.5px solid #fa1239!important;margin-left:3px!important}
 .top-search{display:flex!important;align-items:center!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;position:relative!important;order:0!important}
 .top-search input,.top-search input.search-open{display:block!important;width:100%!important;min-width:0!important;height:29px!important;padding:0 8px 0 30px!important;font-size:10px!important;color:#fff!important;background:#11161c!important;border:1px solid #49535d!important;border-radius:13px!important;box-shadow:none!important}
 .top-search button{display:flex!important;position:absolute!important;left:6px!important;top:0!important;align-items:center!important;justify-content:center!important;width:22px!important;height:29px!important;font-size:21px!important;color:white!important;background:transparent!important;border:0!important;padding:0!important;pointer-events:none!important}
 .top-tool{flex:none!important;width:23px!important;height:29px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
 .top-tool svg{height:21px!important;width:21px!important}
 #settingsButton{display:flex!important}
 .profile{flex:none!important;display:flex!important;align-items:center!important;gap:5px!important;font-size:0!important;padding:0!important;max-width:44px!important}
 .profile img{width:29px!important;height:29px!important;flex:none!important;border:1.5px solid #00b5e8!important}
 .profile span,.clock{display:none!important}
 .sidebar{display:flex!important;transform:translateX(-105%);z-index:90}
 body.mobile-menu-open .sidebar{transform:translateX(0)}
 .hero{height:182px!important;min-height:182px!important;max-height:182px!important;overflow:hidden!important;border-bottom:1px solid #b70a25!important}
 .hero-art{background-position:center!important;background-size:cover!important}
 .hero-art:after{background:linear-gradient(90deg,#050507ee 0%,#050507b0 33%,transparent 85%)!important}
 .hero-overlay{top:13px!important;left:20px!important;width:70%!important;max-width:270px!important}
 .original-label{font-size:9px!important;letter-spacing:.2px!important;margin:0 0 2px!important}
 .original-label b{font-size:16px!important}.pill{font-size:8px!important;letter-spacing:1px!important}
 .hero h1{font-size:clamp(20px,6vw,30px)!important;line-height:.94!important;letter-spacing:-1px!important;margin:4px 0 7px!important;max-width:100%!important;max-height:59px!important;overflow:hidden!important}
 .actions{display:flex!important;gap:6px!important;margin-top:6px!important;white-space:nowrap!important}
 .actions button{font-size:11px!important;padding:7px 10px!important;border-radius:3px!important}
 .hero-pagination{right:12px!important;bottom:8px!important}.dots{gap:5px!important;margin:0!important}.dots i{width:6px!important;height:6px!important}.hero-tagline{display:none!important}
 #status{display:none!important}
 section.catalog,#continueSection,#watchlistSection{padding:4px 11px 2px!important;margin:0!important;overflow:hidden!important}
 .section-title{height:28px!important;margin:0 0 3px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
 .section-title h2{font-size:13px!important;line-height:1!important;font-weight:650!important;margin:0!important;white-space:nowrap!important;gap:4px!important}
 .heading-icon{font-size:20px!important;line-height:1!important;margin-right:3px!important;color:#f60835!important}
 .section-title button{font-size:10px!important;padding:0!important;white-space:nowrap!important}
 .rail,#continueSection .rail,#trendingNowSection .rail,body[data-page=home] .catalog[data-kind=movies] .rail,body[data-page=home] .catalog[data-kind=series] .rail{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;gap:6px!important;scrollbar-width:none!important;scroll-snap-type:x mandatory!important;align-items:stretch!important}
 .rail::-webkit-scrollbar{display:none!important}
 .rail .item{min-width:0!important;flex:0 0 calc((100% - 12px)/3)!important;border-radius:4px!important;scroll-snap-align:start!important;position:relative!important}
 .rail .poster{height:auto!important;aspect-ratio:2.05/1!important;overflow:hidden!important}
 .rail .poster img{object-fit:cover!important}
 .rail .item h3{font-size:10px!important;line-height:1.15!important;font-weight:500!important;margin:4px 5px 5px!important;min-height:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 .catalog[data-kind=live] .rail .item{flex:0 0 calc((100% - 24px)/5)!important}
 .catalog[data-kind=live] .rail .poster{aspect-ratio:1.1/1!important;background:#07090d!important}
 .catalog[data-kind=live] .rail .poster img{object-fit:contain!important}
 .catalog[data-kind=live] .rail .item h3{font-size:9px!important;margin:4px 3px 5px!important;text-align:center!important}
 .live-tag{font-size:8px!important;top:3px!important;left:3px!important;padding:2px 3px!important}
 .favorite{font-size:13px!important;top:3px!important;right:3px!important;width:19px!important;height:19px!important;line-height:17px!important;padding:0!important}
 #continueSection .rail .item,#trendingNowSection .rail .item,body[data-page=home] .catalog[data-kind=movies] .rail .item,body[data-page=home] .catalog[data-kind=series] .rail .item{flex:0 0 calc((100% - 12px)/3)!important}
 #continueSection .poster,#trendingNowSection .poster,body[data-page=home] .catalog[data-kind=movies] .poster,body[data-page=home] .catalog[data-kind=series] .poster{aspect-ratio:2.05/1!important}
 #continueSection .poster::after{font-size:11px!important;width:24px!important;height:24px!important}
 #continueSection .item::after{top:auto!important;bottom:20px!important;height:3px!important;left:6px!important;right:6px!important;background:linear-gradient(90deg,#ff0738 40%,#646b73 40%)!important}
 #trendingNowSection .item::before{font-size:10px!important;left:4px!important;bottom:5px!important;padding:3px 5px!important}
 #trendingNowSection .item h3{padding-left:19px!important}
 .media-badges{display:none!important}
 /* The reference mobile page ends with a normal footer, not a floating tab bar. */
 footer{display:none!important;position:static!important}
 main{padding:0 0 32px!important;min-height:0!important}
 body:not([data-page=home]) main{padding-top:6px!important}
 body:not([data-page=home]) .rail,body:not([data-page=home]) .catalog[data-kind=movies] .rail,body:not([data-page=home]) .catalog[data-kind=series] .rail{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important}
 body:not([data-page=home]) .rail .item{width:auto!important;flex:auto!important}
 body:not([data-page=home]) .poster{aspect-ratio:3/4!important}
}
@media(max-width:360px){.topbar{padding-left:6px!important;padding-right:6px!important}.mobile-header-second{gap:5px!important}.mobile-brand{font-size:21px!important}.profile{max-width:31px!important}.catalog[data-kind=live] .rail .item{flex-basis:calc((100% - 18px)/4)!important}}