@media (max-width:820px) {
  .site-header { flex-wrap:wrap; row-gap:14px; }
  .site-header nav {
    align-items:center;
    border-top:1px solid var(--line,#dedde0);
    display:flex;
    flex:0 0 100%;
    gap:24px;
    justify-content:center;
    order:3;
    padding-top:13px;
  }
  .site-header nav a { font-size:12px; white-space:nowrap; }
}

@media (max-width:380px) {
  .site-header nav { gap:16px; justify-content:space-between; }
  .site-header nav a { font-size:11px; }
}