
/* V11.04: layout reset, single row navigation, no overlap */
@media(max-width:720px){
 .app-shell .topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;position:relative!important;gap:6px!important;min-height:64px!important;overflow:visible!important}
 .app-shell .topbar .brand{display:flex!important;align-items:center!important;position:static!important;transform:none!important;left:auto!important;top:auto!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;gap:7px!important}
 .app-shell .topbar .bt-brand-logo{width:36px!important;height:36px!important;flex-shrink:0!important}
 .app-shell .topbar .bt-brand-details{min-width:0!important;overflow:hidden!important}
 .app-shell .topbar .brand-title{font-size:14px!important;white-space:nowrap!important;line-height:1.3!important}
 .app-shell .topbar .brand-sub{font-size:9px!important;max-width:145px!important;white-space:nowrap!important}
 .app-shell .topbar .top-actions{display:flex!important;align-items:center!important;position:static!important;transform:none!important;flex:0 0 auto!important;gap:5px!important;width:auto!important;margin:0!important;padding:0!important}
 .app-shell .topbar .top-actions>:not(#languageSelect):not(#tvSettingsBtn1148):not(#btProfileOpen):not(#tvGlobalShare1184):not(.bt-v1103-menu-btn){display:none!important}
 .app-shell .topbar #languageSelect{position:static!important;transform:none!important;inset:auto!important;order:1!important;display:block!important;width:75px!important;max-width:75px!important;height:37px!important;padding:4px!important;font-size:11px!important;margin:0!important}
 .app-shell .topbar .bt-v1103-menu-btn{order:2!important;display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;min-width:40px!important;height:40px!important;padding:0!important}
 .app-shell .bottom-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-template-rows:1fr!important;align-items:stretch!important;overflow:hidden!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;transform:none!important;margin:0!important;width:100%!important;max-width:none!important;height:calc(65px + env(safe-area-inset-bottom))!important;min-height:0!important;padding:4px 4px calc(4px + env(safe-area-inset-bottom))!important;gap:0!important;z-index:800!important;border-radius:16px 16px 0 0!important}
 .app-shell .bottom-nav>.nav-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;max-width:none!important;width:100%!important;height:55px!important;padding:3px 0!important;gap:3px!important;overflow:hidden!important;white-space:nowrap!important}
 .app-shell .bottom-nav>.nav-item span{font-size:20px!important;line-height:23px!important}
 .app-shell .bottom-nav>.nav-item small{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:10px!important;line-height:14px!important;white-space:nowrap!important}
 .app-shell .main-content{padding-bottom:calc(85px + env(safe-area-inset-bottom))!important}
 .app-shell .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
 .app-shell .category-card h3{font-size:clamp(9px,2.45vw,11px)!important;line-height:1.3!important;min-height:2.6em!important}
}
@media(max-width:370px){.app-shell .topbar .brand-sub{display:none!important}.app-shell .topbar .brand-title{font-size:12px!important}.app-shell .topbar #languageSelect{width:67px!important}}
