/* HLB V5.4.2w - REAL mobile header row move-up fix
   Targets the actual markup: <header class="topbar"><div class="topbar-inner">...
   Keep the safe-area shell intact; move only the visible control row upward. */

@media (max-width: 820px){
  .topbar > .topbar-inner{
    position: relative !important;
    top: -8px !important;
  }
}

/* iPhone-sized screens: a tiny bit more upward movement */
@media (max-width: 430px){
  .topbar > .topbar-inner{
    top: -9px !important;
  }
}