/* Bhutan Rides — per-page styles: Contact (extracted verbatim from static contact.html inline <style>). */
/* ---------- "Get in Touch" panel (contact page only —
   the shared .contact-split / .find-* split card now lives in site.css) ---------- */
.get-in-touch { background: var(--paper); padding: 54px 44px; }
.get-in-touch h3 {
  font-size: 19px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .07em; margin-bottom: 8px;
}
.get-in-touch .form-lede { font-size: 16px; color: var(--muted); margin-bottom: 26px; }

/* ---------- map ---------- */
.map-wrap {
  border-radius: 2px; overflow: hidden;
  border: 1px solid var(--line);
  box-shadow: 0 12px 34px rgba(16, 52, 78, .1);
}
.map-wrap iframe { display: block; width: 100%; height: 420px; border: 0; }

/* ---------- FAQ / WhatsApp strip (reuses .benefit-band gradient) ---------- */
.quick-inner { text-align: center; color: #fff; }
.quick-inner h2 {
  color: #fff; font-size: clamp(20px, 2.6vw, 27px); font-weight: 700;
  text-transform: uppercase; letter-spacing: .05em; margin-bottom: 12px;
}
.quick-inner p {
  max-width: 660px; margin: 0 auto 28px;
  font-size: 16.5px; line-height: 1.7; color: rgba(255, 255, 255, .84);
}
.quick-ctas { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; }
.btn-wa {
  display: inline-flex; align-items: center; gap: 10px;
  background: var(--wa-green); border-color: var(--wa-green);
}
.btn-wa:hover { background: #1DA851; border-color: #1DA851; }

/* ---------- responsive ---------- */
@media (max-width: 620px) {
  .get-in-touch { padding: 40px 26px; }
  .map-wrap iframe { height: 340px; }
}