/* v23: mobile reference layout audit. Last stylesheet wins over v14/v15. */
:root{--an-red:#ff0738;--an-panel:#050609;--an-border:#35404b}
html,body{max-width:100%;overflow-x:hidden;background:#020305;color:#f8f9fb}
#status{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;padding:0!important;border:0!important}
.hero .original-label{font-weight:700}.hero .original-label b{font-style:italic;font-weight:1000}
.item{background:#05070b;border:1px solid #39414c;box-shadow:inset 0 -15px 30px #05060944}
.item h3{color:#fff;font-weight:600}.poster img{object-position:center;}
.catalog[data-kind="live"] .poster img{object-fit:contain;background:linear-gradient(145deg,#05080c,#141016)}
#continueSection .poster::after{content:'▶';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1.5px solid #fff;border-radius:50%;background:#000a;color:white;width:34px;height:34px;display:grid;place-items:center;font-size:15px;pointer-events:none}
#continueSection .item::after{content:'';position:absolute;left:7px;right:7px;top:calc(var(--continue-poster-height, 84px) - 8px);height:4px;background:linear-gradient(90deg,#ff0738 55%,#626a72 55%);border-radius:6px;pointer-events:none}
#trendingNowSection .rail{counter-reset:trending}
#trendingNowSection .item{counter-increment:trending}
#trendingNowSection .item::before{content:counter(trending);position:absolute;z-index:3;bottom:8px;left:8px;color:#fff;font-size:14px;font-weight:900;background:#fb0938;border-radius:4px;padding:4px 8px;pointer-events:none}
#trendingNowSection .item h3{padding-left:26px}
@media(max-width:850px){
 .topbar{position:relative;left:auto;right:auto;top:auto;height:64px;padding:0 13px;gap:11px;background:#030407;border-bottom:1px solid #3a1b22;z-index:25;display:flex;align-items:center}
 .top-spacer{flex:1}.mobile-menu-button{display:flex;align-items:center;justify-content:center;width:32px;height:40px;background:transparent;border:0;color:white;font-size:27px;flex:none}
 .mobile-brand{display:flex;align-items:center;white-space:nowrap;gap:0;font-size:25px;letter-spacing:-1.3px;font-weight:1000}.mobile-brand .mb-an{color:white}.mobile-brand .mb-flix{color:#f80735}.mobile-brand b{font-size:12px;font-style:italic;border:1.5px solid #f80735;border-radius:3px;padding:1px 3px;margin-left:4px;color:white;letter-spacing:-.5px}
 .top-search{width:auto}.top-search input{display:none}.top-search button{display:flex;align-items:center;justify-content:center;font-size:26px;padding:0;width:28px;height:38px}
 .top-tool{padding:0;font-size:0;display:flex;align-items:center;justify-content:center;width:28px;height:35px}.top-tool svg{width:25px;height:25px}.profile{padding:0;font-size:0;gap:0}.profile img{height:36px;width:36px;border:2px solid #00b6ed}.profile span{display:none}
 .sidebar{display:flex;transform:translateX(-105%);transition:transform .2s ease;z-index:90;width:min(280px,80vw)}body.mobile-menu-open .sidebar{transform:translateX(0)}.sidebar nav button{font-size:15px}
 .workspace{width:100%;margin:0}.hero{height:clamp(260px,55vw,390px);min-height:260px}.hero-art{background-position:center center}.hero-art:after{background:linear-gradient(90deg,#040408ed 0%,#0404088a 35%,transparent 80%),linear-gradient(0deg,#020305 0%,transparent 25%)}
 .hero-overlay{top:35px;left:20px;width:min(70%,440px)}.original-label{font-size:11px;margin-bottom:5px}.original-label b{font-size:19px}.pill{font-size:9px}.hero h1{font-size:clamp(28px,5.2vw,52px);line-height:.95;letter-spacing:-1.4px;margin:8px 0 10px;max-width:100%;overflow-wrap:break-word}
 .actions{gap:9px;margin-top:9px}.actions button{font-size:13px;padding:11px 13px;border-radius:5px}.hero-pagination{right:16px;bottom:15px}.hero-tagline{display:none}.dots{gap:8px}.dots i{width:9px;height:9px}
 section.catalog,#continueSection,#watchlistSection{padding:7px 13px 3px}.section-title{height:37px;margin-bottom:4px}.section-title h2{font-size:18px;display:flex;align-items:center;gap:4px}.heading-icon{font-size:22px;margin-right:4px}.section-title button{font-size:12px;white-space:nowrap}
 .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;gap:9px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;grid-template-columns:none}
 .rail .item{scroll-snap-align:start;flex:0 0 32%;min-width:0;border-radius:6px}.rail .poster{height:auto;aspect-ratio:1.55/1}.rail .item h3{font-size:12px;margin:5px 6px 7px;line-height:1.2;min-height:14px}
 .catalog[data-kind="live"] .rail .item{flex-basis:29%}.catalog[data-kind="live"] .poster{aspect-ratio:1.2/1}.catalog[data-kind="live"] .item h3{font-size:11px}
 #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 42%}
 #continueSection .poster,#trendingNowSection .poster,body[data-page="home"] .catalog[data-kind="movies"] .poster,body[data-page="home"] .catalog[data-kind="series"] .poster{height:auto;aspect-ratio:1.9/1}
 #continueSection .item::after{top:calc((100vw - 26px)*.42/1.9 - 7px)}
 #trendingNowSection .item::before{bottom:7px;font-size:13px;padding:3px 6px}
 #trendingNowSection .item h3{padding-left:22px}
 .favorite{top:4px;right:4px;font-size:18px;width:26px;height:26px;line-height:25px}.live-tag{top:4px;left:4px;padding:3px 4px;font-size:10px}
 .media-badges{bottom:5px;left:5px}
 footer{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#08090deF;border-top:1px solid #f00737;padding:8px 0 max(8px,env(safe-area-inset-bottom))}footer button{flex:1;gap:3px;font-size:25px}footer button span{font-size:11px}
 main{padding-bottom:90px}
 body:not([data-page="home"]) main{padding-top:8px}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;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:visible}body:not([data-page="home"]) .rail .item{width:auto}body:not([data-page="home"]) .poster{height:auto;aspect-ratio:3/4}
}
@media(max-width:480px){
 .topbar{height:60px;padding:0 11px;gap:8px}.mobile-brand{font-size:22px}.mobile-brand b{font-size:11px}.mobile-menu-button{width:28px}.top-search button{width:25px}.top-tool{width:25px}.profile img{height:32px;width:32px}
 .hero{height:265px;min-height:265px}.hero-overlay{top:35px;left:17px;width:75%}.hero h1{font-size:clamp(25px,7vw,35px)}.actions button{font-size:12px;padding:9px 11px}
 .section-title h2{font-size:17px}.rail .item{flex-basis:40%}.catalog[data-kind="live"] .rail .item{flex-basis:39%}
 #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-basis:56%}
 #continueSection .item::after{top:calc((100vw - 26px)*.56/1.9 - 7px)}
 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{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:851px){.mobile-menu-button{display:none}}