/* ============================================================
   Модульные формы сайта (вход, регистрация, оформление заказа).
   Переменные переопределяются в админке: Внешний вид → Общее.
   ============================================================ */
:root{
  --form-radius:14px;           /* скругление полей ввода */
  --form-line:#E2E8F0;          /* рамка полей */
  --form-focus:#0038B8;         /* цвет фокуса полей */
  --form-error:#DC2626;         /* цвет ошибок */
  --form-success:#16A34A;       /* цвет успешных сообщений */
}
.site-form{display:grid;gap:16px;margin-top:22px}
.site-form label{display:grid;gap:6px;font-weight:600;font-size:14.5px}
.site-form label small{font-weight:400;color:var(--color-muted,#5B6785)}
.site-form input[type=text],
.site-form input[type=email],
.site-form input[type=tel],
.site-form input[type=password],
.site-form textarea{
  padding:12px 16px;border:1px solid var(--form-line);border-radius:var(--form-radius);
  font:inherit;background:#fff;transition:border-color .2s, box-shadow .2s;
}
.site-form input:focus,.site-form textarea:focus{
  outline:none;border-color:var(--form-focus);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--form-focus) 15%, transparent);
}
.site-form .agree{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:13.5px;color:var(--color-muted,#5B6785)}
.site-form .agree input{margin-top:3px}
.site-form__links{display:flex;justify-content:space-between;gap:14px;font-size:14px}
.site-form__links a{color:var(--form-focus)}
.order-form{display:grid;gap:16px}
.order-form label{display:grid;gap:6px;font-weight:600;font-size:14.5px}
.order-form input,.order-form textarea{
  padding:12px 16px;border:1px solid var(--form-line);border-radius:var(--form-radius);font:inherit;
}
.order-form input:focus,.order-form textarea:focus{outline:none;border-color:var(--form-focus)}
.order-form .agree{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:13.5px;color:var(--color-muted,#5B6785)}
.form-errors{
  background:#FEF2F2;border:1px solid color-mix(in srgb, var(--form-error) 35%, #fff);
  color:var(--form-error);border-radius:12px;padding:14px 18px;margin:16px 0;
}
.form-errors p{margin:0}
.form-success{
  background:#F0FDF4;border:1px solid color-mix(in srgb, var(--form-success) 35%, #fff);
  color:var(--form-success);border-radius:12px;padding:14px 18px;margin:16px 0;
}
.form-success p{margin:0}