@import url('/contact-shared.css');
.contact-current{color:#376c52!important}.contact-hero{background:linear-gradient(123deg,#fffdf9,#f1f5ed);padding:80px 0 85px}
.contact-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:60px;align-items:center}
.contact-hero h1{font:800 clamp(46px,6vw,90px)/1.04 var(--display);letter-spacing:-.064em;color:#2a5541;margin:22px 0 28px}
.contact-hero p{font-size:16px;line-height:1.85;color:#60786c;margin:0 0 32px;max-width:560px}
.contact-hero-photo{height:min(52vw,490px);min-height:330px;border-radius:32px;overflow:hidden;box-shadow:0 29px 75px #37533d22;background:#dce9dd}
.contact-hero-photo img{width:100%;height:100%;object-fit:cover}
.contact-details{padding:85px 0 125px;background:#f6f8f3}
.contact-details h2{font:800 clamp(30px,4vw,56px)/1.12 var(--display);letter-spacing:-.045em;max-width:750px;margin:18px 0}
.contact-branch-note{color:#728b7a;font-size:13px}
.contact-empty{margin-top:24px;padding:28px;border:1px dashed #b4cfbc;background:#fff;border-radius:16px;color:#668271}
.contact-menu-link{margin-top:40px}
[dir=rtl] .contact-hero h1,[dir=rtl] .contact-details h2{font-family:Tajawal,sans-serif;letter-spacing:0}
@media(max-width:800px){.contact-hero{padding:55px 0}.contact-hero-grid{grid-template-columns:1fr;gap:28px}.contact-hero-photo{height:340px;min-height:0}.contact-details{padding:65px 0 95px}}
@media(max-width:440px){.contact-hero-photo{height:255px}.contact-hero h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){.contact-hero-photo img{animation:none}}

/* V4.4 — prevent awkward cropping and long contact strings on phones. */
.contact-hero-grid,.contact-details,.contact-card-grid{min-width:0}
.contact-hero h1{overflow-wrap:break-word}
@media(max-width:390px){.contact-hero h1{font-size:clamp(37px,11vw,46px)}.contact-hero-photo{height:225px}.contact-hero{padding-block:43px}}