/* Approved logo M1. Only the site header is affected. */
.site-header .brand > img.brand-logo-stage01,
.site-header .logo > img.brand-logo-stage01 {
  display:block; width:100%; max-width:100%; height:auto; object-fit:contain;
}
@media (max-width:760px) {
  .mzhbi-site .site-header .header-main {
    display:grid; grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto 44px 48px; gap:8px 12px; min-height:0;
  }
  .mzhbi-site .site-header .header-main > .brand {
    grid-column:1 / -1; grid-row:1; width:100%; max-width:100%;
    min-width:0; height:auto; margin:0; flex:initial;
  }
  .mzhbi-site .site-header .header-main > .menu-toggle {
    grid-column:2; grid-row:2; justify-self:end;
  }
  .mzhbi-site .site-header .header-main > .header-search {
    grid-column:1 / -1; grid-row:3; min-width:0; width:100%;
  }
}
@media (max-width:620px) {
  .site-header .header-content {flex-wrap:wrap;}
  .site-header .header-content > .logo {
    order:0; flex:0 0 100%; width:100%; max-width:100%; min-width:0;
    height:auto; margin:0;
  }
}