/* Match the existing STAY H1 rule only where the audit found a difference. */
@media(min-width:901px) and (max-width:1100px) {
  body[data-page="good-to-know.html"] #main h1,
  body[data-page="contact.html"] #main h1 {font-size:clamp(44px,5.8vw,68px)}
}

/* CONTACT only: refine existing gaps; preserve columns, map and form geometry. */
body[data-page="contact.html"] #main #intro {padding-top:24px;padding-bottom:6px}
body[data-page="contact.html"] #main #intro h1 {margin-bottom:12px}
body[data-page="contact.html"] #main #contact-details {padding-block:12px}
body[data-page="contact.html"] .contact-methods {gap:4px;margin-top:18px}
body[data-page="contact.html"] .contact-methods a {min-height:36px;padding-block:6px}
body[data-page="contact.html"] #main #location {padding-block:15px}
body[data-page="contact.html"] #main #transfer {padding-top:15px;padding-bottom:30px}
@media(max-width:900px) {
  body[data-page="contact.html"] .contact-methods a {min-height:44px;padding-block:8px}
}
@media(max-width:650px) {
  body[data-page="contact.html"] #main #intro {padding-top:21px}
  body[data-page="contact.html"] .contact-methods {margin-top:12px}
  body[data-page="contact.html"] #main #location {padding-top:12px;padding-bottom:10.2px}
  body[data-page="contact.html"] #main #transfer {padding-top:10.2px;padding-bottom:24px}
}

/* CONTACT only: the existing WhatsApp link shares its icon and phone number. */
body[data-page="contact.html"] .contact-methods .whatsapp-contact-link {align-items:center;gap:6px}
body[data-page="contact.html"] .whatsapp-contact-icon {width:20px;height:20px;flex:0 0 20px;object-fit:contain}

/* CONTACT success only: shown after the backend confirms acceptance. */
body[data-page="contact.html"] .contact-success {
  background:var(--ivory);color:var(--teal);border:1px solid var(--rule);
  padding:clamp(28px,4vw,48px);min-height:320px;scroll-margin-block:88px;
}
body[data-page="contact.html"] .contact-success:focus {outline:2px solid var(--teal);outline-offset:5px}
body[data-page="contact.html"] .contact-success__icon {
  display:flex;align-items:center;justify-content:center;width:52px;height:52px;
  border:2px solid currentColor;border-radius:50%;font:28px/1 var(--body);margin-bottom:24px;
}
body[data-page="contact.html"] .contact-success h2 {
  font-family:var(--display);font-size:clamp(32px,3vw,44px);font-weight:400;
  line-height:1.15;margin:0 0 20px;overflow-wrap:break-word;
}
body[data-page="contact.html"] .contact-success p {font-size:17px;line-height:1.7;margin:0;max-width:45ch}

/* Only CLOSE, Escape or a click outside dismisses the confirmation. */
body[data-page="contact.html"] .contact-success__close {margin-top:24px}