/* Start:/local/templates/.default/components/bitrix/form/recall_calc/bitrix/form.result.new/.default/style.css?17786076005079*/
@charset "UTF-8";
/* =============================================================
 * Форма «Заказать обратный звонок» внутри калькулятора квартир.
 * Соответствует разметке template.php (BEM-классы .recall_calc-form__*).
 * ============================================================= */
.recall_calc-form {
  /* ── строка поля ───────────────────────────────────────── */
}
.recall_calc-form__row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
}
.recall_calc-form__label {
  flex: 0 0 80px;
  padding-top: 6px;
  color: #333;
  line-height: 1.3;
}
.recall_calc-form__required {
  margin-left: 2px;
  color: #c00;
}
.recall_calc-form__field {
  flex: 1 1 auto;
  min-width: 0;
}
.recall_calc-form__field .inputtext {
  width: 100%;
  height: 37px;
  padding: 7px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #d3e3f9;
  font: inherit;
  color: #333;
  outline: none;
  transition: border-color 0.15s ease;
  border-radius: 5px;
}
.recall_calc-form__field .inputtext:focus {
  border-color: #666666;
}
.recall_calc-form__field .inputtext::placeholder {
  color: rgb(140.25, 140.25, 140.25);
}
.recall_calc-form {
  /* ── инпут ─────────────────────────────────────────────── */
}
.recall_calc-form__input {
  width: 100%;
  height: 37px;
  padding: 7px;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #d3e3f9;
  border-radius: 5px;
  font: inherit;
  color: #333;
  outline: none;
  transition: border-color 0.15s ease;
}
.recall_calc-form__input:focus {
  border-color: #666666;
}
.recall_calc-form__input::placeholder {
  color: rgb(140.25, 140.25, 140.25);
}
.recall_calc-form {
  /* ── согласие на обработку ПДн ─────────────────────────── */
}
.recall_calc-form__row--agreement {
  display: block;
  margin-top: 4px;
  margin-bottom: 14px;
}
.recall_calc-form__agreement {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
}
.recall_calc-form__checkbox {
  flex: 0 0 auto;
  margin-top: 3px;
  cursor: pointer;
}
.recall_calc-form__agreement-text {
  color: #333;
  line-height: 1.4;
}
.recall_calc-form__agreement-text a {
  color: #2776b6;
  text-decoration: underline;
}
.recall_calc-form__agreement-text a:hover {
  text-decoration: none;
}
.recall_calc-form {
  /* ── ошибки ───────────────────────────────────────────── */
}
.recall_calc-form__errors {
  margin-bottom: 12px;
  padding: 8px 10px;
  background: #ffcccc;
  border: 1px solid rgb(255, 76.5, 76.5);
  color: #c00;
  font-size: 13px;
}
.recall_calc-form__error-text {
  display: block;
  margin-top: 4px;
  color: #c00;
  font-size: 12px;
  line-height: 1.3;
}
.recall_calc-form__row--error .recall_calc-form__input {
  border-color: #c00;
}
.recall_calc-form {
  /* ── сообщение об успехе ──────────────────────────────── */
}
.recall_calc-form__note {
  padding: 14px 12px;
  color: #2a9234;
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
}
.recall_calc-form {
  /* ── капча ────────────────────────────────────────────── */
}
.recall_calc-form__captcha {
  margin-bottom: 8px;
}
.recall_calc-form__captcha img {
  display: block;
  border: 1px solid #d3e3f9;
}
.recall_calc-form {
  /* ── submit ───────────────────────────────────────────── */
}
.recall_calc-form__actions {
  margin-top: 4px;
  text-align: center;
}
.recall_calc-form {
  /* кнопка вписана в существующий стиль .smb_btn / .btn_body
     из apartament_guard.css; снимаем только дефолтные стили <button> */
}
.recall_calc-form__submit {
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  width: 100%;
}
.recall_calc-form__submit:focus {
  outline: none;
}
.recall_calc-form__submit[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.recall_calc-form .smb_btn {
  margin: 0 auto -42px auto;
}

/* ── узкий блок калькулятора: на маленькой ширине переносим
       подпись над инпутом, а не слева ────────────────────────── */
@media (max-width: 360px) {
  .recall_calc-form__row {
    flex-direction: column;
    gap: 4px;
  }
  .recall_calc-form__label {
    flex: 0 0 auto;
    padding-top: 0;
  }
}

/*# sourceMappingURL=style.css.map */

/* End */
/* /local/templates/.default/components/bitrix/form/recall_calc/bitrix/form.result.new/.default/style.css?17786076005079 */