/* =====================================================================
   home.css — مكوّنات الصفحة الرئيسية فقط  (تُحمَّل بعد site.css)
   تعتمد على: q-herowrap/q-img-frame/q-card--track/q-media-card/q-banner …
   ===================================================================== */

/* ===== Hero ===== */
.home-hero__title { font-family: var(--font-head); font-weight: 800; font-size: clamp(31px,6vw,54px); line-height: 1.25; margin: 0 0 20px; color: var(--c-ink); }
.home-hero__lead  { font-size: clamp(15.5px,2.2vw,18px); line-height: 1.9; color: #4F6B68; font-weight: 500; margin: 0 0 32px; max-width: 520px; }
.home-hero__badgecard {
  position: absolute; bottom: 24px; right: -22px; background: #fff;
  border-radius: 18px; padding: 14px 18px; box-shadow: 0 16px 34px rgba(20,90,84,.16);
  display: flex; align-items: center; gap: 12px; animation: floaty2 5s ease-in-out infinite;
}
.home-hero__badgecard .ico { width: 42px; height: 42px; border-radius: 12px; background: var(--bg-soft-sand); display: flex; align-items: center; justify-content: center; color: var(--c-accent); }

/* ===== ماذا نقدّم (Offerings) ===== */
.home-offer { text-align: center; padding: 18px; }
.home-offer h3 { font-family: var(--font-head); font-weight: 700; font-size: 19px; margin: 0 0 10px; color: var(--c-ink); }
.home-offer p  { font-size: 14.5px; line-height: 1.8; color: var(--c-muted); font-weight: 500; margin: 0; }

/* ===== بانر الاستشارات: بطاقة الأخصائي الزجاجية ===== */
.home-consult__card { background: rgba(255,255,255,.12); border-radius: 22px; padding: 26px; backdrop-filter: blur(4px); }
.home-consult__person { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.home-consult__person img { width: 58px; height: 58px; border-radius: 50%; object-fit: cover; object-position: top; border: 2px solid rgba(255,255,255,.5); }
.home-consult__name  { font-weight: 800; color: #fff; font-size: 16px; }
.home-consult__role  { font-size: 13px; color: #CDEBE7; font-weight: 600; }
.home-consult__quote { font-size: 14.5px; line-height: 1.8; color: #EAF7F5; font-weight: 500; margin: 0; font-style: italic; }

/* ===== آراء الأهالي (Testimonials) ===== */
.home-review { background: var(--bg-page); border-radius: 24px; padding: 32px 28px; height: 100%; }
.home-review__stars { color: var(--c-star); font-size: 18px; margin-bottom: 14px; }
.home-review__text  { font-size: 15.5px; line-height: 1.9; color: #3C5754; font-weight: 500; margin: 0 0 22px; }
.home-review__person { display: flex; align-items: center; gap: 12px; }
.home-review__avatar { width: 46px; height: 46px; border-radius: 50%; background: #D9EBE7; flex-shrink: 0; }
.home-review__name { font-weight: 800; font-size: 14.5px; color: var(--c-ink); }
.home-review__meta { font-size: 12.5px; color: var(--c-muted-2); font-weight: 600; }