/* ==================================================================
 * PREMIUM · PERF FIX + BUG FIX 2026
 * ------------------------------------------------------------------
 * Финальный override-слой:
 *   • Отключает бесконечные gradient-shift анимации (главный источник
 *     лагов: бесконечная анимация background-position на тексте требует
 *     постоянного re-render gradient)
 *   • Отключает «breath/pulse» анимации, которые ничего не сообщают
 *     юзеру, но дают постоянный repaint больших радиальных glow
 *   • Фиксит баг с невидимым gradient-текстом (`.cs2-title-grad`,
 *     `.sa-title-grad`, и т.д.) — добавляет `background-clip: text !important`
 *   • Снижает агрессивность backdrop-filter на не-модальных элементах
 *     (blur(14-18px) — дорого на каждом скролле)
 *
 * Загружается ПОСЛЕДНИМ в base.html, поэтому всегда побеждает.
 * ================================================================== */

/* ────────────────────────────────────────────────────────────────────
 * 1. Отключаем бесконечные gradient-shift анимации на тексте
 *    Это главный источник лагов на pricing/subscription.
 * ──────────────────────────────────────────────────────────────────── */
.cs2-title-grad,
.bn-h1 .grad,
.sa-title-grad,
.sc-title-grad,
.we-page .we-panel h2,
.sc-page .sc-title-grad,
body.bn-host .bn-h1 .grad,
.cp-app .cp-hero-title,
.cp-app .cp-title-grad,
.lp-hero-title {
    animation: none !important;
    background-size: 100% 100% !important;
}

/* Принудительно фиксим background-clip — это бугфикс под скриншот
   /company/subscription где заголовок "OCC/WAY" не отображался */
.cs2-title-grad,
.sa-title-grad,
.sc-title-grad,
.bn-h1 .grad,
.sc-tier-name,
.sc-tier-price-val,
.sc-base-price-val,
.sc-modal-name,
.sc-modal-price,
.sc-summary-total-val,
.cs2-title,
.cs2-price-value,
.cs2-promo-savings-value,
.cs2-total-value,
.cs2-empty-title,
.cs2-faq-q,
.cs2-constructor-name,
.cs2-plan-name,
.sa-title,
.sa-empty-title,
.sa-card-name,
.sa-total b,
.lm-hero__title,
.lm-hero__budget-value,
.lm-fact__value--money,
.lp-content h2,
.we-preview__title,
.we-page .we-panel h2,
.cp-hero-title,
.cp-portfolio-item-title,
.docs-gallery__hero h1,
.docs-topbar__doc-title,
.docs-audit__stat-num,
.crm-an-panel__title,
.crm-leads-section .leads-title h5,
.pipeline-column-title,
.crm-tasks-hero .hero-title,
.lm-section__title,
.occ-m-mgr-lc-card__title {
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

/* ────────────────────────────────────────────────────────────────────
 * 2. Отключаем декоративные pulse/breath анимации
 *    Они дают красивый эффект, но каждые 3-7 секунд репейнтят
 *    большие радиальные glow — это видимый лаг при скролле.
 * ──────────────────────────────────────────────────────────────────── */
.bn-host .bn-trial-icon,
.cs2-empty-icon,
.sa-empty-icon,
.cp-app .cp-hero-glow,
.cp-app .cp-logo-area::after,
.bn-host .bn-h1,
.lm-hero,
[class*="-breath"],
[class*="-pulse"] {
    animation: none !important;
}

/* Отключаем skeleton-анимации после первой секунды (через css не получится,
   но reduce-motion-friendly: оставляем только если пользователь явно хочет) */
.docs-skeleton__row {
    animation-iteration-count: 4 !important;
}

/* ────────────────────────────────────────────────────────────────────
 * 3. Снижаем backdrop-filter — дорогая операция на каждом скролле.
 *    Оставляем только на МОДАЛКАХ (там оправдано).
 * ──────────────────────────────────────────────────────────────────── */
.cp-app .cp-back,
.cp-app .cp-public-link,
.we-page .we-panel,
.we-page .we-preview,
.we-page .we-toast,
.bn-host .bn-back,
.bn-host .bn-trust span,
.bn-host .bn-chain-step,
.lm-prop__action,
body:has(.lp-page) .lp-hero-meta,
body:has(.lp-page) .lp-toc,
body:has(.lp-page) .lp-content,
.docs-topbar,
.crm-leads-section,
.smart-filters-bar,
#massActionsBar,
.crm-tasks-hero {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Оставляем blur только на модалках и lightbox */
.bn-modal-bd,
.sc-modal-backdrop,
.cp-modal,
.cp-lightbox,
.mcap-modal-bd,
.occ-m-bs__backdrop {
    backdrop-filter: blur(14px) saturate(1.1) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.1) !important;
}

/* ────────────────────────────────────────────────────────────────────
 * 4. GPU-acceleration hint для часто-перерисовываемых элементов
 *    (с hover-transform). Не злоупотребляем — только там где
 *    действительно крутимся.
 * ──────────────────────────────────────────────────────────────────── */
.bn-period,
.bn-tier,
.sc-tier,
.cs2-feature,
.cs2-card,
.cp-portfolio-item,
.pipeline-card,
.task-card,
.lm-fact,
.sa-card,
.docs-form-card,
.crm-an-kpi,
.crm-analytics__kpis > div,
.we-page .we-preset,
.we-page .we-toggle {
    will-change: transform;
}

/* ────────────────────────────────────────────────────────────────────
 * 5. Снижаем дорогие tripleGradient на body — оставляем 2 слоя
 *    из 3-4. Главное — НЕ затрагивать pricing/subscription, у них
 *    свои новые CSS (v2). Это только для других страниц.
 * ──────────────────────────────────────────────────────────────────── */

/* ────────────────────────────────────────────────────────────────────
 * 6. Защита от двойных hover-теней (когда стек 4-5 box-shadow)
 * ──────────────────────────────────────────────────────────────────── */
.bn-period.is-active,
.bn-tier.is-popular {
    will-change: auto; /* не GPU-ускоряем элементы которые статичны */
}