/* =====================================================================
 *  shared/lead-form/lead-form.css — окно «Заявка на подключение»
 * =====================================================================
 *  Само окно — канон static/modal.css (.modal-box.modal-chat); здесь только
 *  то, чего в каноне нет: скрытие атрибутом hidden (у .modal-overlay и
 *  .modal-hero в каноне стоит display:flex, и браузерное [hidden] они
 *  перебивают), чипы выбранного тарифа, два поля в ряд, ловушка для ботов.
 * ===================================================================== */
.lead-overlay[hidden], .lead-overlay [hidden] { display: none !important; }
.lead-overlay .modal-close-btn svg { width: 16px; height: 16px; }
.lead-overlay .modal-ico svg { width: 22px; height: 22px; }
.lead-overlay .modal-hero-ico svg { width: 26px; height: 26px; }
.lead-overlay .modal-box { max-width: 520px; }

.lead-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.lead-chip {
  display: inline-flex; align-items: center; padding: 5px 11px; border-radius: 999px;
  background: #fff; box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
  font-size: 12.5px; font-weight: 600; color: #0f172a; white-space: nowrap;
}
.lead-chip.is-plan { background: #2563eb; color: #fff; box-shadow: none; }

.lead-two { display: grid; grid-template-columns: 1fr 1fr; gap: 0 12px; }
@media (max-width: 480px) { .lead-two { grid-template-columns: 1fr; } }
.lead-hint { margin: -4px 0 14px; font-size: 12.5px; color: #64748b; }

/* Ловушка для ботов: вне экрана, но не display:none — её должны «видеть» скрипты. */
.lead-hp { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }

.lead-error { margin: 0 0 12px; padding: 10px 12px; border-radius: 12px; background: #fef2f2; color: #b91c1c; font-size: 13px; line-height: 1.4; }
.lead-overlay .modal-submit-btn[disabled] { opacity: 0.6; cursor: default; }