/* صفحهٔ درخواست مشاوره — چارچوبِ صفحهٔ تک‌هدفه: قهرمانِ سبک، عمقِ بخش و راهِ جایگزینِ ثبت‌نام */

/* ── قهرمان صفحه ────────────────────────────────────────────────────────── */
/* این صفحه فقط یک تصمیم دارد؛ عمقِ زیادِ قهرمان و عرضِ پراکندهٔ متن را کم می‌کند */
.consult-hero {
  padding-block-end: var(--sp-4);
}

/* متنِ قهرمان کوتاه است؛ سقفِ عرض تیتر را در یک تودهٔ خوانا نگه می‌دارد */
.consult-hero .hero-inner {
  max-inline-size: 44ch;
  padding-block: var(--sp-5) var(--sp-1);
}

/* ── فرم مشاوره ──────────────────────────────────────────────────────────── */
/* کارتِ فرم چارچوبِ صفحه است نه تکهٔ شناور؛ مرزِ پایینِ مازاد حذف و عمقِ بخش فشرده می‌شود */
.consult-section {
  padding-block-end: var(--sp-10);
  border-block-end: 0;
}

/* قهرمان همین موضوع را گفت؛ فاصلهٔ تکراریِ تیتر و شبکه کمتر می‌شود */
.consult-section .consult-head {
  margin-block-end: var(--sp-6);
}

/* کارت تنها روی فوکوس برجسته می‌شود؛ مرزِ برندِ همیشگی صفحهٔ ساده را هشدارگونه نشان می‌داد */
.consult-section .consult-card {
  transition: border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);
}

.consult-section .consult-card:focus-within {
  box-shadow: var(--shadow-lg);
}

/* ردیف فرم و تصویر فقط از شیتِ مؤلفهٔ `consultation-section` می‌آید تا همهٔ صفحاتِ مشاوره یک قرارداد داشته باشند */

/* ── پلِ ثبت‌نام آزمایشی ────────────────────────────────────────────────── */
/* راهِ دومِ اقدام باید یک خطِ واضحِ مرکزی باشد، نه بخشی جدا که صفحه را به سه تکه می‌کد */
.consult-alt-signup {
  padding-block: 0 var(--section-y);
  border-top: 1px solid var(--color-border-subtle);
  text-align: center;
}

.consult-alt-signup .form-hint {
  margin: 0 auto;
  max-inline-size: 46ch;
  font-size: var(--fs-sm);
  line-height: var(--lh-relaxed);
  color: var(--color-text-muted);
}

/* اشاره‌گر یا فوکوس روی پیوند با وزنِ ملایم نشان داده می‌شود؛ فقط تغییرِ رنگ کافی نیست */
.consult-alt-signup .form-hint a {
  color: var(--color-brand-ink);
  font-weight: var(--fw-medium);
}

/* ── موبایل ──────────────────────────────────────────────────────────────── */
/* در عرضِ باریک سقفِ خط فایده‌ای ندارد و فقط عمق می‌گیرد */
@media (max-width: 560px) {
  .consult-hero .hero-inner {
    max-inline-size: none;
  }
}