/* ==========================================================================
   HERO
   ========================================================================== */
.hero{
  position: relative; overflow: hidden;
  background: linear-gradient(160deg, var(--color-primary-dark), var(--color-primary) 60%);
  color: #fff; padding-block: var(--space-3xl) var(--space-2xl);
}
.hero::before{
  content:""; position:absolute; inset:0; opacity:.14; pointer-events:none;
  background-image: radial-gradient(circle at 15% 20%, #fff 0, transparent 3%),
                     radial-gradient(circle at 85% 30%, #fff 0, transparent 3%),
                     radial-gradient(circle at 50% 80%, #fff 0, transparent 3%);
  background-size: 140px 140px;
}
.hero::after{
  /* قوس إسلامي عصري خفيف */
  content:""; position:absolute; inset-inline-end:-10%; top:-20%; width:70%; height:140%;
  border-radius: 50% 50% 0 0 / 60% 60% 0 0;
  border: 2px solid rgba(200,167,90,.35);
  pointer-events:none;
}
.hero__inner{ position: relative; display: grid; grid-template-columns: 1.1fr .9fr; gap: var(--space-xl); align-items: center; }
.hero__eyebrow{ color: var(--color-secondary); font-weight: 700; letter-spacing: .04em; margin-bottom: var(--space-sm); display:flex; align-items:center; gap:8px; }
.hero__eyebrow::before{ content:""; width: 28px; height: 2px; background: var(--color-secondary); }
.hero__title{ font-size: clamp(2rem, 4vw, var(--fs-4xl)); color: #fff; margin-bottom: var(--space-sm); }
.hero__title em{ font-style: normal; color: var(--color-secondary); }
.hero__desc{ font-size: var(--fs-md); color: rgba(255,255,255,.85); max-width: 46ch; margin-bottom: var(--space-lg); }
.hero__actions{ display: flex; flex-wrap: wrap; gap: var(--space-2xs); }
.hero__media{ position: relative; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); aspect-ratio: 4/5; }
.hero__media img{ width:100%; height:100%; object-fit: cover; }
.hero__media::after{ content:""; position:absolute; inset:0; background: linear-gradient(0deg, rgba(11,79,53,.55), transparent 45%); }
.hero__badge{
  position: absolute; bottom: var(--space-md); inset-inline-start: var(--space-md);
  background: rgba(255,255,255,.95); color: var(--color-ink); padding: 14px 18px; border-radius: var(--radius-md);
  display:flex; align-items:center; gap:10px; font-weight:700; font-size: var(--fs-xs); box-shadow: var(--shadow-md);
}
.hero__badge strong{ color: var(--color-primary); font-family: var(--font-display); font-size: var(--fs-lg); }

@media (max-width: 900px){
  .hero__inner{ grid-template-columns: 1fr; }
  .hero__media{ order: -1; aspect-ratio: 16/10; }
}

/* شريط الإحصائيات */
.stats{ margin-top: calc(var(--space-2xl) * -1); position: relative; z-index: 5; }
.stats__panel{
  background: #fff; border-radius: var(--radius-lg); box-shadow: var(--shadow-lg);
  display: grid; grid-template-columns: repeat(6,1fr); padding: var(--space-lg) var(--space-md);
}
.stat{ text-align: center; padding-inline: var(--space-2xs); border-inline-start: 1px solid var(--color-border); }
.stat:first-child{ border-inline-start: 0; }
.stat__num{ font-family: var(--font-display); font-weight: 800; font-size: var(--fs-2xl); color: var(--color-primary); }
.stat__num sup{ color: var(--color-secondary-dark); font-size: .6em; }
.stat__label{ color: var(--color-ink-soft); font-size: var(--fs-xs); margin-top: 4px; }
@media (max-width: 980px){ .stats__panel{ grid-template-columns: repeat(3,1fr); row-gap: var(--space-sm); } .stat:nth-child(4){ border-inline-start:0; } }
@media (max-width: 560px){ .stats__panel{ grid-template-columns: repeat(2,1fr); } .stat:nth-child(odd){ border-inline-start:0; } }