/* ============================================================
   Aqaris · Arabic pricing page (Figma "Aqaris ar version",
   frames 79:14396 / 79:14795 / 79:15177)
   Loaded only by ar/pricing.html, after home-ar.css and
   pricing.css. body is "home home-ar pricing". The hero, plan
   grid and FAQ are flex/grid rows that mirror on their own under
   dir="rtl"; these rules set the Cairo sizes and line heights.
   Keep [data-promo] on the launch-offer markup (main.js).
   ============================================================ */

/* ---------- Hero + launch offer ---------- */
.home-ar .pr-hero h1 { font-size: 72px; line-height: 1.3; }
.home-ar .pr-offer-price strong { line-height: 1.1; }

/* ---------- Plans ---------- */
.home-ar.pricing .pr-name { line-height: 32px; }
.home-ar.pricing .pr-price { line-height: 1.3; }

/* ---------- FAQ ---------- */
@media (min-width: 1025px) {
  .home-ar.pricing .hp-section h2 { font-size: 46px; line-height: 1.32; }
}

/* ============================================================
   Small desktop (1025–1240)
   ============================================================ */
@media (max-width: 1240px) {
  .home-ar .pr-hero h1 { font-size: clamp(56px, 5.4vw, 72px); }
}

/* ============================================================
   Tablet (≤ 1024) — 768 frame
   ============================================================ */
@media (max-width: 1024px) {
  .home-ar .pr-hero h1 { font-size: 52px; line-height: 1.3; }
}

/* ============================================================
   Mobile (≤ 640) — 390 frame
   ============================================================ */
@media (max-width: 640px) {
  .home-ar .pr-hero h1 { font-size: 36px; line-height: 1.3; }
  .home-ar.pricing .pr-name { line-height: 29px; }
}