/* ==========================================================================
Вставить в: Настройки сайта → Ещё → Пользовательские CSS-стили
ОБЯЗАТЕЛЬНО замените #recXXXXXXX на реальный ID вашего Zero Block
(виден в левом верхнем углу панели, когда блок открыт на редактирование).
Это ограничит стили только этой формой, не задев остальной сайт.
========================================================================== */

/* --- Шрифт: Тильда берёт его через CSS-переменную, проще переопределить её,
   чем ловить каждый класс отдельно. Действует на все элементы формы сразу. --- */
#rec2737576001 {
  --t-text-font: 'Jost', sans-serif !important;
  --t-title-font: 'Jost', sans-serif !important;
}
/* На случай, если где-то шрифт задан не через переменную, а напрямую в классе */
#rec2737576001 .t-input-title,
#rec2737576001 .t-input,
#rec2737576001 .t-descr,
#rec2737576001 .t-submit {
  font-family: 'Jost', sans-serif !important;
}

/* --- Группа радиокнопок → в ряд, а не столбиком --- */
#rec2737576001 .t-input-group-rd {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

/* --- ЗАПАСНОЙ ВАРИАНТ шрифта: если #recXXXXXXX почему-то не сработал,
   .t396 — класс самого блока формы, виден в инспекторе, подставлять
   вручную не нужно. Можно оставить оба варианта одновременно —
   лишним не будет. --- */
.t396 .t-input-title,
.t396 .t-input,
.t396 .t-descr,
.t396 .t-submit,
.t396 .t-radio__control {
  font-family: 'Jost', sans-serif !important;
}

/* --- Радиокнопки → "таблетки" по размеру текста, не на всю ширину --- */
#rec2737576001 .t-radio__control {
  display: inline-flex !important;
  align-items: center;
  width: auto !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 10px 18px;
  border: 1px solid rgba(142,111,62,0.35);
  border-radius: 20px;
  font-size: 12px;
  letter-spacing: 0.02em;
  color: rgba(12,27,42,0.65);
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}

/* прячем нативный кружок-индикатор */
#rec2737576001 .t-radio__indicator {
  display: none !important;
}

/* когда radio выбран — красим саму "таблетку" (родительский label) */
#rec2737576001 .t-radio__control:has(.t-radio:checked) {
  background: #8E6F3E;
  border-color: #8E6F3E;
  color: #F2EBE0;
}

/* --- Чекбокс согласия — просто аккуратные золотые акценты --- */
#rec2737576001 .t-checkbox__control {
  font-family: 'Jost', sans-serif;
  font-size: 12px;
  color: rgba(12,27,42,0.5);
  line-height: 1.6;
}
#rec2737576001 .t-checkbox__indicator {
  border-color: rgba(142,111,62,0.4) !important;
  border-radius: 3px;
}
#rec2737576001 .t-checkbox:checked ~ .t-checkbox__indicator {
  background: #8E6F3E !important;
  border-color: #8E6F3E !important;
}

/* --- Текстовые поля (на случай, если стиль-панель Zero Block не берёт до конца) --- */
#rec2737576001 .t-input {
  font-family: 'Jost', sans-serif !important;
  border-radius: 3px !important;
  border-color: rgba(142,111,62,0.3) !important;
}
#rec2737576001 .t-input:focus {
  border-color: #8E6F3E !important;
}

/* --- Подписи над полями --- */
#rec2737576001 .t-descr,
#rec2737576001 .t-name {
  font-family: 'Jost', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(12,27,42,0.55) !important;
}

/* --- Кнопка отправки --- */
#rec2737576001 .t-submit {
  font-family: 'Jost', sans-serif !important;
  background: #8E6F3E !important;
  border-radius: 3px !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 12px !important;
  transition: background 0.25s;
}
#rec2737576001 .t-submit:hover {
  background: #6b5230 !important;
}