/* === cta.css === */

/* ══════════════════════════════════════
   FINAL CTA
══════════════════════════════════════ */
.cta-section {
  text-align: center;
  background:
    radial-gradient(ellipse 80% 80% at 50% 45%, rgba(153,202,60,.12) 0%, transparent 60%),
    radial-gradient(ellipse 40% 55% at 50% 100%, rgba(153,202,60,.06) 0%, transparent 70%);
  padding: 132px 0;
  position: relative;
}
.cta-inner { max-width: 640px; margin: 0 auto; padding: 0 48px; }
.cta-section h2 {
  font-family: 'Satoshi', sans-serif;
  font-size: clamp(40px, 5.8vw, 72px);
  font-weight: 900; line-height: .95;
  letter-spacing: -2px; text-transform: uppercase;
  margin-bottom: 18px;
}
html[lang="ar"] .cta-section h2 {
  font-family: 'Cairo', sans-serif;
  letter-spacing: 0; text-transform: none; line-height: 1.15;
}
.cta-section p { font-size: 16px; font-weight: 400; color: var(--muted); margin-bottom: 34px; line-height: 1.65; }
html[lang="ar"] .cta-section p { font-family:'Cairo',sans-serif; line-height:1.85; }
.store-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }