/* Блок заявки для статических страниц.
   Классы с префиксом amaof-, чтобы ничего не пересекалось с ama.css темы.
   Кнопка сознательно берёт .ama-btn из темы — так она совпадает с остальными
   кнопками страницы. Цвета тянем из переменных .ama-lp, они объявлены в ama.css. */

.amaof {
  margin: 34px 0 0;
  padding: 26px 28px 22px;
  background: var(--soft, #f8f2e2);
  border: 1px solid var(--line, #ebdec0);
  border-radius: 4px;
}
.amaof__head { text-align: center; margin-bottom: 18px }
.amaof__head h2 { margin: 6px 0 0; font: 400 clamp(26px, 3.4vw, 34px)/1.2 Prata, Georgia, serif; color: var(--ink, #201c17) }
.amaof__lead { margin: 8px auto 0; color: var(--muted, #6f665b); font-size: 16px; line-height: 1.5 }

.amaof__form { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: start }
.amaof__form label { display: grid; gap: 6px; font-size: 14px; font-weight: 700; color: var(--ink, #201c17) }
.amaof__wide { grid-column: 1 / -1 }
.amaof__form input, .amaof__form textarea {
  width: 100%;
  padding: 11px 12px;
  border: 1px solid var(--line, #ebdec0);
  border-radius: 4px;
  background: #fff;
  color: var(--ink, #201c17);
  font: 16px/1.4 Arial, sans-serif;
}
.amaof__form textarea { resize: vertical }
.amaof__form input:focus, .amaof__form textarea:focus {
  outline: 2px solid rgba(193, 145, 63, .45);
  border-color: var(--accent, #c1913f);
}
.amaof__submit { grid-column: 1 / -1; justify-self: center; margin-top: 2px }
.amaof__submit[disabled] { opacity: .6; cursor: progress }
.amaof__result { grid-column: 1 / -1; min-height: 22px; margin: 0; text-align: center; font-size: 15px; color: var(--accent-d, #9c711f) }
.amaof__result.is-error { color: #b32d2e }

/* Ловушка для ботов: убрана с экрана, но не display:none — часть ботов такие поля пропускает. */
.amaof__trap { position: absolute !important; left: -9999px !important; width: 1px; height: 1px }

@media (max-width: 760px) {
  .amaof { margin-top: 26px; padding: 22px 16px 18px }
  .amaof__form { grid-template-columns: 1fr; gap: 12px }
  .amaof__submit { justify-self: stretch }
}

/* Звёздочка обязательного поля. Селектор длиннее правила .amaof__form label span,
   иначе звёздочка унаследовала бы от него приглушённый серый. */
.amaof__form label .amaof__req { color: #d63638; font-weight: 700 }