/* Contact / WhatsApp-first */
.wa-hero{max-width:720px;margin-inline:auto;text-align:center}
.wa-card{background:var(--paper);border:1px solid var(--hairline);border-radius:12px;padding:clamp(2rem,5vw,3.4rem);box-shadow:0 30px 70px -45px rgba(14,35,65,.4)}
.btn--whatsapp{background:#25D366;color:#fff;font-size:1.05rem;padding:1.15rem 2.4rem;border-radius:50px;gap:.7em}
.btn--whatsapp:hover{background:#1FB855;transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(37,211,102,.6)}
.btn--whatsapp svg{width:24px;height:24px;fill:currentColor}
.wa-sub{font-size:.9rem;color:var(--ink-50);margin-top:1rem}
.contact-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:720px;margin:clamp(2.5rem,5vw,3.5rem) auto 0}
@media(max-width:600px){.contact-details{grid-template-columns:1fr}}
.contact-detail{background:var(--warmgrey);border-radius:8px;padding:1.6rem 1.5rem}
.contact-detail h4{font-family:var(--display);font-size:1.15rem;color:var(--navy);margin-bottom:.5rem}
.contact-detail a{color:var(--ink-70);transition:color .3s}
.contact-detail a:hover{color:var(--orange)}
.contact-detail p{color:var(--ink-70);font-size:.92rem;line-height:1.6}

/* Call Us now lists the landline and the WhatsApp mobile, so the anchors need
   to stack rather than run together inline. */
.contact-detail a{display:block}
.contact-detail a + a{margin-top:.35rem}