/* Bella Bakes — contact.css (additive) */

.contact-hero {
  max-width: 1240px; margin: 0 auto; padding: 180px 80px 120px;
  display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-64);
}
.contact-item {
  display: flex; align-items: center; gap: var(--space-16); margin-top: var(--space-20);
  font-size: 16px;
}
.contact-item svg { width: 22px; height: 22px; color: var(--accent-deep); flex-shrink: 0; }
.contact-item a { text-decoration: none; color: var(--ink); border-bottom: 1px solid var(--border); }
.contact-item a:hover { color: var(--accent-deep); border-color: var(--accent); }
.contact-form-wrap { background: var(--white); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); padding: var(--space-40); }

@media (max-width: 900px) {
  .contact-hero { grid-template-columns: 1fr; padding-top: 150px; }
}