/* CONTACT PAGE — page-specific tweaks on top of index.css's shared
   chrome (util-bar, header, canvas frame, buttons, footer, wa-btn). */

#contact-hero { min-height: 48vh; padding: 160px 6% 40px; justify-content: center; }

@media (max-width: 768px) {
  #contact-hero { padding: 100px 5% 36px; min-height: 50vh; }
}
#contact-hero .hero-sub { margin: 14px auto 0; text-align: center; }

#lead { justify-content: center; }
#cta { justify-content: center; }

.lead-btns a.glow-btn, .hero-ctas a.glow-btn { text-decoration: none; }

.contact-map {
  width: 100%; height: 170px; border-radius: 14px; overflow: hidden;
  margin-top: 18px; border: 1px solid var(--card-border);
}
.contact-map iframe { width: 100%; height: 100%; border: 0; filter: saturate(0.85) brightness(0.9); }

.send-note {
  display: none; margin-top: 14px; font-size: 13px; color: var(--aqua);
  border: 1px solid var(--card-border); border-radius: 12px; padding: 12px 16px;
  background: rgba(var(--teal-rgb), 0.08);
}
.send-note.show { display: block; }