/* Доп. блоки воронки посадочной — общий для всех посадочных.
   Вынесено из встроенного <style> страниц 06.10.2026 (общий блок посадочных); цвета — переменные темы. */
    /* Оффер как hero главной (текст слева, фото справа); меньше верхний отступ, чем у первого экрана */
    .t4-offer.hero--split { padding-top: 4rem; padding-bottom: 4.5rem; }
    .t4-offer .hero-content { max-width: 600px; }
    .t4-offer-title { font-size: clamp(2rem, 4vw, 2.9rem); line-height: 1.2; margin-bottom: 1.25rem; color: var(--deep-plum); }
    @media (min-width: 768px) { .t4-nowrap { white-space: nowrap; } }
    .t4-under-cta { margin-top: 0.9rem; font-size: 0.98rem; font-weight: 600; color: var(--warm-gray); }
    .t4-offer .t4-checks { margin: 0 0 0.5rem; }
    .t4-proof-wrap { display: flex; justify-content: flex-start; margin: 1.5rem 0; }
    /* Плашка «8 из 10» в index.css имеет margin:auto — в left-раскладке обнуляем, иначе уезжает вправо */
    .t4-offer .t4-proof-wrap .hero-proof { margin: 0; }
    /* Подсказка прокрутки в hero */
    .scroll-hint { display: inline-flex; align-items: center; gap: 0.4rem; margin-top: 1.5rem; color: var(--deep-plum); font-weight: 600; font-size: 0.95rem; text-decoration: none; }
    .scroll-hint-icon { display: inline-flex; animation: t4-bounce 1.8s ease-in-out infinite; }
    @media (prefers-reduced-motion: reduce) { .scroll-hint-icon { animation: none; } }
    @keyframes t4-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(4px); } }
    /* Виды тревоги — грид карточек (переиспользуем .help-*), 3 в ряд на десктопе, 1 на мобиле, без переполнения */
    #t4-anxiety .help-grid { display: grid; grid-template-columns: 1fr; gap: 1.25rem; }
    #t4-anxiety .help-card p { overflow-wrap: break-word; }
    /* Иконки видов тревоги — линейные SVG с градиентом (стиль psihologonline), на белом кружке */
    #t4-anxiety .help-icon { background: var(--c-white, #fff); box-shadow: 0 8px 20px var(--c-gray-700-a12, rgba(90,74,90,0.12)); }
    #t4-anxiety .help-icon svg { width: 34px; height: 34px; }
    .safety-section .safety-icon svg { width: 30px; height: 30px; display: block; }
    @media (min-width: 768px) { #t4-anxiety .help-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
    /* Hero — только текст, по центру (фото перенесено во второй экран) */
    .t4-hero-text .hero-grid { grid-template-columns: 1fr; }
    .t4-hero-text .hero-content { margin: 0 auto; max-width: 640px; text-align: center; justify-self: center; }
    .t4-hero-text .scroll-hint { justify-content: center; }
    /* Оффер: чек-лист с зелёными галочками */
    .t4-checks { list-style: none; padding: 0; margin: 1.5rem 0 0; display: flex; flex-direction: column; gap: 0.6rem; width: -moz-fit-content; width: fit-content; align-items: flex-start; text-align: left; }
    /* В hero (по центру) компактный блок галочек центрируем; следующий за ним «Крутите вниз» уходит на свою строку */
    .t4-hero-checks { margin: 2.75rem auto; }
    .t4-hero-checks li { font-size: 1.12rem; }
    .t4-checks li { display: flex; align-items: center; gap: 0.6rem; color: var(--text-primary); font-size: 1.05rem; font-weight: 500; }
    .t4-checks li::before { content: '✓'; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; min-width: 24px; border-radius: 50%; background: var(--sage); color: var(--c-white, #fff); font-size: 0.8rem; font-weight: 700; }
    /* (фото оффера теперь в раскладке hero--split справа — см. секцию #t4-offer) */
    /* Фиолетовый акцент в заголовке оффера */
    .t4-accent { color: var(--c-violet-400, #805AD5); }