/* faq/index.css — FAQ page composition. Mobile-first.
   Layout: hero-cms (default center 576) + faq-accordion (6 items, first open).
   Hero pt 88. page-glow bottom at Figma frame 1593 → top=1495. */

/* ─── Atoms ────────────────────────────────────────────────────────── */

/* ─── Molecules ────────────────────────────────────────────────────── */
@import url('../../_components/molecules/hero-cms/hero-cms.css');

/* ─── Sections ─────────────────────────────────────────────────────── */
@import url('../../_components/sections/header-full/header-full.css');
@import url('../../_components/sections/footer-full/footer-full.css');
@import url('../../_components/sections/mobile-menu/mobile-menu.css');
@import url('../../_components/sections/age-gate-modal/age-gate-modal.css');
@import url('../../_components/sections/page-glow/page-glow.css');
@import url('../../_components/sections/faq-accordion/faq-accordion.css');

/* ─── Page-scoped overrides ─────────────────────────────────────────── */

.page-faq [data-wins-counter] { display: none !important; }

.page-faq .faq-main {
  position: relative;
  overflow: hidden;
}

.page-faq .faq-container {
  position: relative;
  z-index: 1;
  padding: 88px 16px 0;
}

.page-faq .faq-accordion {
  margin: 56px auto 0;
  max-width: 896px;
  width: 100%;
}

.page-faq .faq-bottom-spacer {
  height: 96px;
}

/* ─── Desktop (≥1024) ─────────────────────────────────────────────── */
@media (min-width: 1024px) {
  .page-faq .faq-container {
    padding-top: 88px;
    padding-left: 0;
    padding-right: 0;
  }
  .page-faq .faq-accordion {
    margin-top: 64px;
  }
  .page-faq .faq-bottom-spacer {
    height: 232px;
  }
}