/* Мобильная пачка morrowgroup.ru — решения владельца 22.09, пункты 2, 3, 6 и 9.
   Только телефоны: до 767 px. Десктоп и планшеты этих правил не получают.
   Страницы продажи файл не подключают (functions.php) — правило владельца. */
@media only screen and (max-width: 767px) {

  /* п.2. Поле со шрифтом меньше 16 px Safari при касании увеличивает страницу,
     и после ввода она остаётся увеличенной. Все поля форм — не меньше 16 px. */
  input[type="text"], input[type="tel"], input[type="email"], input[type="number"],
  input[type="search"], input[type="password"], input[type="url"], input:not([type]),
  select, textarea {
    font-size: 16px !important;
  }

  /* п.3. На айфоне открытая клавиатура закрывает низ экрана, а подложка окна
     (.popup — position: fixed) выше не становится. Если окно по высоте влезает
     в экран, прокручивать нечего, и кнопка «Оставить заявку» остаётся под
     клавиатурой. Запас снизу даёт подтянуть окно вверх над клавиатурой. */
  .popup.active {
    -webkit-overflow-scrolling: touch;
  }
  .popup.active .popup_box {
    margin-bottom: 45vh;
  }

  /* п.6. Подвал стоит position: absolute; bottom: 0, а место под него —
     body { padding-bottom: 255px }, число жёсткое. На узком экране текст подвала
     переносится, подвал становится выше 255 px и лишним заходит вверх — на
     содержимое: на «Показать ещё варианты» гео-страниц (п.6) и на полукруглые
     кнопки «Купить офис / Аренда офиса» главной (п.9). На 320 px наезд 1 px, на
     280 px — 119 px; с увеличенным текстом Safari — на обычных айфонах.
     На телефонах подвал встаёт в обычный поток, резерв снимается. */
  html body {             /* специфичнее, чем body в style.css, — порядок подключения не важен */
    padding-bottom: 0;
  }
  html #footer {
    position: static;
  }
}