/* Contact Us page styles - GardenLite */

.section { padding-block: var(--space-16); }
.section-alt { background: var(--color-surface-alt); }

.contact-hero { 
  background: radial-gradient(1200px 400px at 20% -10%, var(--primary-50), transparent),
              linear-gradient(180deg, var(--color-surface), var(--color-surface-alt));
  padding-block: clamp(var(--space-14), 8vw, var(--space-20));
}
.contact-hero .hero-inner { display: grid; gap: var(--space-8); }
.contact-hero .hero-text { max-width: 800px; }
.contact-hero .hero-cta { display: flex; gap: var(--space-4); flex-wrap: wrap; margin-block: var(--space-5); }

.support-grid .contact-card { display: grid; gap: var(--space-3); }
.contact-link { font-weight: 600; }

/* Form */
#feedback-form { display: grid; gap: var(--space-6); }
.form-grid { display: grid; gap: var(--space-5); grid-template-columns: repeat(2, 1fr); }
.form-field { display: grid; gap: var(--space-2); }
.form-field--full { grid-column: 1 / -1; }
.consent { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: var(--space-3); }
.form-actions { display: flex; gap: var(--space-4); flex-wrap: wrap; }
.form-status { min-height: 1.5rem; }

/* Lists & stores */
.meta-list { color: var(--color-muted); }
.stores-grid article p { margin-block-start: var(--space-4); }

/* Alerts feedback */
.form-status .alert { margin: 0; }

/* Responsiveness */
@media (max-width: 768px) {
  .form-grid { grid-template-columns: 1fr; }
}
