/* mobile-fix.css — базовая адаптация без переделки вёрстки.
   Разместить в корне сайта и подключить из <head> (см. head-snippet.html).
   Задача: убрать горизонтальную прокрутку и сделать читаемыми табличные страницы. */

@media (max-width: 820px) {
  /* 1. Фиксированные таблицы перестают задавать ширину страницы */
  html, body { width: auto !important; min-width: 0 !important; }
  table[width], td[width] { width: auto !important; }
  img { max-width: 100% !important; height: auto !important; }

  /* 2. Блоки-обёртки фиксированной ширины растягиваем на экран */
  body > table, body > center > table, body > div > table {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* 3. Двух- и трёхколоночные раскладки складываем в одну колонку */
  table > tbody > tr > td[width] {
    display: block !important;
    width: auto !important;
    box-sizing: border-box;
  }

  /* 4. Текст и отступы под палец */
  body { font-size: 16px !important; line-height: 1.5 !important; }
  p, li, td { font-size: 15px !important; }
  a { padding: 2px 0; }
  h1 { font-size: 22px !important; }
  h2 { font-size: 19px !important; }

  /* 5. Формы и кнопки удобного размера */
  input, textarea, select, button { font-size: 16px !important; max-width: 100% !important; }
  input[type="submit"], button { min-height: 44px; }

  /* 6. Широкие таблицы характеристик — горизонтальная прокрутка внутри блока, а не всей страницы */
  table { display: block; overflow-x: auto; }
}