/* ============================================================
   CONTACT PAGE — css/contact.css
   ============================================================ */

.section-white { background: var(--white); }

.contact-grid {
  display: grid; grid-template-columns: 1.3fr 1fr; gap: 60px; align-items: start;
}

/* Form */
.contact-form-wrap {
  background: var(--white); border-radius: 20px; padding: 48px;
  border: 1px solid var(--border); box-shadow: 0 4px 24px rgba(0,0,0,.06);
}
.contact-form-wrap h3 { margin-bottom: 6px; }

/* Contact Info sidebar */
.contact-info { display: flex; flex-direction: column; gap: 20px; }
.contact-info h3 { margin-bottom: 4px; }

.info-block {
  background: var(--white); border-radius: var(--r); padding: 24px;
  border: 1px solid var(--border); display: flex; gap: 16px; align-items: flex-start;
}
.info-icon {
  width: 44px; height: 44px; border-radius: 12px; background: var(--teal-light);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.2rem; flex-shrink: 0;
}
.info-label { font-weight: 700; margin-bottom: 4px; font-size: .9rem; }
.info-block a { color: var(--teal); font-size: .9rem; word-break: break-all; }

.reassurance-box {
  background: var(--teal-light); border-radius: var(--r); padding: 24px;
  border: 1px solid rgba(26,122,122,.2);
}
.reassurance-title { font-weight: 700; color: var(--teal); margin-bottom: 8px; font-size: .95rem; }

/* Toast */
#formToast {
  position: fixed; bottom: 32px; left: 50%;
  transform: translateX(-50%) translateY(80px);
  background: var(--teal); color: white;
  padding: 16px 28px; border-radius: 50px;
  font-weight: 600; font-size: .95rem;
  box-shadow: 0 8px 32px rgba(26,122,122,.4);
  transition: transform .4s cubic-bezier(.34,1.56,.64,1), opacity .3s;
  opacity: 0; z-index: 999; white-space: nowrap;
  font-family: 'Sora', sans-serif;
}

/* Responsive */
@media (max-width: 960px) {
  .contact-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .contact-form-wrap { padding: 28px; }
}