/* ============================================
   contact.css — Contact page specific
   ============================================ */
.contact-section { background: var(--km-light-bg); }

.wa-banner {
  display: flex; align-items: center; gap: 16px;
  background: linear-gradient(135deg, #25D366, #128C7E);
  color: #fff; border-radius: var(--radius-lg);
  padding: 20px 24px; margin-top: 18px;
  transition: transform var(--t-med) var(--ease-back), box-shadow var(--t-med);
}
.wa-banner:hover { transform: translateY(-4px) scale(1.01); box-shadow: 0 18px 40px rgba(18,140,126,.35); }
.wa-banner svg { width: 34px; height: 34px; flex: 0 0 auto; }
.wa-banner strong { display: block; font-family: var(--font-head); font-size: 1.02rem; }
.wa-banner span { font-size: .85rem; opacity: .92; }
.wa-banner .arrow { margin-left: auto; width: 20px; height: 20px; }

.contact-social { margin-top: 22px; }
.contact-social p { font-size: .85rem; font-weight: 600; color: var(--km-secondary); margin-bottom: 10px; }
.contact-social .footer-social a { background: #fff; border: 1px solid var(--km-border); color: var(--km-secondary); }
.contact-social .footer-social a:hover { background: var(--km-gradient); color: #fff; border-color: transparent; }

.map-section { padding-top: 0; }

.faq-section { background: #fff; }
.contact-copy { max-width: 860px; margin: 0 auto; }
.contact-copy h2 { margin-bottom: 1.2rem; }
.contact-copy p + p { margin-top: 1rem; }
.contact-copy .lead { margin-bottom: .4rem; }