/* Bigger logo + nav tight to logo; actions stay right */
@media (min-width:993px){
  html body header .head{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
    max-width:var(--max, 1320px) !important;
    width:100% !important;
    margin:0 auto !important;
    padding:12px 14px !important;
  }
  html body header .burger{ display:none !important; }
  html body header .head-brand{
    flex:0 0 auto !important;
    width:auto !important;
    margin:0 !important;
  }
  html body header .head-main{
    display:flex !important;
    flex:1 1 auto !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    min-width:0 !important;
  }
  html body header .head-nav{
    display:flex !important;
    flex:0 0 auto !important;
    gap:16px !important;
    margin:0 !important;
  }
  html body header .head-actions{
    display:flex !important;
    gap:8px !important;
    margin-left:auto !important;
    flex:0 0 auto !important;
  }
  html body header .logo img{
    height:58px !important;
    max-height:58px !important;
    max-width:300px !important;
  }
}
@media (max-width:992px){
  html body header .head{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    max-width:var(--max, 1320px) !important;
    margin:0 auto !important;
    width:100% !important;
    padding:10px 14px !important;
    gap:8px !important;
  }
  html body header .burger{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    display:inline-flex !important;
    flex:0 0 auto !important;
    order:0 !important;
    margin:0 !important;
  }
  html body header .head-brand,
  html body header .logo{
    position:relative !important;
    flex:0 1 auto !important;
    order:1 !important;
    min-width:0 !important;
    max-width:min(160px, 42vw) !important;
    margin:0 !important;
  }
  html body header .logo img{
    max-width:100% !important;
    max-height:40px !important;
    height:auto !important;
  }
  html body header .head-nav{ display:none !important; }
  html body header .head-main{
    display:flex !important;
    flex:1 1 auto !important;
    justify-content:flex-end !important;
    margin-left:auto !important;
    order:2 !important;
    min-width:0 !important;
  }
  html body header .head-search-ico{
    position:relative !important;
    right:auto !important;
    top:auto !important;
  }
}