/* Keep the existing header layout; center the logo against the phone viewport. */
.site-header{grid-template-columns:minmax(190px,270px) minmax(0,1fr) auto auto}
.language-switch,.header-search{justify-self:end}
@media(max-width:1500px){.site-header{grid-template-columns:190px minmax(0,1fr) auto auto}}
@media(max-width:1180px){.site-header{grid-template-columns:180px minmax(0,1fr) auto auto}}
@media(max-width:900px){
  .site-header{grid-template-columns:minmax(0,1fr) 44px 44px}
  .header-search{grid-column:2;display:grid;place-items:center;width:44px;height:44px;padding:0}
  .mobile-menu{grid-column:3}
  .mobile-menu nav .mobile-search{display:none}
}
@media(max-width:560px){
  .site-header{grid-template-columns:minmax(0,1fr) 40px 44px}
  .brand{grid-column:auto;grid-row:auto;position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(170px,calc(100vw - 220px));height:100%;justify-content:center}
  .brand img{width:100%;max-height:78px}
  .header-search{grid-column:2;width:40px}
  .mobile-menu{grid-column:3}
}