/* Use margins for the mobile row: older Safari does not support flex gap. */
@media (max-width: 720px) {
  .header { width: 100%; min-width: 0; padding: 0 12px; padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); gap: 0; }
  .brand { min-width: 0; flex: 1 1 0; margin-right: 0; }
  .brand img { min-width: 0; width: 30vw; width: clamp(88px, 30vw, 130px); max-width: 100%; }
  .header-actions { flex: none; margin-left: 6px; gap: 0; }
  .language, .menu { flex: none; margin-left: 6px; }
  .language { margin-left: 5px; }
  .language button { -webkit-appearance: none; appearance: none; flex: none; padding: 0; line-height: 1; }
  .menu { -webkit-appearance: none; appearance: none; padding: 0; }
}