/* ============================================================
   Aqaris · Arabic contact page (Figma "Aqaris ar version",
   frames 79:13681 / 79:13930 / 79:14164)
   Loaded only by ar/contact.html, after home-ar.css and
   contact.css. body is "home home-ar contact". The grids and
   flex rows mirror on their own under dir="rtl"; these rules
   flip the physical sides contact.css sets and the Cairo sizes.
   ============================================================ */

/* ---------- Hero ---------- */
.home-ar .ct-hero h1 { font-size: 68px; line-height: 1.3; }
.home-ar .ct-form-card h2 { line-height: 1.46; }

/* Select chevron sits on the leading (left) edge in RTL */
.home-ar .ct-form select {
  padding-right: 16px; padding-left: 44px;
  background-position: left 16px center;
}

/* ---------- Other channels ---------- */
@media (min-width: 1025px) {
  .home-ar.contact .hp-section h2 { font-size: 46px; line-height: 1.32; }
}
.home-ar .ct-channel + .ct-channel { border-left: 0; border-right: 1px solid var(--hp-line); }
.home-ar .ct-channel h3,
.home-ar .ct-office h3 { line-height: 1.46; }

/* ============================================================
   Small desktop (1025–1240)
   ============================================================ */
@media (max-width: 1240px) {
  .home-ar .ct-hero h1 { font-size: clamp(54px, 5.2vw, 68px); }
}

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

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