/* Мелочи на телефоне (30.10.2026): зоны нажатия не меньше 44 px и нижний предел шрифта 13 px.
   Действует только на экранах до 640 px — на компьютере вид не меняется.
   Отключается удалением одной строки <link> из index.html и business-index.html. */
@media (max-width: 640px) {

  /* Нижний предел размера шрифта: мелкие подписи, бейджи, сноски */
  small,
  .text-xs,
  [class*="text-[1"],
  footer a,
  footer p,
  footer span,
  footer li {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  /* Ссылки в подвале: высота нажатия не меньше 44 px */
  footer a,
  footer nav a,
  footer li > a {
    display: inline-flex !important;
    align-items: center;
    min-height: 44px;
    padding-block: 2px;
    padding-inline: 6px;
    margin-inline: -6px;
  }

  /* Переключатель «Гражданам / Бизнесу» */
  .audience-switcher__btn {
    font-size: 13px !important;
    min-height: 40px;
    display: inline-flex !important;
    align-items: center;
    padding-inline: 12px !important;
  }

  /* Небольшие кнопки и значки: добираем зону нажатия, не меняя вид */
  button,
  [role="button"],
  a[aria-label] {
    min-height: 44px;
  }
  a[aria-label] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 44px;
  }

  /* Иконки соцсетей и мессенджеров внутри строки — не растягиваем строку */
  p a[aria-label],
  span a[aria-label] {
    min-height: 0;
    min-width: 0;
  }
}