.site-header .header-inner { column-gap: 24px; }
.site-header .nav { gap: 22px; }
@media (max-width: 1120px) {
  .site-header .header-inner { flex-wrap: wrap; column-gap: 16px; row-gap: 0; padding-top: 10px; }
  .site-header .header-inner .header-action { margin-left: auto; }
  .site-header .header-inner .nav { display: flex; order: 3; flex: 1 0 100%; justify-content: space-between; gap: 8px; margin-left: 0; }
  .site-header .header-inner .nav a { min-height: 44px; font-size: 12px; white-space: nowrap; }
}
@media (max-width: 420px) {
  .site-header .header-inner .nav { gap: 5px; }
  .site-header .header-inner .nav a { font-size: 11px; }
}