.menu-toggle-icon{display:none}

@media(max-width:767px){
  .site-header{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    column-gap:14px;
    row-gap:14px;
    min-height:0;
    padding:14px 18px 16px;
  }

  .brand{min-width:0}
  .brand img{
    width:clamp(190px,54vw,230px);
    max-width:100%;
    max-height:48px;
  }

  .menu-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:92px;
    min-height:46px;
    margin:0;
    padding:0 14px;
    border:1px solid rgba(23,34,53,.16);
    border-radius:13px;
    background:rgba(255,255,255,.56);
    color:#263347;
    font-size:14px;
    font-weight:700;
    box-shadow:0 6px 18px rgba(35,28,20,.04);
  }

  .menu-toggle-icon{
    width:17px;
    height:14px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
  }
  .menu-toggle-icon i{
    display:block;
    width:100%;
    height:1.5px;
    border-radius:99px;
    background:currentColor;
    transition:transform .2s,opacity .2s;
  }
  .menu-toggle[aria-expanded="true"]{
    border-color:rgba(233,95,79,.35);
    background:#fff0ec;
    color:var(--coral);
  }
  .menu-toggle[aria-expanded="true"] .menu-toggle-icon i:first-child{transform:translateY(6.25px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] .menu-toggle-icon i:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] .menu-toggle-icon i:last-child{transform:translateY(-6.25px) rotate(-45deg)}

  .header-search{
    grid-column:1/-1;
    grid-row:2;
    order:initial;
    width:100%;
    min-width:0;
    margin:0;
  }
  .header-search input{
    height:52px;
    padding-left:19px;
    font-size:16px;
  }
  .header-search>button{
    top:6px;
    right:6px;
    width:40px;
    height:40px;
  }

  .site-nav{
    grid-column:1/-1;
    grid-row:3;
    order:initial;
    width:100%;
    margin:0;
    padding:6px;
    gap:6px;
    border:1px solid rgba(23,34,53,.12);
    border-radius:16px;
    background:rgba(255,252,247,.76);
    box-shadow:0 16px 34px rgba(36,29,21,.08);
  }
  .site-nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-nav a{
    min-width:0;
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px 6px;
    border:0;
    border-radius:11px;
    color:#536071;
    font-size:12px;
    font-weight:700;
    line-height:1.25;
    text-align:center;
  }
  .site-nav a:active,.site-nav a:hover{background:#fff0ec;color:var(--coral)}

  .account-nav,.login-link{display:none}
}

@media(max-width:370px){
  .site-header{padding-inline:14px;column-gap:9px}
  .brand img{width:175px}
  .menu-toggle{min-width:82px;padding-inline:11px}
  .site-nav a{font-size:11px}
}