/* contact.css — page-unique styles for اتصل بنا (contact page).
   Surfaces/grids/fields/phones are shared main.css primitives
   (.card-band / .split / .form-row / .phones) — only the tweaks live here. */

/* ---------- branches (address right, phones left — RTL .split) ---------- */
.branch-row{gap:1.6rem 3.5rem}
.branch-row + .branch-row{border-top:1px solid var(--line);margin-top:2.2rem;padding-top:2.2rem}
.branch-row h3{display:flex;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:700;margin-bottom:.4rem}
.branch-row h3 i{color:var(--orange);font-size:1.35rem}
.branch-place p{color:var(--ink-soft)}
.branch-phones .phones{justify-content:space-between}

/* ---------- form card ---------- */
.contact-page .section-title{margin-bottom:2rem}
/* the mock pins the submit button to the inline-end (left in RTL) */
.contact-page form .btn{display:block;margin-inline-start:auto}