/* ===== CONTACT PAGE ===== */
.contact-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 64px; align-items: start; }
.contact-info-col h2 { font-size: clamp(28px,4vw,44px); margin-bottom: 16px; }
.ci-sub { font-size: 16px; color: var(--muted); line-height: 1.75; margin-bottom: 32px; }

.ci-cards { display: flex; flex-direction: column; gap: 14px; }
.ci-card {
  display: flex; align-items: flex-start; gap: 18px;
  padding: 20px 22px; border-radius: var(--radius-lg);
  background: var(--cream-dark); border: 1px solid var(--border);
  transition: border-color var(--transition), box-shadow var(--transition);
  color: inherit;
}
.ci-card:hover { border-color: var(--gold); box-shadow: var(--shadow-sm); }
.wa-card:hover { border-color: #25D366; }
.ci-icon { font-size: 28px; flex-shrink: 0; }
.ci-label { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--muted); margin-bottom: 4px; }
.ci-value { font-size: 15px; font-weight: 600; color: var(--dark); }
.ci-note { font-size: 12px; color: var(--muted); margin-top: 2px; }

.faq-quick h4 { font-size: 16px; font-weight: 700; margin-bottom: 14px; }
.fq-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; }
.fq-item span { font-size: 18px; flex-shrink: 0; }
.fq-item p { font-size: 14px; color: var(--muted); line-height: 1.6; }
.fq-item strong { color: var(--dark); }

@media(max-width:768px){ .contact-grid { grid-template-columns: 1fr; } }