/* Contact Us page-specific styles (keep minimal; rely on base.css) */

.hero .hero-title {
  letter-spacing: 0.02em;
}

.contact-grid {
  display: grid;
  gap: var(--space-6);
}
@media (min-width: 56rem) {
  .contact-grid { grid-template-columns: 1fr 1fr; }
}

.faq-list details {
  background: var(--color-surface);
  border: 1px solid rgba(50,50,50,0.08);
  border-radius: var(--radius-md);
  padding: var(--space-3) var(--space-4);
  box-shadow: var(--shadow-sm);
}
.faq-list details + details { margin-top: var(--space-3); }
.faq-list summary {
  cursor: pointer;
  font-weight: 600;
  list-style: none;
}
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list details[open] { box-shadow: var(--shadow-md); }
.faq-list .faq-content { margin-top: var(--space-2); color: var(--color-text); }

.social-links { display: flex; flex-wrap: wrap; gap: var(--space-3); padding-left: 0; }
.social-links li { list-style: none; }

.form-status { font-weight: 600; }
.form-status.success { color: var(--color-success); }
.form-status.error { color: var(--color-danger); }

/* Age gate modal */
.age-gate {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  display: grid;
  place-items: center;
  padding: var(--space-6);
  z-index: 1000;
}
.age-gate[hidden] { display: none; }
.age-gate__panel { max-width: 28rem; width: 100%; text-align: center; }
.age-gate__title { margin-top: 0; }