/* AUCTION AZ v125: mobile header fits the viewport without clipping language options.
   No changes to language handlers, desktop navigation, or approved logo asset. */
@media (max-width:700px) {
  #app > header {
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    justify-items:center!important;
    align-content:center!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:91px!important;
    padding:7px 10px 8px!important;
    overflow:visible!important;
  }
  #app > header > .brand {
    grid-row:1!important;
    justify-self:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
  }
  #app > header .brand .logo.logo-approved {
    width:clamp(145px,44vw,195px)!important;
    max-width:100%!important;
    max-height:43px!important;
    height:auto!important;
    object-fit:contain!important;
    transform:none!important;
  }
  #app > header > .header-actions {
    grid-row:2!important;
    justify-self:center!important;
    display:flex!important;
    width:min(100%,370px)!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    justify-content:center!important;
  }
  #app > header .langs {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
    min-width:0!important;
    gap:0!important;
    overflow:hidden!important;
  }
  #app > header .langs button {
    box-sizing:border-box!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
    width:100%!important;
    padding:7px 3px!important;
    font-size:12px!important;
    line-height:18px!important;
    white-space:nowrap!important;
  }
  #app > header .langs .lang-flag {width:18px!important;height:12px!important;object-fit:contain!important}
  #app > header .home-top,
  #app > header .desktop-search,
  #app > header .header-actions > :not(.langs) {display:none!important}
}