/* ===== CONTACT PAGE STYLES ===== */

.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-8); align-items: start; }
.contact-info-card { background: linear-gradient(135deg, var(--color-primary), #2C1810); color: #fff; border-radius: var(--radius-xl); padding: var(--space-8); }
.contact-info-card h2 { color: #fff; margin-bottom: var(--space-2); }
.contact-info-card > p { color: rgba(255,255,255,0.8); margin-bottom: var(--space-8); }
.contact-info-item { display: flex; gap: var(--space-4); align-items: flex-start; margin-bottom: var(--space-6); }
.contact-info-icon { width: 48px; height: 48px; border-radius: var(--radius-lg); background: rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--color-gold); }
.contact-info-text h4 { color: #fff; margin-bottom: var(--space-1); font-size: var(--text-base); }
.contact-info-text p, .contact-info-text a { color: rgba(255,255,255,0.8); font-size: var(--text-sm); }
.contact-info-text a:hover { color: var(--color-gold); }
.contact-social { display: flex; gap: var(--space-3); margin-top: var(--space-6); padding-top: var(--space-6); border-top: 1px solid rgba(255,255,255,0.15); }
.contact-social a { width: 42px; height: 42px; border-radius: var(--radius-full); background: rgba(255,255,255,0.1); display: flex; align-items: center; justify-content: center; color: #fff; transition: all 0.3s; }
.contact-social a:hover { background: var(--color-gold); }

.contact-form-card { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-xl); padding: var(--space-8); }
.contact-form-card h2 { margin-bottom: var(--space-6); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }

.map-section { border-radius: var(--radius-xl); overflow: hidden; height: 400px; border: 1px solid var(--color-border); }
.map-section iframe { width: 100%; height: 100%; border: 0; }

@media (max-width: 768px) {
  .contact-grid { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .map-section { height: 300px; }
}