.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-6);
  margin-top: var(--spacing-5);
}

.contact-info {
  background-color: var(--primary-color);
  color: var(--text-light);
  padding: var(--spacing-6);
  border-radius: var(--radius-lg);
}

.contact-info h3 {
  font-family: var(--font-heading);
  font-size: 1.5rem;
  margin-bottom: var(--spacing-4);
  color: var(--accent-color);
}

.info-item {
  display: flex;
  gap: var(--spacing-3);
  margin-bottom: var(--spacing-4);
  align-items: flex-start;
}

.info-icon {
  font-size: 1.5rem;
}

.info-content h4 {
  font-size: 1.125rem;
  margin-bottom: var(--spacing-1);
}

.info-content p, .info-content a {
  color: #CBD5E1;
}

.contact-form-container {
  background-color: var(--surface-color);
  padding: var(--spacing-6);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--border-color);
}

.map-container {
  margin-top: var(--spacing-8);
  border-radius: var(--radius-lg);
  overflow: hidden;
  height: 400px;
  background-color: #eee;
  box-shadow: var(--shadow-md);
}

.map-container iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.form-feedback {
  display: none;
  padding: var(--spacing-3);
  margin-bottom: var(--spacing-3);
  border-radius: var(--radius-sm);
  font-weight: 500;
}
.form-feedback.success { background-color: #D1FAE5; color: #065F46; border: 1px solid #10B981; }
.form-feedback.error { background-color: #FEE2E2; color: #991B1B; border: 1px solid #EF4444; }

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