/* Phone (portrait): fluid layout with a bottom tab bar. TV layouts stay untouched (body.mobile is set by App.scale). */
body.mobile #app{width:100vw !important;height:100vh !important;height:100dvh !important;overflow:hidden !important}
body.mobile #app .shell{display:flex !important;flex-direction:column !important;width:100% !important;height:100% !important}
body.mobile #app .shell>.main{position:relative !important;top:auto !important;left:auto !important;flex:1 !important;min-height:0 !important;width:100% !important;padding:0 !important;margin:0 !important;display:flex !important;flex-direction:column !important}
body.mobile #app .topbar{display:none !important}
body.mobile #app .view{flex:1 !important;min-height:0 !important;width:100% !important;height:auto !important;overflow:hidden !important;position:relative !important}

/* bottom tab bar (the sidebar element becomes the bar) */
body.mobile #app .shell>.sidebar{order:2 !important;position:relative !important;top:auto !important;left:auto !important;width:100% !important;height:64px !important;flex:0 0 64px !important;display:flex !important;align-items:center !important;justify-content:space-around !important;padding:0 4px !important;background:#14141b !important;border-top:1px solid #272731 !important;z-index:20 !important}
body.mobile #app .sidebar .logo{display:none !important}
body.mobile #app .nav-list{position:static !important;transform:none !important;left:auto !important;display:flex !important;flex-direction:row !important;justify-content:space-around !important;align-items:center !important;width:100% !important;height:100% !important;gap:0 !important;margin:0 !important;padding:0 !important}
body.mobile #app .nav-item{flex:1 !important;min-width:0 !important;height:100% !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:2px !important;font-size:11px !important;line-height:1.1 !important;padding:0 2px !important;margin:0 !important;background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;color:#9a9aa8 !important;white-space:nowrap !important}
body.mobile #app .nav-item .nav-icon{display:block !important;width:22px !important;height:22px !important}
body.mobile #app .nav-item .nav-svg{width:22px !important;height:22px !important}
body.mobile #app .nav-item.active,body.mobile #app .nav-item.active:not(:focus){color:#f4c430 !important;background:none !important;box-shadow:none !important}
body.mobile #app .nav-item.active::after,body.mobile #app .nav-item::after,body.mobile #app .nav-item::before{display:none !important}
body.mobile #app .nav-item[data-view="kids"] .nav-icon{display:none !important}
body.mobile #app .nav-item[data-view="kids"] .kids-logo{font-size:15px !important}
body.mobile #app .nav-item[data-view="favorites"],body.mobile #app .v07-search-nav{display:none !important}

/* Home */
body.mobile #app .v07-home{height:100% !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;display:block !important}
body.mobile #app .v07-home-hero{position:relative !important;width:100% !important;height:300px !important;min-height:0 !important}
body.mobile #app .v07-home-hero-inner{position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;padding:16px !important;width:100% !important;height:auto !important;display:block !important}
body.mobile #app .v07-home-hero-inner>div:first-child{display:none !important}
body.mobile #app .v07-home-copy{width:100% !important;max-width:none !important;padding:0 !important}
body.mobile #app .v07-home-copy h2,body.mobile #app .v07-home-copy h1{font-size:24px !important;line-height:1.15 !important;margin:4px 0 !important}
body.mobile #app .v07-home-copy p{font-size:13px !important;line-height:1.35 !important;max-height:3.9em !important;overflow:hidden !important}
body.mobile #app .v07-home-scroll{position:static !important;width:100% !important;height:auto !important;overflow:visible !important;padding:0 0 16px !important}
body.mobile #app .v07-home-row-section{padding:0 0 6px !important}
body.mobile #app .v07-home-row-section h3{font-size:16px !important;margin:12px 16px 8px !important}
body.mobile #app .v07-home-row{display:flex !important;gap:10px !important;padding:0 16px !important;overflow-x:auto !important;overflow-y:hidden !important;scroll-snap-type:x proximity !important;-webkit-overflow-scrolling:touch !important}
body.mobile #app .v07-home-row>*{flex:0 0 112px !important;width:112px !important;scroll-snap-align:start !important}
body.mobile #app .v07-home-row--live>*{flex-basis:150px !important;width:150px !important}
body.mobile #app .discover-row,body.mobile #app .kids-row{width:100% !important}

/* Kids */
body.mobile #app .kids-view{height:100% !important;overflow:hidden !important;display:flex !important;flex-direction:column !important}
body.mobile #app .kids-layout{flex-direction:column !important;gap:0 !important;height:100% !important}
body.mobile #app .kids-side{flex:0 0 auto !important;flex-direction:row !important;overflow-x:auto !important;overflow-y:hidden !important;gap:8px !important;padding:10px 16px !important}
body.mobile #app .kids-side-item{flex:0 0 auto !important;padding:8px 14px !important;font-size:14px !important;border-radius:999px !important;white-space:nowrap !important}
body.mobile #app .kids-side-item small{display:none !important}
body.mobile #app .kids-side-item .kids-ic{margin-right:6px !important;font-size:16px !important}
body.mobile #app .kids-main{flex:1 !important;min-height:0 !important;overflow-y:auto !important;padding:0 0 12px !important}
body.mobile #app .kids-head{padding:0 16px !important}body.mobile #app .kids-head h2{font-size:22px !important}
body.mobile #app .kids-row .v07-home-row{flex-wrap:wrap !important;overflow:visible !important;gap:10px !important}
body.mobile #app .kids-row .v07-home-row>*{flex:0 0 calc((100% - 52px)/3) !important;width:calc((100% - 52px)/3) !important}
body.mobile #app .nav-list .nav-item{position:static !important;transform:none !important;inset:auto !important;width:auto !important;min-width:0 !important;max-width:none !important}
body.mobile #app .nav-item[data-view="settings"]{font-size:0 !important}
body.mobile #app .nav-item[data-view="settings"] .nav-svg{width:24px !important;height:24px !important}
body.mobile #app .nav-item[data-view="kids"]{font-size:11px !important}
body.mobile #app .v07-home-row>*{height:168px !important}
body.mobile #app .v07-home-row--live>*{height:96px !important}
body.mobile #app .menu-hint,body.mobile #app #menuHint,body.mobile #app .hint-bar{display:none !important}
body.mobile #app .mob-browse{display:flex !important;flex-direction:column !important;height:100% !important;width:100% !important}
body.mobile #app .mob-chips{flex:0 0 auto !important;display:flex !important;gap:8px !important;overflow-x:auto !important;overflow-y:hidden !important;padding:10px 16px !important;-webkit-overflow-scrolling:touch}
body.mobile #app .mob-chip{flex:0 0 auto !important;padding:8px 16px !important;border-radius:999px !important;background:#1c1c25 !important;color:#e9e9ee !important;font-size:14px !important;font-weight:700 !important;border:0 !important;white-space:nowrap}
body.mobile #app .mob-chip.active{background:#f4c430 !important;color:#1b1400 !important}
body.mobile #app .mob-count{flex:0 0 auto !important;padding:0 16px 6px !important;font-size:12px !important;color:#9a9aa8 !important}
body.mobile #app .mob-grid{flex:1 !important;min-height:0 !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch;padding-bottom:12px !important}
body.mobile #app .mob-live .kids-row .v07-home-row>*{flex:0 0 calc((100% - 42px)/2) !important;width:calc((100% - 42px)/2) !important;height:84px !important}
body.mobile #app .mob-grid .kids-row .v07-home-row{padding:0 16px !important}
body.mobile #app .mob-grid .v07-home-row-section{padding:0 !important}
body.mobile #app .mob-grid .v07-home-row-section h3{display:none !important}
body.mobile #app .mob-grid .kids-row .v07-home-row,body.mobile #app .kids-main .kids-row .v07-home-row{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:10px !important;height:auto !important;min-height:0 !important;align-content:start !important;overflow:visible !important}
body.mobile #app .mob-grid .kids-row .v07-home-row>*,body.mobile #app .kids-main .kids-row .v07-home-row>*{width:100% !important;min-width:0 !important;flex:none !important;height:168px !important}
body.mobile #app .mob-live .kids-row .v07-home-row{grid-template-columns:repeat(2,1fr) !important}
body.mobile #app .mob-live .kids-row .v07-home-row>*{height:84px !important}
body.mobile #app .kids-main .v07-home-row-section h3{margin:8px 16px !important}
body.mobile #app .mob-grid .kids-row,body.mobile #app .kids-main .kids-row,body.mobile #app .mob-grid .v07-home-row-section{height:auto !important;min-height:0 !important;margin:0 0 10px !important}
body.mobile #app .mob-grid .v07-home-row>*,body.mobile #app .kids-main .v07-home-row>*{margin:0 !important;left:auto !important;position:relative !important;transform:none !important}
body.mobile #app .mob-grid .v07-home-channel{display:flex !important;flex-direction:row !important;align-items:center !important;gap:10px !important;background:#1c1c25 !important;border-radius:12px !important;padding:8px 10px !important;text-align:left !important;overflow:hidden}
body.mobile #app .mob-grid .v07-home-channel span{font-size:13px !important;line-height:1.2 !important;white-space:normal !important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.mobile #app .mob-grid .v07-home-channel img,body.mobile #app .mob-grid .v07-home-channel .channel-logo,body.mobile #app .mob-grid .v07-home-channel i{flex:0 0 44px !important;width:44px !important;height:44px !important;object-fit:contain}
body.mobile #app .nav-item{text-align:center !important;justify-content:center !important;align-items:center !important}
body.mobile #app .nav-item .nav-icon{display:flex !important;justify-content:center !important;align-items:center !important;margin:0 !important;padding:0 !important;width:100% !important;height:24px !important}
body.mobile #app .nav-item[data-view="kids"] .nav-icon{display:none !important}
body.mobile #app .nav-item[data-view="kids"] .kids-logo{margin:0 auto !important}

/* ---- Login / activation ---- */
body.mobile #app .login-screen{display:flex !important;flex-direction:column !important;height:100% !important;overflow-y:auto !important;padding:28px 18px 32px !important;gap:20px !important;-webkit-overflow-scrolling:touch}
body.mobile #app .login-brand{width:100% !important;max-width:none !important;padding:0 !important;margin:0 !important;text-align:center !important}
body.mobile #app .login-brand .brand-wordmark{width:200px !important;max-width:70% !important;height:auto !important}
body.mobile #app .login-brand h1,body.mobile #app .login-brand p{font-size:15px !important;line-height:1.4 !important;margin:8px 0 !important}
body.mobile #app .brand-lockup span{font-size:12px !important}
body.mobile #app .feature-pills{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:6px !important}
body.mobile #app .feature-pill{font-size:11px !important;padding:5px 10px !important}
body.mobile #app .login-card{width:100% !important;max-width:none !important;padding:20px 18px !important;margin:0 !important;box-sizing:border-box !important}
body.mobile #app .login-card h2{font-size:21px !important}
body.mobile #app .login-card .sub,body.mobile #app .login-note{font-size:13px !important}
body.mobile #app .login-card .field input,body.mobile #app .login-card .field select{font-size:16px !important;height:48px !important;width:100% !important}
body.mobile #app .login-card .field span{font-size:13px !important}
body.mobile #app .field-row{display:block !important}
body.mobile #app .button-row{display:flex !important;flex-direction:column !important;gap:10px !important}
body.mobile #app .button-row button{width:100% !important;height:50px !important;font-size:16px !important}
/* license/activation layers and site dialogs */
body.mobile #app .site-card,body.mobile .site-card{width:calc(100vw - 32px) !important;max-width:420px !important;min-width:0 !important;padding:22px 18px !important;box-sizing:border-box}
body.mobile .lp-lic-card,body.mobile .license-card,body.mobile .lic-card{width:calc(100vw - 32px) !important;max-width:420px !important;min-width:0 !important}
body.mobile .exit-card{min-width:0 !important;width:calc(100vw - 40px) !important;padding:26px 18px !important}

/* ---- Settings ---- */
body.mobile #app .settings-tabs{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;gap:8px !important;padding:10px 16px !important;-webkit-overflow-scrolling:touch}
body.mobile #app .settings-tab{flex:0 0 auto !important;padding:8px 16px !important;font-size:14px !important;border-radius:999px !important;white-space:nowrap}
body.mobile #app .settings-grid,body.mobile #app .settings-panel{display:flex !important;flex-direction:column !important;gap:14px !important;padding:0 16px 20px !important;width:100% !important}
body.mobile #app .settings-card{width:100% !important;max-width:none !important;min-width:0 !important;padding:18px 16px !important;box-sizing:border-box !important;margin:0 !important}
body.mobile #app .settings-card h3{font-size:18px !important}
body.mobile #app .about-list>div,body.mobile #app .settings-card .row,body.mobile #app .account-row{display:flex !important;flex-wrap:wrap !important;gap:4px 12px !important;justify-content:space-between !important;font-size:14px !important}
body.mobile #app .about-list strong,body.mobile #app .settings-card strong{writing-mode:horizontal-tb !important;word-break:break-word !important;max-width:100% !important}
body.mobile #app .settings-card button,body.mobile #app .settings-card select,body.mobile #app .settings-card input{max-width:100% !important;min-height:44px !important;font-size:15px !important}
body.mobile #app .view>.scroll-view,body.mobile #app .view .settings-scroll{height:100% !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch}

/* ---- Detail (filme / série) ---- */
body.mobile #app .detail-scroll{height:100% !important;overflow-y:auto !important;padding:0 !important;-webkit-overflow-scrolling:touch}
body.mobile #app .detail-hero,body.mobile #app .series-hero{position:relative !important;height:auto !important;min-height:0 !important;width:100% !important;padding:0 !important}
body.mobile #app .detail-backdrop,body.mobile #app .series-hero-art{height:240px !important;width:100% !important;position:relative !important}
body.mobile #app .detail-layout,body.mobile #app .series-summary{position:relative !important;display:flex !important;flex-direction:column !important;gap:14px !important;padding:0 16px 20px !important;margin-top:-70px !important;width:100% !important;box-sizing:border-box !important}
body.mobile #app .detail-poster,body.mobile #app .series-poster{width:120px !important;height:180px !important;flex:0 0 auto !important}
body.mobile #app .detail-copy h2,body.mobile #app .series-summary h2{font-size:24px !important;line-height:1.15 !important}
body.mobile #app .detail-plot{font-size:14px !important;line-height:1.45 !important}
body.mobile #app .detail-actions{display:flex !important;flex-direction:column !important;gap:10px !important}
body.mobile #app .detail-actions button{width:100% !important;height:48px !important;font-size:16px !important}
body.mobile #app .detail-facts{font-size:13px !important}

/* ---- Series detail ---- */
body.mobile #app .series-summary{align-items:flex-start !important}
body.mobile #app .series-summary>div:last-child{width:100% !important}
body.mobile #app .series-summary h2{font-size:24px !important;word-break:normal !important}
body.mobile #app .series-poster{align-self:flex-start !important}
body.mobile #app .season-bar,body.mobile #app .season-tabs{display:flex !important;overflow-x:auto !important;gap:8px !important;padding:0 16px !important;white-space:nowrap}
body.mobile #app .season-button{font-size:15px !important;flex:0 0 auto !important}
body.mobile #app .episode-grid{display:flex !important;flex-direction:column !important;gap:10px !important;padding:12px 16px 24px !important;width:100% !important;box-sizing:border-box !important}
body.mobile #app .episode-card{width:100% !important;min-height:84px !important;height:auto !important;display:flex !important;flex-direction:row !important;align-items:center !important;gap:12px !important;padding:12px 14px !important;margin:0 !important;text-align:left !important}
body.mobile #app .episode-card strong{font-size:15px !important}
body.mobile #app .episode-card p{font-size:12px !important;margin:2px 0 0 !important;max-height:2.6em;overflow:hidden}
body.mobile #app .episode-card>div{flex:1 !important;min-width:0 !important}

/* ---- Favoritos ---- */
body.mobile #app .view>.scroll-view,body.mobile #app .favorites-view,body.mobile #app .favorite-groups-view{height:100% !important;overflow-y:auto !important;padding:12px 0 24px !important}
body.mobile #app .favorite-groups-heading,body.mobile #app .favorite-groups-heading-actions{flex-wrap:wrap !important;gap:8px !important;padding:0 16px !important;width:100% !important;box-sizing:border-box !important}
body.mobile #app .favorite-groups-heading h2{font-size:24px !important}
body.mobile #app .favorite-groups-heading-actions button{height:44px !important;font-size:14px !important;padding:0 14px !important}
body.mobile #app .favorite-group-card{flex:0 0 112px !important;width:112px !important;height:112px !important}

/* ---- Web player (browsers; the Android app uses its native player) ---- */
body.mobile #app .player,body.mobile .player{width:100vw !important;height:100vh !important;height:100dvh !important}
body.mobile #app .player-hints,body.mobile #app .player-program-description{display:none !important}
body.mobile #app .player-top{padding:12px 16px !important}
body.mobile #app .player-bottom{padding:0 12px 16px !important}
body.mobile #app .player-transport button{height:46px !important;min-width:64px !important;font-size:15px !important}
body.mobile #app .player-channel{font-size:18px !important}
body.mobile #app .v07-series-detail-hero{position:relative !important;height:auto !important;min-height:0 !important;width:100% !important;padding:0 !important}
body.mobile #app .v07-series-detail-summary{display:flex !important;flex-direction:column !important;gap:14px !important;padding:24px 16px 12px !important;width:100% !important;box-sizing:border-box !important;position:relative !important}
body.mobile #app .v07-series-detail-poster{width:120px !important;height:180px !important;flex:0 0 auto !important}
body.mobile #app .v07-series-detail-copy{width:100% !important;max-width:none !important;padding:0 !important;margin:0 !important}
body.mobile #app .v07-series-detail-copy h2{font-size:24px !important;line-height:1.15 !important;max-width:none !important}
body.mobile #app .v07-series-detail-plot{font-size:14px !important;line-height:1.45 !important;max-width:none !important}
body.mobile #app .v07-series-detail-actions{display:flex !important;flex-direction:column !important;gap:10px !important;width:100% !important}
body.mobile #app .v07-series-detail-actions button{width:100% !important;height:48px !important;font-size:16px !important}
body.mobile #app .v07-series-episodes{padding:0 !important;width:100% !important}
body.mobile #app .v07-series-season-bar,body.mobile #app .v07-series-seasons{display:flex !important;overflow-x:auto !important;gap:8px !important;padding:0 16px !important;white-space:nowrap}
body.mobile #app .v07-series-season-button{flex:0 0 auto !important;font-size:15px !important}
body.mobile #app .v07-series-episode-card{width:100% !important;height:auto !important;min-height:84px !important;display:flex !important;flex-direction:row !important;align-items:center !important;gap:12px !important;padding:10px 12px !important}
body.mobile #app .v07-series-episode-art{flex:0 0 112px !important;width:112px !important;height:64px !important}
body.mobile #app .favorite-groups-heading>div:last-child{margin:0 !important;padding:0 !important}

body.mobile #app .mob-searchbar{flex:0 0 auto !important;padding:10px 16px 0 !important}
body.mobile #app .mob-search{width:100% !important;height:44px !important;border-radius:12px !important;border:1px solid #2a2a33 !important;background:#14141b !important;color:#fff !important;padding:0 14px !important;font-size:16px !important;box-sizing:border-box !important}
body.mobile #app .mob-chips{padding-top:8px !important}

/* ---- License gate (activation / trial ended) and banner ---- */
body.mobile .license-gate{align-items:flex-start !important;overflow-y:auto !important;padding:24px 0 !important}
body.mobile .license-card{width:calc(100vw - 32px) !important;padding:28px 20px !important;border-width:1px !important;border-radius:20px !important;margin:0 auto !important;box-sizing:border-box !important}
body.mobile .license-logo{height:56px !important}
body.mobile .license-title{font-size:24px !important}
body.mobile .license-message{font-size:16px !important;margin-bottom:18px !important}
body.mobile .license-rows{display:block !important;min-width:0 !important;width:100% !important;margin-bottom:16px !important}
body.mobile .license-row{font-size:17px !important;gap:12px !important;padding:10px 0 !important;flex-wrap:wrap}
body.mobile .license-how{font-size:14px !important;margin-bottom:20px !important}
body.mobile .license-actions{flex-direction:column !important;gap:10px !important}
body.mobile .license-btn{min-width:0 !important;width:100% !important;font-size:17px !important;padding:14px 18px !important;border-width:2px !important}
body.mobile .license-banner{font-size:14px !important;padding:10px 14px !important}
body.mobile .login-activation{max-width:none !important;margin-top:18px !important;padding:16px !important}
body.mobile .login-activation h3{font-size:17px !important}
body.mobile .login-activation-row{font-size:16px !important;gap:12px !important;flex-wrap:wrap}
body.mobile .login-activation p{font-size:13px !important}

/* ---- Lite mode (Android WebView): no blur/backdrop filters, no transitions or looping animations. Much lighter on weak TV boxes and emulators. */
body.lite *,body.lite *::before,body.lite *::after{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;filter:none !important;transition:none !important;scroll-behavior:auto !important}
body.lite .v07-root-media-backdrop-layer,body.lite .v07-media-backdrop-layer{transition:none !important}

body.mobile #app .settings-split{display:block !important}
body.mobile #app .settings-side.settings-tabs{flex-direction:row !important;width:auto !important}
body.mobile #app .settings-group{display:none !important}
body.mobile #app .settings-side .settings-tab{width:auto !important;text-align:center !important;border-radius:999px !important}

/* phone: channels one per row with the full name; titles under posters; safe bottom bar */
body.mobile #app .mob-live .kids-row .v07-home-row{grid-template-columns:1fr !important}
body.mobile #app .mob-live .kids-row .v07-home-row>*{height:64px !important}
body.mobile #app .mob-grid .v07-home-channel span{-webkit-line-clamp:2;font-size:15px !important;font-weight:700 !important}
body.mobile #app .mob-grid .v07-home-poster{height:auto !important;min-height:0 !important;position:relative !important;display:flex !important;flex-direction:column !important;gap:6px !important;background:none !important;padding:0 !important}
body.mobile #app .mob-grid .v07-home-poster .v07-home-poster-art{position:relative !important;inset:auto !important;height:168px !important;width:100% !important;flex:0 0 168px !important;border-radius:12px !important;overflow:hidden !important}
body.mobile #app .mob-cap{display:block;font-size:12px;line-height:1.25;color:#d7d7df;text-align:left;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em}
body.mobile #app .mob-grid .kids-row .v07-home-row>.v07-home-poster{height:auto !important}
body.mobile #app .kids-pills{padding:8px 16px 0 !important;gap:8px !important;overflow-x:auto}
body.mobile #app .kids-pill{padding:8px 18px !important;font-size:14px !important}
body.mobile #app .mob-grid .kids-row .v07-home-row>button.v07-home-poster.focusable{height:auto !important}
body.mobile #app .mob-grid .v07-home-poster>span.mob-cap{display:-webkit-box !important;position:static !important;opacity:1 !important;visibility:visible !important}

/* phone: buttons and dialogs in phone sizes (the TV sizes are far too big here) */
body.mobile #app .primary-button,body.mobile #app .secondary-button,body.mobile #app .danger-button{min-height:44px !important;height:auto !important;padding:10px 18px !important;font-size:15px !important;border-radius:12px !important;line-height:1.2 !important;width:auto !important;max-width:100% !important;white-space:normal !important}
body.mobile #app .v07-home-copy .primary-button,body.mobile #app .v07-home-copy .secondary-button{margin:0 8px 8px 0 !important}
body.mobile #app .v07-home-copy .secondary-button{background:rgba(255,255,255,.12) !important}
body.mobile #app .detail-actions,body.mobile #app .v07-detail-actions{display:flex !important;flex-wrap:wrap !important;gap:8px !important}
body.mobile #app .detail-actions button,body.mobile #app .v07-detail-actions button{flex:1 1 auto !important;min-width:120px !important}
body.mobile #app .settings-card p{font-size:14px !important;margin:0 0 14px !important}
body.mobile #app .settings-card .field span{font-size:13px !important}
body.mobile #app .meta-chip{font-size:13px !important;padding:6px 12px !important}
body.mobile .exit-card{min-width:0 !important;width:min(86vw,340px) !important;padding:22px 18px !important;border-radius:16px !important}
body.mobile .exit-card h2{font-size:20px !important;margin:0 0 6px !important}
body.mobile .exit-card p{font-size:14px !important;margin:0 0 16px !important}
body.mobile .exit-actions{gap:10px !important}
body.mobile .exit-actions button{min-width:0 !important;flex:1 1 0 !important;padding:12px 10px !important;font-size:16px !important;border-radius:12px !important}
body.mobile .site-card,body.mobile .site-card-pin{width:min(92vw,360px) !important;padding:22px 18px !important;border-radius:18px !important}
body.mobile .site-title{font-size:22px !important;margin:0 0 8px !important}
body.mobile .site-text{font-size:15px !important;margin:0 0 14px !important}
body.mobile .site-note{font-size:13px !important}
body.mobile .site-btn{padding:12px 16px !important;font-size:16px !important;border-radius:12px !important;border-width:2px !important}
body.mobile .site-dots{font-size:30px !important;margin:0 0 14px !important}
body.mobile .site-pad{gap:8px !important}
body.mobile .site-key{padding:12px 0 !important;font-size:22px !important}
body.mobile .site-list{gap:10px !important;margin:0 0 14px !important}
body.mobile #app .hp-strip{padding:0 !important;margin:6px 0 !important}
body.mobile #app .hp-strip h3{margin:12px 16px 8px !important;font-size:16px !important}
body.mobile #app .hp-row{padding:0 16px !important;gap:10px !important}
body.mobile #app .hp-event{flex:0 0 230px !important;min-width:230px !important}
body.mobile #app .v07-home-row--live .v07-home-channel img{max-width:70% !important;max-height:70% !important;object-fit:contain !important}
body.mobile #app .hp-row{overflow-x:auto !important;-webkit-overflow-scrolling:touch}
/* slimmer bottom bar */
html body.mobile #app .shell>.sidebar{height:56px !important;min-height:0 !important;max-height:56px !important;flex:0 0 56px !important;padding:0 4px !important}
html body.mobile #app .shell>.sidebar .nav-list,html body.mobile #app .shell>.sidebar .nav-item{height:56px !important;min-height:0 !important;max-height:56px !important}
html body.mobile #app .nav-item{font-size:10px !important;gap:1px !important;padding:0 !important}
html body.mobile #app .nav-item[data-view="kids"]{font-size:10px !important}

/* Kids on the phone: pills + list share the screen; the list is the part that scrolls */
body.mobile.kids-mode #view{display:flex !important;flex-direction:column !important;height:100% !important}
body.mobile.kids-mode #app .kids-pills{flex:0 0 auto !important}
body.mobile.kids-mode #app .mob-browse{height:auto !important;flex:1 1 0 !important;min-height:0 !important}
body.mobile #app .settings-panel[hidden]{display:none !important}
body.mobile #app .theme-picker{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important}
body.mobile #app .theme-choice{width:100% !important;min-width:0 !important;padding:10px !important;font-size:14px !important}
body.mobile #app .theme-choice{display:flex !important;align-items:center !important;gap:8px !important;overflow:hidden !important}
body.mobile #app .theme-choice span{min-width:0 !important;white-space:normal !important;line-height:1.2 !important;font-size:13px !important;text-align:left !important;flex:1 !important}
body.mobile #app .theme-choice .theme-preview{flex:0 0 22px !important;width:22px !important;height:22px !important}

/* Phone home shelves: the cover fills its card (no empty band around it) and the cards sit 10px apart. */
body.mobile #app .v07-home-row--poster>.v07-home-poster{padding:0 !important;margin:0 !important;border-radius:14px !important}
body.mobile #app .v07-home-row--poster .v07-home-poster-art{flex:1 1 auto !important;width:100% !important;height:100% !important;border-radius:14px !important}
body.mobile #app .v07-home-row{scroll-padding-left:16px !important}
/* tighter covers: 6px between them on the phone */
body.mobile #app .v07-home-row{gap:6px !important}
body.mobile #app .mob-grid .kids-row .v07-home-row,body.mobile #app .kids-main .kids-row .v07-home-row{gap:6px !important}
/* Home shelves on the phone are as tall as their covers (they inherited the TV row height, leaving a big empty band between shelves). */
body.mobile #app .v07-home-row-section:not(.kids-row),body.mobile #app .discover-row:not(.kids-row){height:auto !important;min-height:0 !important}
body.mobile #app .v07-home-row--poster{height:auto !important;min-height:0 !important;align-items:flex-start !important}