/* ============================================
   CZ Supply — FAQ Page Styles
   ============================================ */

/* --- FAQ Category Headings --- */

.faq-category-heading {
  font-family: var(--font-body);
  font-size: var(--fs-small);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--ls-wider);
  color: var(--lavender-dark);
  margin-top: var(--sp-3xl);
  margin-bottom: var(--sp-md);
}

.faq-category-heading + .rule {
  margin-bottom: var(--sp-sm);
}

.faq-category-first {
  margin-top: 0;
}

/* --- Accordion Group --- */

.accordion-group {
  margin-bottom: var(--sp-lg);
}

/* --- Still Have Questions CTA --- */

.faq-cta-text {
  font-size: var(--fs-body-lg);
  color: var(--text-secondary);
  line-height: var(--lh-body);
  max-width: 520px;
  margin: var(--sp-md) auto var(--sp-2xl);
}

.faq-cta-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-lg);
  flex-wrap: wrap;
}

/* ============================================
   Responsive Breakpoints
   ============================================ */

@media (max-width: 600px) {
  .faq-category-heading {
    margin-top: var(--sp-2xl);
  }

  .faq-cta-buttons {
    flex-direction: column;
    gap: var(--sp-md);
  }

  .faq-cta-buttons .btn {
    width: 100%;
  }
}