/* ==========================================================
   ОБУЧЕНИЕ БИЛЬЯРДУ — ЕДИНАЯ СТИЛИСТИЧЕСКАЯ СИСТЕМА
   Подключать последним после всех CSS блоков
========================================================== */

:root {
    --ob-dark: #070807;
    --ob-dark-2: #0b0d0c;
    --ob-dark-card: rgba(9, 11, 10, .76);

    --ob-light: #f8f5ef;
    --ob-light-2: #eee8de;
    --ob-light-card: #fbf8f3;

    --ob-gold: #d8b173;
    --ob-gold-dark: #a77b38;
    --ob-gold-soft: rgba(216, 177, 115, .18);

    --ob-text-dark: #171512;
    --ob-text-light: #f7f3ec;
    --ob-text-muted-light: rgba(247, 243, 236, .76);
    --ob-text-muted-dark: rgba(23, 21, 18, .76);

    --ob-border-gold: rgba(216, 177, 115, .22);
    --ob-border-gold-strong: rgba(216, 177, 115, .46);

    --ob-serif: "Cormorant Garamond", Georgia, serif;
    --ob-sans: "Manrope", Arial, sans-serif;
}

/* ===== Общий box-sizing ===== */

.ob-hero *,
.ob-intro *,
.ob-audience *,
.ob-lesson *,
.ob-formats *,
.ob-games *,
.ob-coach *,
.ob-withcoach *,
.ob-faq * {
    box-sizing: border-box;
}

/* ==========================================================
   ЕДИНАЯ ТИПОГРАФИКА
========================================================== */

/* Крупные заголовки секций */
.ob-intro__title,
.ob-audience__title,
.ob-lesson__title,
.ob-formats__title,
.ob-games__title,
.ob-coach__title,
.ob-withcoach__title,
.ob-faq__title {
    font-family: var(--ob-serif) !important;
    font-weight: 500 !important;
    line-height: .96 !important;
    letter-spacing: -.035em !important;
    text-transform: none !important;
}

/* Тёмные секции */
.ob-audience__title,
.ob-lesson__title,
.ob-games__title,
.ob-withcoach__title,
.ob-faq__title {
    color: var(--ob-text-light) !important;
}

/* Светлые секции */
.ob-intro__title,
.ob-formats__title,
.ob-coach__title {
    color: var(--ob-text-dark) !important;
}

/* Малые подписи над заголовками */
.ob-hero__kicker,
.ob-intro__kicker,
.ob-audience__kicker,
.ob-lesson__kicker,
.ob-formats__kicker,
.ob-games__kicker,
.ob-coach__kicker,
.ob-withcoach__kicker,
.ob-faq__kicker {
    display: inline-flex;
    align-items: center;
    color: var(--ob-gold) !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    font-family: var(--ob-sans) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    letter-spacing: .28em !important;
    text-transform: uppercase !important;
}

/* На светлом фоне подписи чуть темнее */
.ob-intro__kicker,
.ob-formats__kicker,
.ob-coach__kicker {
    color: var(--ob-gold-dark) !important;
}

/* Основной текст */
.ob-intro__text,
.ob-audience__text,
.ob-lesson__text,
.ob-formats__note,
.ob-games__text,
.ob-coach__text,
.ob-withcoach__text,
.ob-faq__text {
    font-family: var(--ob-sans) !important;
}

/* ==========================================================
   КАРТОЧКИ — УБИРАЕМ SaaS-СКРУГЛЕНИЯ
========================================================== */

/* Тёмные карточки */
.ob-audience-card,
.ob-lesson-item,
.ob-games-card,
.ob-withcoach-card,
.ob-withcoach__center,
.ob-faq-item,
.ob-faq__mini-card {
    border-radius: 0 !important;
    border: 1px solid var(--ob-border-gold) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.014)),
        var(--ob-dark-card) !important;
    box-shadow: 0 18px 46px rgba(0,0,0,.22) !important;
}

/* Hover для тёмных карточек */
.ob-audience-card:hover,
.ob-lesson-item:hover,
.ob-games-card:hover,
.ob-withcoach-card:hover,
.ob-faq-item[open] {
    border-color: var(--ob-border-gold-strong) !important;
    background:
        linear-gradient(180deg, rgba(216, 177, 115, .09), rgba(255,255,255,.018)),
        rgba(13, 15, 14, .90) !important;
    box-shadow: 0 28px 68px rgba(0,0,0,.34) !important;
}

/* Светлые карточки */
.ob-intro__note,
.ob-formats__table,
.ob-formats__note,
.ob-coach__person-card,
.ob-coach__soft-card,
.ob-coach__info-card,
.ob-coach__photo-wrap,
.ob-coach__photo-placeholder {
    border-radius: 0 !important;
    border: 1px solid rgba(167, 123, 56, .20) !important;
    background: var(--ob-light-card) !important;
    box-shadow: 0 20px 55px rgba(23, 21, 18, .08) !important;
}

/* ==========================================================
   ЗАГОЛОВКИ КАРТОЧЕК
========================================================== */

.ob-audience-card__title,
.ob-lesson__panel-title,
.ob-games-card__title,
.ob-withcoach-card__title,
.ob-withcoach__center-title,
.ob-faq-item__question-text {
    font-family: var(--ob-sans) !important;
    color: #fff !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -.02em !important;
}

/* Светлые карточки — тёмные заголовки */
.ob-intro__note-title,
.ob-formats-cell--format,
.ob-coach__person-name,
.ob-coach__soft-title,
.ob-coach__info-title {
    font-family: var(--ob-sans) !important;
    color: var(--ob-text-dark) !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

/* ==========================================================
   МЕТКИ В КАРТОЧКАХ
========================================================== */

.ob-audience-card__label,
.ob-games-card__label,
.ob-withcoach-card__label,
.ob-faq__mini-label,
.ob-coach__person-label,
.ob-coach__info-title,
.ob-formats-row--head .ob-formats-cell {
    color: var(--ob-gold) !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    font-family: var(--ob-sans) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
}

/* Светлый фон — метки темнее */
.ob-coach__person-label,
.ob-coach__info-title,
.ob-formats-row--head .ob-formats-cell {
    color: var(--ob-gold-dark) !important;
}

/* Единая золотая линия перед меткой */
.ob-audience-card__label:before,
.ob-games-card__label:before,
.ob-withcoach-card__label:before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 1px;
    margin-right: 11px;
    background: var(--ob-gold);
}

/* ==========================================================
   КНОПКИ — УБИРАЕМ СЛИШКОМ SaaS PILL
========================================================== */

.ob-hero__btn,
.ob-intro__button,
.ob-coach__btn,
.ob-callback__submit,
.ob-formats__note,
.ob-audience-card__price {
    border-radius: 0 !important;
}

/* Основные кнопки */
.ob-hero__btn--primary,
.ob-intro__button,
.ob-coach__btn--primary,
.ob-callback__submit,
.ob-audience-card__price {
    background: var(--ob-gold) !important;
    color: #14110d !important;
    border: 1px solid var(--ob-gold) !important;
    box-shadow: 0 16px 34px rgba(216, 177, 115, .20) !important;
}

/* Вторичные кнопки */
.ob-hero__btn--secondary,
.ob-coach__btn--secondary {
    border: 1px solid rgba(216, 177, 115, .42) !important;
    background: transparent !important;
    color: inherit !important;
}

/* ==========================================================
   ФОНЫ СЕКЦИЙ — ЕДИНЫЙ РИТМ
========================================================== */

/* Тёмная база */
.ob-audience,
.ob-lesson,
.ob-withcoach,
.ob-faq {
    background:
        radial-gradient(circle at 12% 16%, rgba(216, 177, 115, .10), transparent 30%),
        radial-gradient(circle at 82% 70%, rgba(62, 95, 68, .12), transparent 34%),
        linear-gradient(180deg, var(--ob-dark) 0%, var(--ob-dark-2) 54%, var(--ob-dark) 100%) !important;
}

/* Светлая база */
.ob-intro,
.ob-formats,
.ob-coach {
    background:
        radial-gradient(circle at 12% 18%, rgba(216, 177, 115, .14), transparent 30%),
        radial-gradient(circle at 88% 72%, rgba(184, 164, 129, .12), transparent 34%),
        linear-gradient(180deg, var(--ob-light) 0%, var(--ob-light-2) 54%, #f6f2eb 100%) !important;
}

/* ==========================================================
   УБИРАЕМ ВИЗУАЛЬНЫЕ МАРКЕРЫ H1/H2/H3
   Если они вставлены отдельными span/div
========================================================== */

.ob-heading-debug,
.heading-debug,
.h-debug,
.debug-heading,
[class*="heading-debug"],
[class*="debug-heading"] {
    display: none !important;
}

/* Если H1/H2/H3 плашки сделаны вручную отдельным классом — добавим сюда после проверки */

/* ==========================================================
   АДАПТИВНАЯ СТАБИЛЬНОСТЬ
========================================================== */

@media (max-width: 767px) {
    .ob-intro__title,
    .ob-audience__title,
    .ob-lesson__title,
    .ob-formats__title,
    .ob-games__title,
    .ob-coach__title,
    .ob-withcoach__title,
    .ob-faq__title {
        font-size: 39px !important;
        line-height: 1 !important;
    }

    .ob-hero__kicker,
    .ob-intro__kicker,
    .ob-audience__kicker,
    .ob-lesson__kicker,
    .ob-formats__kicker,
    .ob-games__kicker,
    .ob-coach__kicker,
    .ob-withcoach__kicker,
    .ob-faq__kicker {
        font-size: 11px !important;
        letter-spacing: .18em !important;
    }
}

@media (max-width: 420px) {
    .ob-intro__title,
    .ob-audience__title,
    .ob-lesson__title,
    .ob-formats__title,
    .ob-games__title,
    .ob-coach__title,
    .ob-withcoach__title,
    .ob-faq__title {
        font-size: 34px !important;
    }
}