/* GOC Control — мобильные правки для внутренних страниц (2026-10-16).
   Подключается после styles.css. Только визуальные исправления, без изменения разметки. */
img, video { max-width: 100%; height: auto; }
.header .logo { min-width: 0; flex-shrink: 1; }
.header .logo span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 767px) {
  .header .logo span { font-family: Manrope, system-ui, sans-serif; font-size: 1.05rem; letter-spacing: -0.01em; }
  /* Кнопка «Приложения»: только иконка, чтобы шапка помещалась в одну строку */
  .header .header-apps__toggle { font-size: 0; gap: 0; min-width: 44px; min-height: 44px; padding: 0 10px; justify-content: center; }
  .header .header-apps__toggle .header-apps__chevron { display: none; }
  /* Удобные зоны нажатия */
  .btn { min-height: 44px; }
  .footer-links a, .legal-nav a, .breadcrumbs a { display: inline-block; padding: 6px 0; }
  /* Таблицы в юридических документах — горизонтальная прокрутка вместо сжатия */
  .legal-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .legal-main a { overflow-wrap: anywhere; }
  /* Фиксированный фон на телефонах тормозит и даёт «пустые» области */
  body { background-attachment: scroll; }
}
@media (max-width: 380px) {
  .header .logo img { width: 32px; height: 32px; }
  .header .logo span { font-size: 0.98rem; }
}

/* Юридические таблицы на узком экране — карточками: строка = блок, первая ячейка — заголовок */
@media (max-width: 559px) {
  .legal-table thead { display: none; }
  .legal-table, .legal-table tbody, .legal-table tr, .legal-table td { display: block; width: auto; min-width: 0; }
  .legal-table tr { padding-left: .9rem !important; padding-right: .9rem !important; }
  .legal-table tr { padding: .7rem 0; border-bottom: 1px solid rgba(148, 163, 184, .22); }
  .legal-table td { border: 0 !important; padding: .2rem 0 !important; }
  .legal-table td:first-child { font-weight: 700; color: #f8fafc; }
  .legal-table--perm td + td + td::before { content: "На сервер: "; font-weight: 600; color: #cbd5e1; }
}