/* Five destinations on all mobile widths, with actions kept in the top bar. */
@media (max-width:740px){
 .mobile-header{display:flex!important;align-items:center;justify-content:space-between;gap:8px}
 .mobile-header .brand{min-width:0;font-size:clamp(15px,4vw,19px)}
 .spro-mobile-header-actions{flex:none;display:flex;gap:3px}
 .spro-mobile-header-actions>*{width:38px;height:38px;min-width:38px}
 .bottom-nav{display:flex!important;justify-content:space-between!important;padding-bottom:env(safe-area-inset-bottom)}
 .bottom-nav>a{flex:1 1 20%!important;min-width:0!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 1px}
 .bottom-nav small{font-size:10px!important;white-space:nowrap}
 .bottom-nav>a .avatar{width:24px;height:24px}
 .spro-mobile-reels-view .mobile-header,.spro-mobile-reels-view .bottom-nav{display:none!important}
 .spro-mobile-reels-view .layout{padding:0!important;margin:0!important;width:100vw;max-width:none!important}
 .spro-mobile-reels-view .layout main{padding:0!important;border:0!important;min-height:100dvh!important}
 .spro-mobile-reels-view .spro-reels-root{width:100vw;height:100dvh;min-height:100dvh;padding:0;margin:0}
 .spro-mobile-reels-view .spro-reels-intro{display:none}
 .spro-mobile-reels-view .spro-reel-stage,.spro-mobile-reels-view .spro-reels-stream{width:100%;height:100%;border-radius:0}
 .spro-mobile-reels-view .spro-reel-back{display:grid}
 .home-search{margin:0 4px 8px!important}
}