/**
 * Order Support section (Phase 6) — supplemental rules only.
 * ----------------------------------------------------------------
 * Intentionally minimal: the intro teaser reuses .contact-card and the
 * form fields reuse the existing .contact-form__* classes, so almost
 * all visual styling (colors, fonts, spacing tokens) already comes
 * from global.css / contact.css unchanged.
 *
 * This file only covers the couple of things the new markup needs
 * that those files don't already have a rule for:
 *   - letting the new section span full width if .contact-main is a
 *     grid (harmless no-op if it isn't)
 *   - a little breathing room around the section and around the
 *     conditionally-revealed refund fields
 *
 * NOTE: this was written without visibility into the project's actual
 * contact.css, so please do a visual check on the live page — see the
 * "manual tests" list for what to look at.
 */

.contact-order-support {
  grid-column: 1 / -1;
  margin-top: 1.5rem;
}

.contact-order-support__form {
  margin-top: 1rem;
}

.contact-order-support__refund-fields {
  display: flex;
  flex-direction: column;
  gap: inherit;
}