@media (max-width: 900px) {
  .app-header {
    gap: 8px !important;
  }

  .app-header .language-switch {
    display: flex !important;
    flex: 0 0 auto;
    order: 3;
  }

  .app-header .app-nav {
    width: auto !important;
    min-width: 0;
    flex: 1 1 auto;
    justify-content: flex-end;
  }

  .app-header .app-nav a {
    min-width: 42px;
    padding-right: 6px;
    padding-left: 6px;
  }
}

@media (max-width: 520px) {
  .app-header {
    padding-right: 6px !important;
    padding-left: 6px !important;
    gap: 5px !important;
  }

  .app-brand__mark {
    width: 30px;
    height: 30px;
  }

  .app-header .app-nav a {
    min-width: 34px;
    padding-right: 3px;
    padding-left: 3px;
  }

  .app-header .language-switch a {
    padding: 7px 5px;
  }
}