@media (max-width: 820px) {
  .header-inner {
    column-gap: 14px;
  }

  .nav {
    order: 3;
    flex: 0 0 100%;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 2px;
    scrollbar-width: thin;
  }
}

@media (max-width: 520px) {
  .nav {
    gap: 4px;
  }
}