/* Мобильная оптимизация iAnadyr — подключается на всех страницах */
@media (max-width: 820px) {

  html, body { -webkit-text-size-adjust: 100%; }
  body { font-size: 15px; line-height: 1.55; }

  /* контейнеры */
  .wrap, .container, main { padding-left: 14px !important; padding-right: 14px !important; }

  /* заголовки */
  h1 { font-size: 26px !important; line-height: 1.25 !important; }
  h2 { font-size: 20px !important; line-height: 1.3 !important; }
  h3 { font-size: 17px !important; }

  /* сетки в одну колонку */
  .grid, .cards, .grid3, .hero-grid, .row2, .demo-grid, .demo-grid3,
  .stats, .shots, .cols, .features { grid-template-columns: 1fr !important; }

  /* таблицы — прокрутка вместо сжатия */
  table { display: block; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }

  /* формы и кнопки — удобно нажимать */
  input, select, textarea, button,
  .btn, .dbtn, button[type="submit"] {
    font-size: 16px !important;   /* iOS не зумит */
    min-height: 46px;
  }
  button, .btn, .dbtn { padding: 12px 16px !important; }

  /* меню сайта */
  .nav { display: none !important; }
  .burger { display: block !important; }
  .mmenu a { padding: 14px 16px; font-size: 16px; border-bottom: 1px solid rgba(255,255,255,.06); }

  /* карточки и блоки */
  .card, .box, .dcard, .promo, .side { padding: 14px !important; border-radius: 12px !important; }
  .promo .big { font-size: 17px !important; }

  /* скриншоты/картинки */
  img { max-width: 100%; height: auto; }

  /* кнопки чата в демо */
  .kbprev, .kb { grid-template-columns: 1fr !important; }
  .chatprev { min-height: auto !important; }

  /* переключатель фона — не мешает */
  .bg-switch { right: 10px !important; bottom: 10px !important; transform: scale(.92); }
  .bg-switch .brand { font-size: 11px !important; padding: 6px 10px !important; }

  /* футер */
  footer, .footer { font-size: 13px !important; }
}

/* очень узкие экраны */
@media (max-width: 380px) {
  h1 { font-size: 22px !important; }
  .wrap, .container, main { padding-left: 11px !important; padding-right: 11px !important; }
}