/* The legacy user routes below reserve an obsolete 54px mobile band.
   Keep the shared header visual, but align these instances with other pages. */
@media (max-width:760px) {
  html body.hg-welfare-page.bstem[class] > header.hg-topbar,
  html body.mac-invite-wrap.bstem[class] > header.hg-topbar,
  html body.body-recharge-buy.bstem[class] > header.hg-topbar {
    position: fixed !important;
    z-index: 1200 !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
  }

  html body.hg-welfare-page.bstem[class] > main.hg-welfare-shell,
  html body.mac-invite-wrap.bstem[class] > .member-wrap,
  html body.body-recharge-buy.bstem[class] > .foot.foot_nav {
    margin-top: 5px !important;
  }

  html body.hg-welfare-page.bstem[class] > main.hg-welfare-shell {
    width: min(calc(100% - 32px), 430px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}