/* === 5. FORM SOFT — мягкая форма ===
   Заглушка. Поля и кнопки наследуют общие стили из styles.css. */

.form--soft { max-width: 100%; }

/* утилиты «разный текст по версии»: .hide-mob — текст для ПК, .only-mob — для мобилы */
.only-mob { display: none; }

/* --- мобайл: все три формы-секции ужимаем по высоте, чтобы не занимали весь экран --- */
@media (max-width: 560px) {
  #form-soft, #form-mid, #form-final { padding-top: var(--space-4); padding-bottom: var(--space-4); }
  #form-soft .section__desc, #form-mid .section__desc, #form-final .section__desc { font-size: var(--body-s); margin-top: var(--space-2); }
  .desc-rest { display: none; }   /* на мобиле описание короткое — только «Оставьте контакт — перезвоним.» */
  .hide-mob { display: none; }
  .only-mob { display: inline; }
  #form-soft .form, #form-mid .form, #form-final .form { margin-top: var(--space-3); gap: var(--space-2); }
  #form-soft .form__row, #form-mid .form__row, #form-formats .form__row { gap: var(--space-2); }
}

/* горизонтальные формы чуть шире (десктоп), чтобы телефон не обрезался; телефону — больше места */
#form-soft .container--narrow,
#form-mid .container--narrow,
#form-formats .container--narrow { max-width: 860px; }
.form--soft .form__row .input[type="tel"] { flex: 1.25; }