/* v25: match the user-approved mobile composition, overriding v24's tight layout.
   The final screenshot uses fictional art; actual cards remain real Publisher entries. */
@media(max-width:850px){
 body{background:#010203!important}
 .workspace{background:#010203!important}
 .topbar{height:69px!important;min-height:69px!important;padding:4px 8px 5px!important;border-bottom:1px solid #a50b22!important;box-shadow:0 2px 12px #ed123526!important}
 .mobile-header-first{height:28px!important;gap:8px!important}
 .mobile-header-second{height:32px!important;gap:6px!important;justify-content:space-between!important}
 .mobile-menu-button{font-size:26px!important;width:25px!important;color:white!important}
 .mobile-brand{font-size:23px!important;letter-spacing:-1.4px!important}
 .mobile-brand .mb-an{color:#fff!important}.mobile-brand .mb-flix{color:#f20b31!important}
 .mobile-brand b{font-size:12px!important;font-style:italic!important;border-radius:3px!important}
 .top-search{flex:1 1 0!important;min-width:0!important;max-width:none!important;margin-right:2px!important}
 .top-search input{height:29px!important;font-size:10.5px!important;padding-left:34px!important;border-radius:12px!important;background:#131a20!important;border:1px solid #58616b!important;letter-spacing:-.1px!important}
 .top-search input::placeholder{color:#d8dce2!important;opacity:1!important}
 .top-search button{left:6px!important;font-size:23px!important;height:29px!important;width:23px!important}
 .top-tool{width:25px!important;height:29px!important;flex:0 0 25px!important;color:white!important}
 .top-tool svg{width:21px!important;height:21px!important}
 .profile{font-size:10px!important;max-width:none!important;min-width:86px!important;width:86px!important;flex:0 0 86px!important;gap:4px!important;white-space:nowrap!important;justify-content:flex-start!important;color:white!important}
 .profile img{width:28px!important;height:28px!important;border:1.5px solid #00c8ed!important}
 .profile span{display:block!important;font-size:9px!important;line-height:1.12!important;font-weight:400!important;letter-spacing:0!important}
 .profile span b{font-size:9px!important}
 .hero{height:182px!important;min-height:182px!important;max-height:182px!important;border-bottom:1px solid #c80727!important}
 .hero-overlay{top:14px!important;left:20px!important;max-width:58%!important;width:58%!important}
 .original-label{font-size:10px!important;margin-bottom:3px!important;white-space:nowrap!important}
 .original-label b{font-size:18px!important}
 .hero h1{font-size:clamp(20px,6.5vw,31px)!important;line-height:.94!important;margin:5px 0 9px!important;max-height:65px!important;letter-spacing:-.8px!important}
 .hero .actions{gap:7px!important;margin-top:9px!important}
 .hero .actions button{font-size:11px!important;padding:7px 11px!important}
 .hero-pagination{right:12px!important;bottom:8px!important}
 .hero-tagline{display:block!important;font-size:7px!important;letter-spacing:1.6px!important;line-height:1.45!important;text-align:left!important;margin-bottom:8px!important;max-width:80px!important}
 .dots{gap:5px!important;justify-content:flex-end!important}
 section.catalog,#continueSection,#watchlistSection{padding:5px 11px 4px!important;overflow:hidden!important}
 .section-title{height:26px!important;margin-bottom:3px!important}
 .section-title h2{font-size:13px!important;font-weight:650!important;gap:5px!important}
 .heading-icon{font-size:17px!important;margin-right:5px!important;color:#f20936!important}
 .section-title button{font-size:10px!important}
 .rail{gap:6px!important}
 .rail .item{flex:0 0 calc((100% - 12px)/3)!important;min-width:0!important;border:1px solid #3c3e47!important;border-radius:4px!important}
 .catalog[data-kind=live] .rail .item{flex:0 0 calc((100% - 24px)/5)!important;background:#06080b!important}
 .catalog[data-kind=live] .rail .poster{aspect-ratio:1.2/1!important;background:linear-gradient(140deg,#15101a,#050709)!important}
 .catalog[data-kind=live] .rail .poster img{object-fit:contain!important}
 .catalog[data-kind=live] .rail .item h3{font-size:9px!important;margin:3px 3px 5px!important;text-align:center!important}
 .live-tag{background:#fa0736!important;font-size:8px!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{aspect-ratio:1.85/1!important}
 #continueSection .item h3{font-size:10px!important;margin:4px 5px 7px!important}
 #trendingNowSection .item,body[data-page=home] .catalog[data-kind=movies] .item,body[data-page=home] .catalog[data-kind=series] .item{min-height:68px!important}
 #trendingNowSection .poster,body[data-page=home] .catalog[data-kind=movies] .poster,body[data-page=home] .catalog[data-kind=series] .poster{aspect-ratio:1.9/1!important}
 #trendingNowSection .item h3,body[data-page=home] .catalog[data-kind=movies] .item h3,body[data-page=home] .catalog[data-kind=series] .item h3{position:absolute!important;bottom:0!important;left:0!important;right:0!important;margin:0!important;padding:15px 5px 5px!important;color:white!important;background:linear-gradient(0deg,#020205f5,#020205b0 52%,transparent)!important;font-size:9px!important;line-height:1.1!important;z-index:2!important;min-height:0!important}
 #trendingNowSection .item h3{padding-left:23px!important}
 #trendingNowSection .item::before{z-index:4!important;bottom:4px!important;left:4px!important;background:#f30a34!important;color:#fff!important;border-radius:3px!important;font-size:11px!important}
 body[data-page=home] .catalog[data-kind=movies] .favorite,body[data-page=home] .catalog[data-kind=series] .favorite,#trendingNowSection .favorite{display:none!important}
 .mobile-end-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;min-height:73px!important;margin-top:30px!important;padding:14px 20px!important;border-top:1px solid #f00734!important;background:linear-gradient(120deg,#1a0307,#050505 75%)!important;color:#eee!important}
 .mobile-end-footer>div{font-size:9px!important;letter-spacing:4px!important;line-height:1.8!important}
 .mobile-end-footer small{font-size:11px!important;color:#888!important}
 footer{display:none!important}
 main{padding-bottom:0!important}
}
@media(max-width:390px){
 .topbar{padding-left:6px!important;padding-right:6px!important}
 .mobile-header-second{gap:4px!important}
 .profile{width:79px!important;min-width:79px!important;flex-basis:79px!important}
 .profile span,.profile span b{font-size:8px!important}
 .top-tool{width:23px!important;flex-basis:23px!important}
 .top-search input{font-size:9.5px!important}
}
@media(min-width:851px){.mobile-end-footer{display:none!important}}