/* Al Fadha Site Starter – minimal, clean, responsive */
.alfadha-wrap { max-width: 1100px; margin: 0 auto; padding: 18px; }
.alfadha-topbar { font-size: 14px; opacity: .9; display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.alfadha-sep { opacity:.6; }
.alfadha-hero { padding: 34px 18px; margin-top: 12px; border-radius: 18px; background: #f7f9fc; }
.alfadha-hero h1 { font-size: 34px; line-height: 1.15; margin: 0 0 10px; }
.alfadha-sub { font-size: 18px; margin: 0 0 16px; opacity: .95; }
.alfadha-cta { display:flex; flex-wrap:wrap; gap:12px; margin-top: 10px; }
.alfadha-btn { display:inline-block; padding: 12px 16px; border-radius: 12px; border: 1px solid rgba(17,24,39,.2); text-decoration:none; font-weight: 600; }
.alfadha-btn.primary { border: none; background: #0B2A55; color: #fff; }
.alfadha-trust { margin-top: 14px; font-size: 14px; opacity: .85; }

.alfadha-section { margin-top: 26px; }
.alfadha-section h2 { margin: 0 0 12px; font-size: 24px; }
.alfadha-grid { display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.alfadha-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.alfadha-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.alfadha-card { border: 1px solid rgba(17,24,39,.12); border-radius: 16px; padding: 14px; background: #fff; }
.alfadha-card h3 { margin: 0 0 6px; font-size: 16px; }
.alfadha-card p { margin: 0; opacity: .9; }

.alfadha-list { margin: 0; padding-left: 18px; }
.alfadha-list li { margin: 6px 0; }
.alfadha-note { margin-top: 16px; padding: 12px; border-radius: 14px; background: #fff7ed; border: 1px solid rgba(245,158,11,.35); }

.alfadha-cta2 { border-radius: 18px; background: #0B2A55; color: #fff; padding: 22px 18px; }
.alfadha-cta2 h2 { color:#fff; }
.alfadha-cta2 p { opacity: .95; }
.alfadha-cta2 .alfadha-btn { border-color: rgba(255,255,255,.35); color:#fff; }
.alfadha-cta2 .alfadha-btn.primary { background: #F59E0B; color: #111827; }

.alfadha-footerline { margin-top: 26px; padding-top: 12px; border-top: 1px solid rgba(17,24,39,.12); font-size: 14px; opacity: .9; }

@media (max-width: 980px) {
  .alfadha-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .alfadha-grid.three, .alfadha-grid.two { grid-template-columns: 1fr; }
  .alfadha-hero h1 { font-size: 28px; }
}