/* jetform: дополнения для сайта поверх вёрстки дизайнера (грузится после form.css).
   Файлы дизайнера правим как можно меньше, чтобы их следующую версию можно было просто сравнить и перенести. */

/* Панель поверх всего сайта. Кнопка чата amoCRM стоит на 2147483629 и без этого висела поверх открытой панели. */
.jf { z-index: 2147483630; }

/* Ошибка отправки (нет сети, сервер ответил без привязки к полю) — в подвале слева от кнопки,
   на телефоне (подвал внутри карточки) — строкой над ней. */
.jf-err--send { display: block; flex: 1 1 0; align-self: center; margin: 0 16px 0 4px; }
.jf__foot--inline:has(.jf-err--send) { flex-wrap: wrap; }
.jf__foot--inline .jf-err--send { flex-basis: 100%; margin: 0 4px 12px; }

/* Кит Elementor: .elementor-kit-5 p { margin-block-end: 20px } (0,1,1) перебивает классы прототипа.
   «html» впереди даёт 0,1,2 при любом порядке файлов; значения — нижние отступы абзацев из form.css. */
html .jf-empty, html .jf-note, html .jf-err--consent { margin-block-end: 0; }
html .jf-card__err { margin-block-end: 14px; }
html .jf-done p { margin-block-end: 24px; }
html .jf-err--send { margin-block-end: 0; }
html .jf__foot--inline .jf-err--send { margin-block-end: 12px; }

/* Обёртка главной формы на страницах (глобальный класс main_form_wrap, id g-f58192d; шаблон 30965; в шаблоне
   статей маршрутов 27502 — контейнер 0257cad без класса) сделана под классическую форму: тёмная подложка .4,
   поля 63px по бокам на телефоне, у внутреннего контейнера на части страниц сдвиг -60px. Строка поиска стоит
   прямо на фото, как на макете главной. Через :has — вернут классическую форму, вернётся и обёртка. */
.main_form_wrap:has(.hf), .elementor-element-0257cad:has(.hf) { background: none !important; }
.main_form_wrap:has(.hf) > .e-con { width: 100%; margin-inline: 0 !important; }
@media (max-width: 767px) {
  .main_form_wrap:has(.hf), .elementor-element-0257cad:has(.hf) {
    padding: 32px 16px calc(14px + env(safe-area-inset-bottom)) !important; }
}