/* pages/contact.css */
.contact-section { background: var(--bg); }

.contact-grid { display: grid; grid-template-columns: 1fr; gap: var(--sp-7); align-items: start; }
@media (min-width: 900px) { .contact-grid { grid-template-columns: 1.4fr 1fr; } }

.contact-form-card {
  background: var(--bg-white); border: 1px solid var(--border);
  border-radius: var(--r-lg); padding: var(--sp-5); box-shadow: var(--shadow-card);
}
.contact-form-title { font-family: var(--font-display); font-size: var(--text-2xl); font-weight: 700; margin-bottom: var(--sp-4); }
.contact-form { display: flex; flex-direction: column; gap: var(--sp-3); }

.form-row { display: grid; grid-template-columns: 1fr; gap: var(--sp-3); }
@media (min-width: 640px) { .form-row--2 { grid-template-columns: 1fr 1fr; } }

.form-submit-area { display: flex; flex-direction: column; gap: var(--sp-2); padding-top: var(--sp-1); }
.form-submit-area .btn { width: 100%; justify-content: center; }

/* Success State */
.form-success { display: none; text-align: center; padding: var(--sp-7) var(--sp-5); }
.form-success-icon {
  width: 64px; height: 64px; border-radius: 50%;
  background: rgba(27,94,59,0.1);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto var(--sp-3); font-size: 28px; color: var(--trust-green);
}
.form-success h3 { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 700; margin-bottom: var(--sp-2); }
.form-success p { color: var(--text-2); font-size: var(--text-sm); }

/* Contact Info */
.contact-info { display: flex; flex-direction: column; gap: var(--sp-4); }
@media (min-width: 900px) { .contact-info { position: sticky; top: 100px; } }
.contact-info-heading { font-family: var(--font-display); font-size: var(--text-xl); font-weight: 700; }

.contact-detail { display: flex; align-items: flex-start; gap: var(--sp-2); }
.contact-detail-icon {
  width: 40px; height: 40px; border: 1px solid var(--border); border-radius: var(--r-sm);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; color: var(--navy); font-size: 16px;
}
.contact-detail-body { display: flex; flex-direction: column; gap: 2px; }
.contact-detail-label { font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-3); }
.contact-detail-value { font-size: var(--text-base); color: var(--text-1); font-weight: 500; }
.contact-detail-value a { color: var(--navy); text-decoration: none; }
.contact-detail-value a:hover { color: var(--gold); }

.contact-divider { border: none; border-top: 1px solid var(--border); }
.contact-privacy-note {
  padding: var(--sp-3); background: rgba(26,60,94,0.04);
  border: 1px solid rgba(26,60,94,0.08); border-radius: var(--r-sm);
  font-size: 12px; line-height: 1.6; color: var(--text-2);
}