/* contact-us.{ar,en}.html */
.ct-hero{background-image:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%);padding:64px 0 56px;text-align:center}
.ct-eyebrow{display:block;font-size:.74rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
[dir="rtl"] .ct-eyebrow{letter-spacing:0;font-size:.8rem}
.ct-hero h1{font-size:clamp(1.8rem,3.8vw,2.6rem);font-weight:900;color:var(--txt);margin:0 0 14px;line-height:1.25;text-wrap:balance}
.ct-lead{font-size:1rem;color:var(--txt2);max-width:560px;margin:0 auto;line-height:1.8;text-wrap:pretty}

section.ct-sec{padding:56px 0 80px}
.ct-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ct-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:var(--card);border:1px solid var(--bdr);border-radius:var(--rl);padding:26px 24px}
.ct-card h2{font-size:1.05rem;font-weight:800;color:var(--txt);margin:8px 0 4px}
.ct-val{font-size:1.02rem;font-weight:700;color:var(--blue);text-decoration:none;padding:4px 0;unicode-bidi:isolate}
.ct-val:hover{text-decoration:underline}
.ct-addr{font-size:.92rem;color:var(--txt2);line-height:1.75;margin:0}
.ct-link{margin-top:auto;padding-top:8px;font-size:.86rem;font-weight:800;color:var(--blue);text-decoration:none}
.ct-link:hover{text-decoration:underline}
.ct-val:focus-visible,.ct-link:focus-visible,.ct-more-item:focus-visible,.ct-map-btn:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}

/* brand-style icon tile, as on the partners page */
.ct-ico{flex-shrink:0;width:46px;height:46px;border-radius:12px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center}
.ct-ico svg{width:100%;height:100%}

/* map: a placeholder until the visitor asks for it (the embed is ~1 MB) */
.ct-map{position:relative;margin-top:16px;aspect-ratio:21/8;min-height:240px;border-radius:var(--rl);border:1px solid var(--bdr);overflow:hidden;
  background:linear-gradient(135deg,var(--bg2),var(--card));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.ct-map::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:linear-gradient(var(--bdr2) 1px,transparent 1px),linear-gradient(90deg,var(--bdr2) 1px,transparent 1px);background-size:32px 32px}
.ct-map-btn{position:relative;display:inline-flex;align-items:center;gap:10px;font:inherit;font-size:.95rem;font-weight:800;color:var(--txt);
  background:var(--card);border:1px solid var(--bdr);border-radius:999px;padding:6px 20px 6px 6px;cursor:pointer;box-shadow:var(--shadow);transition:box-shadow .15s,border-color .15s}
[dir="rtl"] .ct-map-btn{padding:6px 6px 6px 20px}
.ct-map-btn:hover{border-color:var(--blue);box-shadow:var(--shadow-md)}
.ct-map-btn .ct-ico{width:38px;height:38px;border-radius:50%}
.ct-map-note{position:relative;font-size:.78rem;color:var(--txt3);margin:0}
.ct-map.is-loaded{display:block}
.ct-map.is-loaded::before{display:none}
.ct-map iframe{display:block;width:100%;height:100%;border:0}

.ct-more{margin-top:48px}
.ct-more h2{font-size:1.15rem;font-weight:800;color:var(--txt);margin:0 0 16px;text-align:center}
.ct-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ct-more-item{display:flex;align-items:flex-start;gap:14px;background:var(--card);border:1px solid var(--bdr);border-radius:var(--rl);padding:18px 20px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s}
.ct-more-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--blue)}
.ct-more-item b{display:block;font-size:.95rem;font-weight:800;color:var(--txt);margin-bottom:4px}
.ct-more-item span span{display:block;font-size:.84rem;color:var(--txt2);line-height:1.6}

@media(max-width:900px){
  .ct-grid,.ct-more-grid{grid-template-columns:1fr}
  .ct-map{aspect-ratio:4/3}
}
@media(max-width:640px){
  .ct-hero{padding:44px 0 40px}
  section.ct-sec{padding:36px 0 56px}
  .ct-card{padding:22px 20px}
}