/* =========================================================   PAGE INTRO / STATS   ========================================================= */
.page-intro{padding:34px 0 8px;}
.page-intro-grid{display:grid; grid-template-columns:1.2fr .8fr; gap:22px; align-items:stretch;}
.intro-card,.stats-card{background:rgba(255,255,255,.88); border:1px solid rgba(20,83,45,.08); border-radius:var(--radius); box-shadow:var(--shadow); padding:26px; backdrop-filter:blur(8px);}
.intro-card h2,.stats-card h3{margin:0 0 12px; color:var(--nav);}
.intro-card p,.stats-card p{margin:0; color:var(--muted); line-height:1.8;}
.stats-grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:14px; margin-top:18px;}
.stat{padding:16px; border-radius:16px; background:linear-gradient(180deg, #f8fff9, #ffffff); border:1px solid rgba(34,197,94,.16);}
.stat strong{display:block; font-size:1.35rem; color:var(--nav2); margin-bottom:4px;}
.stat span{color:var(--muted); font-size:.92rem;}

/* =========================================================   CTA   ========================================================= */
.media-cta{padding:0 0 80px;}
.media-cta .cta-card{display:grid; grid-template-columns:1fr auto; gap:20px; align-items:center;}
.cta-card{background:linear-gradient(135deg, var(--nav), var(--nav2)); color:#fff; border-radius:26px; padding:32px; box-shadow:var(--shadow);}
.cta-card h3{margin:0 0 10px; font-size:1.6rem;}
.cta-card p{margin:0; color:rgba(255,255,255,.9); line-height:1.75; max-width:720px;}
.cta-btn{display:inline-block; padding:14px 20px; border-radius:999px; background:#fff; color:var(--nav); text-decoration:none; font-weight:800; white-space:nowrap;}
.cta-btn:hover{background:#f0fdf4;}
.cta-flex{display:flex; justify-content:space-between; align-items:center; gap:20px;}
.cta-left{flex:1;}
.cta-right{flex-shrink:0;}
.cta-logo img{transition:transform .25s ease;}
.cta-logo:hover img{transform:scale(1.05);}
.whatsapp-btn{display:inline-flex; align-items:center; gap:10px;}
.whatsapp-icon{width:22px; height:22px; object-fit:contain;}

@media (max-width:768px){
.media-cta{padding:24px 0 46px;}
.cta-card,
.media-cta .cta-card{display:flex; flex-direction:column; align-items:stretch; text-align:center; gap:18px; padding:22px 18px; border-radius:20px;}
.cta-card h3{font-size:1.3rem; line-height:1.25;}
.cta-card p{font-size:.96rem; line-height:1.65;}
.cta-btn{width:100%; text-align:center; justify-content:center; padding:13px 16px;}
.cta-flex{flex-direction:column; text-align:center; align-items:stretch;}
.cta-right{width:100%;}
.cta-logo img{margin:0 auto;max-width:160px;}
}

/* =========================================================   AYA   ========================================================= */
.aya-section{padding:10px 10px;}
.aya-card{background:#ffffff; border-radius:18px; padding:20px; text-align:center; box-shadow:0 10px 35px rgba(0,0,0,.05); border-top:5px solid #16a34a;}
.aya-badge{display:inline-block; background:#dcfce7; color:#166534; padding:6px 14px; border-radius:50px; font-size:22px; font-weight:600; margin-bottom:20px;}
.aya-arabic{font-family:'Amiri','Noto Naskh Arabic',serif; font-size:22px; line-height:2; direction:rtl; color:#065f46; margin-bottom:20px;}
.aya-divider{width:80px; height:3px; background:linear-gradient(to right, #22c55e, #16a34a); margin:20px auto; border-radius:10px;}
.aya-english{font-size:14px; color:#374151; max-width:700px; margin:auto;}
.aya-reference{margin-top:10px; color:#16a34a; font-weight:600;}