/* APacup: unified Mobile header. Desktop styling and button handlers are unchanged. */
@media (max-width:699px) {
  html body .mobile-header {
    left:0 !important; right:0 !important; width:100% !important;
    max-width:100% !important; transform:none !important;
    border-left:0 !important; border-right:0 !important;
    box-sizing:border-box;
  }
  html body .mobile-header > .header-inner {
    display:flex !important; align-items:center !important;
    justify-content:space-between !important;
    box-sizing:border-box; width:100% !important; max-width:100% !important;
    min-width:0 !important; padding-left:clamp(10px,3.5vw,14px) !important;
    padding-right:clamp(10px,3.5vw,14px) !important;
  }
  html body .mobile-header .menu-logo-btn {
    position:relative !important; flex:0 0 auto !important;
    z-index:3; margin:0 !important;
  }
  html body .mobile-header .header-right {
    position:relative !important; right:auto !important; left:auto !important;
    top:auto !important; transform:none !important;
    margin:0 0 0 auto !important;
    flex:0 0 auto !important; display:flex !important;
    align-items:center !important; justify-content:flex-end !important;
    z-index:3; min-width:0 !important;
  }
  html body .mobile-header .header-right .icon-btn { flex:0 0 auto; }
  html body .mobile-header .header-center { display:none !important; }
  html body .mobile-header .ap-v95-welcome {
    left:55px !important; right:125px !important; width:auto !important;
    max-width:none !important; min-width:0 !important;
    overflow:hidden !important; pointer-events:none !important;
  }
  html body .mobile-header .ap-v95-welcome-text { max-width:100%; }
}
@media (max-width:359px) {
  html body .mobile-header .ap-v95-welcome { display:none !important; }
  html body .mobile-header .header-right {gap:0 !important;}
}