/* Проект перенесён с примера и живёт на своих стилях.
   Здесь только то, без чего наша форма работает неправильно. */

/* Ловушка для ботов: поле обязано быть в разметке и не быть видно. */
.hp {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%);
  white-space: nowrap; border: 0;
}

/* Поле не прошло проверку */
.err, input.err { border-color: #e2695f !important; }

/* Кнопка на время отправки — иначе заявка уйдёт дважды */
.busy, button.busy { opacity: .65; pointer-events: none; }

/* Ссылка «к содержимому»: не видна, но возвращается по фокусу с клавиатуры */
.skip-link {
  position: absolute; left: auto; inset-inline-start: 16px;
  width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}
.skip-link:focus {
  position: fixed; top: 12px; z-index: 9999;
  width: auto; height: auto; overflow: visible;
  clip: auto; clip-path: none; padding: 8px 14px;
  background: #fff; color: #111; border-radius: 6px;
}

/* Телефонное поле: библиотека оборачивает input в свой контейнер */
.iti { width: 100%; display: block; }
.iti input, .iti input[type=tel] { width: 100% !important; box-sizing: border-box !important; }
.iti__country-list, .iti__dropdown-content { color: #101828; z-index: 9999; }