@media (max-width: 820px) {
  header.nav .wrap { gap: 10px; }
  .nav-right .lang-dd { display: none; }
}
@media (max-width: 560px) {
  header.nav .brand { font-size: 18px; gap: 8px; }
  header.nav .brand img { width: 28px; height: 28px; }
  header.nav .nav-right { gap: 8px; min-width: 0; }
  header.nav .nav-right > .btn { font-size: 12px; padding: 9px 10px; gap: 6px; }
}
@media (max-width: 360px) {
  header.nav .wrap { padding-inline: 12px; gap: 6px; }
  header.nav .brand { font-size: 16px; gap: 6px; }
  header.nav .brand img { width: 26px; height: 26px; }
}