/* ── Клуб CHYSTOTIL ─────────────────────────────────────────────────────── */
.club-facts { padding-block: var(--space-7); }
.club-facts__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-6); margin-block: 0; }
.club-facts__item { display: grid; align-content: start; gap: var(--space-2); padding-left: var(--space-5); border-left: 1px solid var(--color-primary); }
.club-facts__value { font-size: var(--fs-h3); font-weight: var(--fw-light); line-height: 1.15; letter-spacing: var(--ls-heading); color: var(--color-heading); }
.club-facts__label { font-size: var(--fs-sm); color: var(--color-muted); }

.club-levels-section__head { display: grid; gap: var(--space-3); max-width: 62ch; margin-bottom: var(--space-7); }
.club-levels-section__text { font-size: var(--fs-lg); line-height: 1.6; }

/* Блок «Ваша вигода»: статус для авторизованих (шорткод плагіна) або запрошення для гостей */
.club-me { margin-top: var(--space-6); padding: var(--space-6); background: var(--color-bg); border: 1px solid var(--color-border); border-radius: var(--radius); }
.club-me__guest { display: grid; justify-items: start; gap: var(--space-3); }
.club-me__title { font-size: var(--fs-h3); font-weight: var(--fw-regular); line-height: 1.25; letter-spacing: var(--ls-heading); color: var(--color-heading); }
.club-me__text { max-width: 60ch; }
.club-me .chc-status { display: grid; gap: var(--space-2); }
.club-me .chc-status__title { font-size: var(--fs-xs); font-weight: var(--fw-medium); letter-spacing: var(--ls-caps); text-transform: uppercase; color: var(--color-muted); }
.club-me .chc-status__value { font-size: var(--fs-h3); line-height: 1.25; color: var(--color-heading); }
.club-me .chc-status__cond,
.club-me .chc-status__hint,
.club-me .chc-progress__sum,
.club-me .chc-progress__next { margin: 0; font-size: var(--fs-sm); color: var(--color-text); }
.club-me .chc-progress { display: grid; gap: var(--space-2); margin-top: var(--space-3); }
.club-me .chc-progress__bar { height: 6px; overflow: hidden; background: var(--color-bg-alt); border-radius: 999px; }
.club-me .chc-progress__fill { display: block; height: 100%; background: var(--color-primary); border-radius: inherit; }

.club-steps__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-7); margin: 0; padding: 0; list-style: none; }
.club-steps__item { display: grid; align-content: start; gap: var(--space-3); margin: 0; padding-top: var(--space-5); list-style: none; border-top: 1px solid var(--color-border-strong); }
.club-steps__num { font-size: var(--fs-sm); font-weight: var(--fw-medium); letter-spacing: var(--ls-caps); font-variant-numeric: tabular-nums; color: var(--color-accent-soft); }
.club-steps__title { font-size: var(--fs-h3); font-weight: var(--fw-regular); line-height: 1.25; letter-spacing: var(--ls-heading); color: var(--color-heading); }
.club-steps__text { font-size: var(--fs-base); }

.club-faq__inner { max-width: 860px; }
.club-faq__title { margin-bottom: var(--space-6); }

.club-cta__inner { display: grid; justify-items: center; gap: var(--space-4); text-align: center; }
.club-cta__title { font-size: var(--fs-h2); font-weight: var(--fw-regular); line-height: var(--lh-tight); letter-spacing: var(--ls-heading); color: var(--color-heading); }
.club-cta__text { max-width: 56ch; font-size: var(--fs-lg); }
.club-cta__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-3); margin-top: var(--space-3); }

@media (max-width: 1023px) {
    .club-facts__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); }
    .club-steps__list { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); }
    .club-steps__item { grid-template-columns: auto minmax(0, 1fr); column-gap: var(--space-4); padding-top: var(--space-4); }
    .club-steps__num { grid-row: 1 / span 2; padding-top: 4px; }
}

@media (max-width: 767px) {
    .club-facts { padding-block: var(--space-6); }
    .club-levels-section__head { margin-bottom: var(--space-5); }
    .club-levels-section__text,
    .club-cta__text { font-size: var(--fs-base); }
    .club-me { padding: var(--space-5); }
    .club-cta__actions { width: 100%; }
    .club-cta__actions .btn { flex: 1 1 100%; }
}
@media (max-width: 479px) {
    .club-facts__list { grid-template-columns: minmax(0, 1fr); }
}