/* ==========================================================================
   Лендинг «Интершарм 2026» — страница 96072 (/intersharm-2026)

   Макет Figma «Выставки Интершарм Intercharm» (fileKey RyoIRkz8e1uKwgym7VakjJ),
   фрейм «1920w default» 1789:2126. Контентная область в макете 1190px,
   по просьбе владельца растянута до 1260px — как на лендинге курса БМС.

   Префикс классов — ich- (от ICH26, как выставка сокращает себя в логотипе).
   Каждая секция несёт общий класс .ich и свой .ich-<блок>; все стили
   лендинга — только в этом файле, инлайна в разметке нет.

   Тема Woodmart перебивает заголовки, списки и кнопки — поэтому у таких
   правил повышенная специфичность (.ich .ich-…) и !important.
   ========================================================================== */

/* Заголовок hero и крупные цифры набраны Buyan — шрифт уже в теме
   (тот же, что на лендинге курса БМС) */
@font-face {
    font-family: 'Buyan';
    src: url('../fonts/Buyan/BuyanBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.ich {
    box-sizing: border-box;
    font-family: 'Raleway', sans-serif;
    color: #313131;
}

.ich *,
.ich *::before,
.ich *::after {
    box-sizing: inherit;
}

.ich__container {
    max-width: 1260px;
    margin: 0 auto;
}

/* ============================ КНОПКИ (общие) ============================ */
/* !important — перебиваем стили кнопок/ссылок темы Woodmart (серый фон, CAPS) */
.ich .ich-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 58px;
    padding: 0 36px;
    border: none !important;
    border-radius: 14px !important;
    background: #45679d !important;
    background-image: none !important;
    box-shadow: none !important;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    text-decoration: none !important;
    color: #fff !important;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease;
    /* lining-цифры — цифры на одной базовой линии с буквами (особенность Raleway) */
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'lnum' 1, 'pnum' 1;
}

.ich .ich-btn:hover,
.ich .ich-btn:focus {
    background: #3a567f !important;
    color: #fff !important;
}

/* Белая кнопка с тёмным текстом — на синих полосах */
.ich .ich-btn--white {
    background: #fff !important;
    color: #313131 !important;
}

.ich .ich-btn--white:hover,
.ich .ich-btn--white:focus {
    background: #eef2fb !important;
    color: #313131 !important;
}

/* ============================ БЛОК 01: HERO ============================
   Фон — готовый jpg от владельца (1920x653, без текста). Всё остальное —
   разметка. Геометрия из макета (фрейм 1789:4821, 1920x653): строка брендов
    на y=42, заголовок на 117, факты на 388, две кнопки на 545.
   В макете фрейм hero отзеркален по горизонтали, поэтому координаты
   в get_design_context «перевёрнуты»: real_x = 1920 − x. */

.ich-hero {
    position: relative;
    min-height: 653px;
    padding: 42px 25px 50px;
    background: #bcd3e8 url('../img/intercharm-2026/hero-desktop.jpg') center top / cover no-repeat;
}

.ich-hero > .ich__container {
    position: relative;
    z-index: 1;
}

/* --- Строка брендов --- */
.ich-hero__brands {
    display: flex;
    align-items: center;
    gap: 28px;
    height: 30px;
}

.ich-hero__logo-gess {
    display: block;
    width: 68px;
    height: 23px;
}

.ich-hero__logo-ich {
    display: block;
    width: 137px;
    height: 23px;
}

.ich-hero__brand-line {
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    font-size: 18.6px;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
}

.ich-hero__brand-sep {
    display: inline-block;
    width: 1px;
    height: 26px;
    margin: 0 8px 0 7px;
    background: #fff;
}

/* --- Заголовок --- */
/* !important — тема Woodmart задаёт свои font-size/line-height для h1 */
.ich .ich-hero__title {
    margin: 45px 0 0 !important;
    font-family: 'Buyan', 'Raleway', sans-serif !important;
    font-weight: 700 !important;
    line-height: .87 !important;
    letter-spacing: normal !important;
    text-transform: uppercase !important;
    color: #fff !important;
}

.ich-hero__title-line {
    display: block;
    white-space: nowrap;
}

.ich-hero__title-line--1 {
    font-size: 172px;
}

/* вторая строка мельче и подтянута вверх — так в макете (253 при низе первой 267) */
.ich-hero__title-line--2 {
    margin-top: -14px;
    font-size: 121px;
}

/* лёгкий градиент белый → голубоватый на буквах, как в макете;
   если браузер не умеет clip по тексту — просто белый */
@supports (-webkit-background-clip: text) or (background-clip: text) {
    .ich-hero__title-line {
        background: linear-gradient(106deg, #fff 1%, #fff 50%, #deecff 99%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
    }
}

/* --- Факты: место и стенд --- */
.ich-hero__facts {
    display: flex;
    gap: 52px;
    margin-top: 30px;
}

.ich-hero__fact {
    position: relative;
    padding-left: 24px;
}

/* белая вертикальная черта слева (3x89 в макете) */
.ich-hero__fact::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 89px;
    background: #fff;
}

.ich-hero__fact-label {
    display: block;
    font-weight: 500;
    font-size: 26px;
    line-height: 1.1;
    color: #fff;
    white-space: nowrap;
}

.ich-hero__fact-value {
    display: block;
    margin-top: 10px;
    font-family: 'Buyan', 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 66px;
    line-height: .87;
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'lnum' 1, 'pnum' 1;
}

/* --- Две кнопки Hero --- */
.ich-hero__actions {
    display: flex;
    gap: 18px;
    margin-top: 61px;
}

.ich.ich-hero .ich-hero__btn {
    width: 264px;
    padding: 0 12px;
    border-radius: 10px !important;
    font-weight: 600 !important;
    font-size: 19px !important;
    white-space: nowrap;
}

.ich.ich-hero .ich-hero__btn--onsite {
    background: #14ae5c !important;
}
.ich.ich-hero .ich-hero__btn--onsite:hover,
.ich.ich-hero .ich-hero__btn--onsite:focus {
    background: #0d944c !important;
}
.ich.ich-hero .ich-hero__btn--remote {
    background: #fff !important;
    color: #313131 !important;
}
.ich.ich-hero .ich-hero__btn--remote:hover,
.ich.ich-hero .ich-hero__btn--remote:focus {
    background: #eef2fb !important;
    color: #313131 !important;
}

/* ================== БЛОК 02: ЖИВОЙ ОПЫТ БМС ==================
   Слева вертикальное видео (480x737, радиус 25), справа бейдж, заголовок,
   лид и четыре карточки 2x2. Геометрия из фрейма 1793:2 (1920x916). */

.ich-exp {
    padding: 69px 25px 110px;
    background: #fff;
}

.ich-exp__inner {
    display: grid;
    grid-template-columns: 480px 1fr;
    gap: 25px;
    /* stretch: видео-карточка тянется до высоты правой колонки. Заголовок
       в две строки (16.09) сделал колонку выше макетных 737px, и карточки
       выступали под видео; ролик 9:16 при object-fit: cover лишь чуть
       меньше режется по высоте */
    align-items: stretch;
}

/* --- Видео --- */
.ich-exp__video-card {
    position: relative;
    /* Высота макета — минимум; при более высокой правой колонке карточка
       вытянется (align-items: stretch у .ich-exp__inner). Именно min-height,
       а не aspect-ratio: в Chrome/Edge aspect-ratio у растянутого grid-элемента
       пересчитывает ширину из высоты (781px → 509px), карточка вылезала
       за колонку и прилипала к соседям; Firefox так не делает. Ниже 1024,
       где колонка одна, пропорция возвращается (см. медиа). */
    width: 100%;
    min-height: 737px;
    border-radius: 25px;
    background: #9db6cf;
    overflow: hidden;
}

.ich-exp__video {
    position: absolute;
    /* -1px по низу: при дробной высоте карточки Chrome оставлял под видео
       1px чёрной полосы */
    inset: 0 0 -1px;
    display: block;
    width: 100%;
    height: calc(100% + 1px);
    /* ролик 9:16, карточка чуть иной пропорции — обрезаем, а не растягиваем */
    object-fit: cover;
}

/* --- Правая колонка --- */
.ich-exp__content {
    padding-top: 14px;
}

.ich-exp__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 34px;
    padding: 0 16px 0 12px;
    border-radius: 999px;
    background: #e6edf8;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    color: #313131;
    white-space: nowrap;
}

.ich-exp__badge::before {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #45679d;
}

/* !important — тема Woodmart задаёт заголовкам свои размеры */
.ich .ich-exp__title {
    margin: 16px 0 0 !important;
    font-weight: 700 !important;
    font-size: 46px !important;
    line-height: 48px !important;
    letter-spacing: -0.025em !important;
    color: #313131 !important;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'lnum' 1, 'pnum' 1;
}

.ich-exp__lead {
    margin: 12px 0 0;
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    color: #575757;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'lnum' 1, 'pnum' 1;
}

/* --- Карточки --- */
.ich-exp__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 21px;
    margin-top: 12px;
}

.ich-exp__card {
    min-height: 249px;
    padding: 24px 22px 22px;
    border-radius: 20px;
    background: #e6edf8;
}

.ich-exp__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: #f2f6ff;
}

.ich-exp__icon svg {
    display: block;
    width: 24px;
    height: 24px;
}

/* заголовок всегда в две строки — так описания в соседних карточках
   стоят на одной высоте */
.ich .ich-exp__card-title {
    min-height: 42px;
    margin: 33px 0 0 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 21px !important;
    letter-spacing: -0.019em !important;
    color: #313131 !important;
}

.ich-exp__card-desc {
    margin: 13px 0 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #575757;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'lnum' 1, 'pnum' 1;
}

/* ================== БЛОК 03: ЧТО ТАКОЕ БМС ==================
   Порт блока 05 лендинга курса (bkb-method): те же тексты, карточки и фото.
   Отличия по макету 1794:295 (1920x630): бейдж белый с синей точкой,
   отступы сверху 43 вместо 92, лид 18px, фото крупнее — 828px вместо 741. */

.ich-method {
    position: relative;
    /* фото выходит за контейнер вправо — обрезаем, чтобы не появлялся
       горизонтальный скролл на узких экранах */
    overflow: hidden;
    padding: 43px 25px 60px;
    background: #e6edf8;
}

.ich-method__container {
    position: relative;
}

/* текстовая часть уже контейнера — иначе строки уходят под фото */
.ich-method__head {
    max-width: 65.5%;
}

.ich-method__badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 30px;
    padding: 0 13px 0 8px;
    border-radius: 999px;
    background: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    color: #313131;
    white-space: nowrap;
}

.ich-method__badge::before {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #45679d;
}

/* !important — тема Woodmart задаёт заголовкам свои размеры */
.ich .ich-method__title {
    margin: 16px 0 0 !important;
    font-weight: 700 !important;
    font-size: 46px !important;
    line-height: 51px !important;
    letter-spacing: -0.025em !important;
    color: #313131 !important;
}

.ich-method__lead {
    margin: 19px 0 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #575757;
}

/* --- Карточки --- */
/* Две белые в левой колонке одна под другой, синяя — во второй колонке
   на всю высоту обеих. Третья колонка макета пустая: там фото. */
.ich-method__cards {
    display: grid;
    grid-template-columns: 449fr 322fr;
    grid-template-rows: auto auto;
    gap: 16px 17px;
    width: 66.1%; /* (449 + 17 + 322) из 1192 */
    margin-top: 31px;
}

.ich-method__card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-height: 137px;
    padding: 30px 21px;
    border: 1px solid #e2e8f4;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 20px 50px -20px rgba(84, 139, 200, .2);
}

/* синяя карточка: занимает вторую колонку и оба ряда, иконка сверху */
.ich-method__card--accent {
    grid-column: 2;
    grid-row: 1 / 3;
    flex-direction: column;
    gap: 20px;
    padding: 32px 28px;
    border: none;
    background: #46689d;
    box-shadow: none;
}

.ich-method__icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 15px;
    background: #e3efff;
    color: #45679d;
}

.ich-method__icon svg {
    display: block;
    width: 30px;
    height: 30px;
}

.ich-method__card--accent .ich-method__icon {
    border-radius: 20px;
    background: rgba(255, 255, 255, .18);
    color: #fff;
}

.ich .ich-method__card-title {
    margin: 0 !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 30px !important;
    letter-spacing: normal !important;
    color: #313131 !important;
}

.ich-method__card-desc {
    margin: 9px 0 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.25;
    color: #575757;
}

.ich .ich-method__card--accent .ich-method__card-title {
    color: #fff !important;
}

.ich-method__card--accent .ich-method__card-desc {
    margin-top: 11px;
    line-height: 1.4;
    color: rgba(255, 255, 255, .86);
}

/* --- Фото --- */
/* 828px — как в макете (PNG 742px растянут на 1.116, для фото это
   безболезненно). bottom компенсирует нижний padding секции, чтобы фото
   упиралось в её низ; верх головы уходит за верхний край секции — так
   в макете. */
.ich-method__photo {
    position: absolute;
    right: -13%;
    bottom: -60px;
    display: block;
    width: 828px;
    max-width: 66%;
    height: auto;
    /* пропорции фиксируем явно: ленивая загрузка Seraphinite подменяет src
       заглушкой с другим соотношением сторон */
    aspect-ratio: 742 / 605;
    pointer-events: none;
}

/* ================== БЛОК 04: ПОЛОСА-ПРИЗЫВ ==================
   Узкая полоса 1920x128 с градиентом, текст слева, белая кнопка справа.
   Примыкает к блоку 03 без зазора. Используется дважды с разным текстом
   (фрейм 1789:5124 и 1794:789). */

.ich-cta {
    padding: 0 25px;
    background: linear-gradient(90deg, #43689f 0%, #658dc1 100%);
}

.ich-cta__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    min-height: 128px;
    padding: 24px 0;
}

.ich-cta__text {
    max-width: 906px;
}

/* !important — тема Woodmart задаёт заголовкам свои размеры */
.ich .ich-cta__title {
    margin: 0 !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    color: #fff !important;
}

.ich-cta__desc {
    margin: 4px 0 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 21.7px;
    color: #fff;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'lnum' 1, 'pnum' 1;
}

.ich.ich-cta .ich-btn {
    flex-shrink: 0;
    min-width: 255px;
    padding: 0 20px;
    border-radius: 10px !important;
    font-weight: 600 !important;
    font-size: 18px !important;
}

/* Блок 04: две кнопки как в фрейме 1789:5124; блок 07 сохраняет старый CTA. */
.ich-cta--try .ich-cta__inner {
    max-width: 1190px;
}

.ich-cta--try .ich-cta__actions {
    display: flex;
    flex-shrink: 0;
    gap: 14px;
}

.ich.ich-cta--try .ich-cta__btn {
    width: 214px;
    min-width: 0;
    padding: 0 10px;
    font-size: 19px !important;
    white-space: nowrap;
}

.ich.ich-cta--try .ich-cta__btn--onsite {
    background: #14ae5c !important;
}

.ich.ich-cta--try .ich-cta__btn--onsite:hover,
.ich.ich-cta--try .ich-cta__btn--onsite:focus {
    background: #0d944c !important;
}

.ich.ich-cta--try .ich-cta__btn--remote {
    width: 209px;
}

/* ================== БЛОК 05: ВЕДУЩИЙ СПИКЕР ==================
   Как блок эксперта на лендинге курса (bkb-expert), но по макету 1794:726:
   белый фон, фото 366px, бейдж с точкой, имя в две строки, без тегов. */

/* сверху на 8px больше: дуга-подложка выступает над фото, а в макете
   отсчёт идёт от неё */
.ich-speaker {
    padding: 85px 25px 78px;
    background: #fff;
}

.ich-speaker__inner {
    display: flex;
    align-items: center;
    gap: 38px;
}

/* --- Фото --- */
/* Синий круг (::before) лежит сзади со смещением вверх-вправо, фото — сверху:
   синий выглядывает дугой справа-сверху (в макете подложка на 7px правее
   и 8px выше фото). */
.ich-speaker__photo {
    position: relative;
    flex-shrink: 0;
    width: 366px;
    height: 366px;
    border-radius: 50%;
    /* цвет прямо под фото — кант переходит в синий, а не в фон секции */
    background: #668ec2;
}

.ich-speaker__photo::before {
    content: '';
    position: absolute;
    top: -8px;
    right: -7px;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #668ec2;
}

.ich-speaker__photo img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

/* --- Текст --- */
.ich-speaker__content {
    min-width: 0;
    max-width: 590px;
}

.ich-speaker__badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 34px;
    padding: 0 16px 0 12px;
    border-radius: 999px;
    background: #e6edf8;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    color: #313131;
    white-space: nowrap;
}

.ich-speaker__badge::before {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #45679d;
}

/* !important — тема Woodmart задаёт заголовкам свои размеры */
.ich .ich-speaker__name {
    margin: 27px 0 0 !important;
    font-weight: 700 !important;
    font-size: 34px !important;
    line-height: 44px !important;
    letter-spacing: -0.02em !important;
    color: #313131 !important;
}

.ich-speaker__role {
    margin: 21px 0 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #313131;
}

.ich-speaker__desc {
    margin: 22px 0 0;
    max-width: 528px;
    font-weight: 400;
    font-size: 16px;
    line-height: 25.6px;
    color: #575757;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'lnum' 1, 'pnum' 1;
}

/* ================== БЛОК 06: ДЛЯ ГОСТЕЙ ==================
   Слева бейдж, заголовок, лид и две карточки-товара, справа фото женщины
   с росписью на лице (PNG от владельца, 751x736), за ней светлый овал.
   Фрейм 1794:340, 1920x693. Фото прижато к низу, верх уходит за край. */

.ich-guests {
    position: relative;
    /* фото на узких десктопах выходит за правый край — режем только по
       горизонтали: overflow-x: clip, в отличие от hidden, не трогает
       вертикаль, и голова может выходить над секцией, как в макете */
    overflow-x: clip;
    padding: 30px 25px 41px;
    background: #e6edf8;
}

.ich-guests__inner {
    position: relative;
    min-height: 622px; /* 693 минус отступы секции */
}

/* Блок вставлен в ряд WPBakery, а у ряда в теме overflow: hidden —
   он резал голову по верхнему краю секции. Снимаем только для ряда
   с этим блоком; горизонталь по-прежнему держит overflow-x: clip секции. */
.vc_row:has(.ich-guests) {
    overflow: visible !important;
}

.ich-guests__badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 30px;
    padding: 0 12px 0 6px;
    border-radius: 999px;
    background: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    color: #313131;
    white-space: nowrap;
}

.ich-guests__badge::before {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #45679d;
}

/* !important — тема Woodmart задаёт заголовкам свои размеры */
.ich .ich-guests__title {
    margin: 18px 0 0 !important;
    font-weight: 700 !important;
    font-size: 46px !important;
    line-height: 46px !important;
    letter-spacing: -0.025em !important;
    color: #313131 !important;
}

.ich-guests__lead {
    margin: 10px 0 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 29.7px;
    color: #575757;
}

/* --- Карточки --- */
/* z-index — карточки лежат поверх фото: правая заходит на плечо */
.ich-guests__cards {
    position: relative;
    z-index: 2;
    display: flex;
    gap: 18px;
    margin-top: 23px;
}

.ich-guests__card {
    width: 284px;
    min-height: 420px;
    padding: 5.5px 5.5px 29px;
    border-radius: 19px;
    background: #fff;
}

.ich-guests__card-img {
    aspect-ratio: 273 / 269;
    border-radius: 12px;
    background: #eff3fc;
    overflow: hidden;
}

.ich-guests__card-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ich .ich-guests__card-title {
    margin: 14px 11px 0 !important;
    font-weight: 700 !important;
    font-size: 19px !important;
    line-height: 23px !important;
    letter-spacing: -0.02em !important;
    color: #313131 !important;
}

.ich-guests__card-desc {
    margin: 8px 11px 0;
    font-weight: 400;
    font-size: 13.3px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #575757;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'lnum' 1, 'pnum' 1;
}

/* --- Фото --- */
/* Ширина натуральная (751px). Привязка к ЛЕВОМУ краю контейнера
   (39.5% его ширины) — так правая карточка заходит на плечо, как в макете;
   правый край при этом выходит за контейнер. bottom компенсирует нижний
   padding секции. */
.ich-guests__photo {
    position: absolute;
    left: 39.5%;
    bottom: -41px;
    z-index: 1;
    width: 751px;
    max-width: 62%;
    pointer-events: none;
}

.ich-guests__photo img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    /* пропорции фиксируем явно: ленивая загрузка Seraphinite подменяет src
       заглушкой с другим соотношением сторон */
    aspect-ratio: 751 / 736;
}

/* светлый овал-подсветка за фото: в макете 894x597, левее фото на 139px,
   низом на низе секции — в долях от ширины фото (751) */
.ich-guests__photo::before {
    content: '';
    position: absolute;
    left: -18.5%;
    right: -0.5%;
    bottom: 0;
    height: 81%;
    border-radius: 50%;
    /* closest-side: прозрачность достигается на краю овала, а не в углу —
       иначе у овала видна жёсткая граница */
    background: radial-gradient(closest-side, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

/* ================== БЛОК 08: САЛОНАМ И КОСМЕТОЛОГАМ ==================
   Как блок «GESS Академия» на курсе: две карточки в ряд, правая с
   градиентом и белой кнопкой, прижатой к правому нижнему углу.
   Фрейм 1799:856, 1920x599. */

.ich-pro {
    padding: 42px 25px 89px;
    background: #ecf1fa;
}

.ich-pro__badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 30px;
    padding: 0 12px 0 6px;
    border-radius: 999px;
    background: #f2f6ff;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    color: #313131;
    white-space: nowrap;
}

.ich-pro__badge::before {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #45679d;
}

/* !important — тема Woodmart задаёт заголовкам свои размеры */
.ich .ich-pro__title {
    margin: 16px 0 0 !important;
    font-weight: 700 !important;
    font-size: 46px !important;
    line-height: 48px !important;
    letter-spacing: -0.025em !important;
    color: #313131 !important;
}

.ich-pro__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 21px;
    margin-top: 35px;
}

.ich-pro__card {
    position: relative;
    min-height: 291px;
    padding: 26px 26px 30px;
    border-radius: 20px;
    background: #fff;
}

.ich-pro__card--accent {
    padding-bottom: 88px; /* место под кнопку в правом нижнем углу */
    border-radius: 25px;
    background: linear-gradient(180deg, #45679d 0%, #6b93c7 100%);
}

.ich-pro__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 13px;
    background: #ecf1fa;
}

.ich-pro__card--accent .ich-pro__icon {
    background: #f2f6ff;
}

.ich-pro__icon svg {
    display: block;
    width: 22px;
    height: 22px;
}

.ich .ich-pro__card-title {
    margin: 22px 0 0 !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 30px !important;
    letter-spacing: normal !important;
    color: #313131 !important;
}

.ich .ich-pro__card--accent .ich-pro__card-title {
    color: #fff !important;
}

.ich-pro__card-desc {
    margin: 10px 0 0;
    max-width: 512px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color: #575757;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'lnum' 1, 'pnum' 1;
}

.ich-pro__card--accent .ich-pro__card-desc {
    max-width: 465px;
    line-height: 24px;
    color: #fff;
}

/* кнопка в правом нижнем углу синей карточки (в макете 308x58,
   на 29px от правого и нижнего краёв) */
.ich.ich-pro .ich-btn {
    position: absolute;
    right: 29px;
    bottom: 29px;
    min-width: 308px;
    padding: 0 20px;
    border-radius: 10px !important;
    font-weight: 600 !important;
    font-size: 18px !important;
}

/* Блок 09: два сценария обращения (Figma 1789:2304).
   Вертикальные отступы сверху и снизу равны; старые .ich-form__* ниже
   остаются для форм в поп-апах. */
.ich-registration-cta {
    padding: 72px 25px;
    background: linear-gradient(115deg, #3f6399 4%, #6b93c7 100%);
    text-align: center;
    scroll-margin-top: 100px;
}

.ich-registration-cta__inner {
    position: relative;
    left: 23px;
    max-width: 1260px;
    margin: 0 auto;
}

.ich .ich-registration-cta__title {
    margin: 0 !important;
    color: #fff !important;
    font-size: 46px !important;
    font-weight: 700 !important;
    line-height: 46px !important;
    letter-spacing: -.02em !important;
}

.ich-registration-cta__lead {
    margin: 9px 0 0;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 27.9px;
}

.ich-registration-cta__actions {
    display: flex;
    justify-content: center;
    gap: 21px;
    margin-top: 48px;
}

.ich.ich-registration-cta .ich-btn {
    height: 58px;
    padding: 0 12px;
    border-radius: 10px !important;
    font-size: 19px !important;
    font-weight: 600 !important;
}

.ich.ich-registration-cta .ich-registration-cta__onsite {
    width: 233px;
    background: #14ae5c !important;
}

.ich.ich-registration-cta .ich-registration-cta__onsite:hover,
.ich.ich-registration-cta .ich-registration-cta__onsite:focus {
    background: #10924d !important;
}

.ich.ich-registration-cta .ich-registration-cta__remote {
    width: 220px;
}

@media (max-width: 767px) {
    .ich-registration-cta {
        padding: 48px 24px;
    }

    .ich-registration-cta__inner {
        left: 0;
    }

    .ich .ich-registration-cta__title {
        font-size: 30px !important;
        line-height: 34px !important;
    }

    .ich-registration-cta__lead {
        margin-top: 16px;
        font-size: 16px;
        line-height: 24px;
    }

    .ich-registration-cta__desktop-break {
        display: none;
    }

    .ich-registration-cta__actions {
        flex-direction: column;
        gap: 12px;
        margin-top: 32px;
    }

    .ich.ich-registration-cta .ich-btn {
        width: 100%;
        height: 54px;
        font-size: 16px !important;
    }
}

/* Старые стили формы 09: используются поп-апами. ==================
   Слева заголовок, лид и четыре шага, справа белая карточка с формой
    (та же форма, что на лендинге вебинара: имя, телефон, селекты,
   способ связи, два согласия). Фрейм 1789:2304, 1920x772. */

.ich-form {
    padding: 52px 25px 67px;
    background: linear-gradient(103deg, #3f6399 4%, #6b93c7 100%);
    /* чтобы прыжок по якорю не уводил заголовок под липкую шапку */
    scroll-margin-top: 100px;
}

.ich-form__inner {
    display: grid;
    grid-template-columns: 1fr 603px;
    align-items: center;
    gap: 40px;
}

/* --- Левая колонка --- */
/* !important — тема Woodmart задаёт заголовкам свои размеры */
.ich .ich-form__title {
    margin: 0 !important;
    font-weight: 700 !important;
    font-size: 46px !important;
    line-height: 46px !important;
    letter-spacing: -0.02em !important;
    color: #fff !important;
}

.ich-form__lead {
    margin: 23px 0 0;
    max-width: 570px;
    font-weight: 400;
    font-size: 18px;
    line-height: 27.9px;
    color: #fff;
}

.ich-form__steps {
    margin: 60px 0 0;
    padding: 0;
    list-style: none;
}

.ich .ich-form__step {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    max-width: 430px;
    margin: 0 !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}

.ich .ich-form__step + .ich-form__step {
    margin-top: 31px !important;
}

/* белый кружок с синей цифрой (43x42 в макете) */
.ich-form__step-num {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 42px;
    border-radius: 50%;
    background: #fff;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: #45679d;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'lnum' 1, 'pnum' 1;
}

/* --- Карточка с формой --- */
.ich-form__card {
    padding: 32px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 30px 70px -25px rgba(0, 0, 0, .3);
}

.ich .ich-form__card-title {
    margin: 0 0 24px !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 21px !important;
    letter-spacing: -0.019em !important;
    color: #313131 !important;
}

/* honeypot — прячем от людей, но не через display:none (боты его читают) */
.ich-form__hp {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* отступ только между блоками верхнего уровня формы: внутри .ich-form__row
   поля лежат в колонках грида и сдвигать второе из них нельзя */
.ich-form__form > .ich-form__field + .ich-form__field,
.ich-form__form > .ich-form__row + .ich-form__field,
.ich-form__form > .ich-form__field + .ich-form__row {
    margin-top: 16px;
}

.ich-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.ich-form__label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.2;
    color: #313131;
}

/* !important — перебиваем инпуты темы Woodmart */
.ich .ich-form__input,
.ich .ich-form__select {
    display: block;
    width: 100%;
    height: 48px;
    margin: 0;
    padding: 0 19px;
    border: 1px solid #d6dfee !important;
    border-radius: 10px !important;
    background-color: #fff !important;
    box-shadow: none !important;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 400;
    font-size: 15px;
    line-height: 46px;
    color: #313131;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'lnum' 1, 'pnum' 1;
    transition: border-color .15s ease;
}

.ich .ich-form__input::placeholder {
    color: #b0adb8;
    opacity: 1;
}

.ich .ich-form__input:focus,
.ich .ich-form__select:focus {
    outline: none;
    border-color: #45679d !important;
}

/* селект: свой шеврон, штатный убираем */
.ich .ich-form__select {
    padding-right: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2345679D' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 12px 8px;
    line-height: normal;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* пока ничего не выбрано — текст приглушённый, как плейсхолдер */
.ich .ich-form__select:invalid,
.ich .ich-form__select option[value=""] {
    color: #b0adb8;
}

.ich .ich-form__select option {
    color: #313131;
}

/* --- Способ связи: три пилюли на всю ширину --- */
.ich-form__methods {
    display: flex;
    gap: 10px;
}

.ich-form__method {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    margin: 0;
    border: 1px solid #d6dfee;
    border-radius: 999px;
    background: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 1;
    color: #313131;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.ich-form__method input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.ich-form__method.is-active,
.ich-form__method:has(input:checked) {
    border-color: #45679d;
    background: #eaf1ff;
    color: #45679d;
}

/* --- Согласия --- */
.ich-form__consents {
    margin-top: 16px;
}

.ich .ich-form__consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 !important;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #575757;
    cursor: pointer;
}

.ich .ich-form__consent + .ich-form__consent {
    margin-top: 10px !important;
}

.ich .ich-form__consent input {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin: 1px 0 0;
    accent-color: #45679d;
    cursor: pointer;
}

.ich .ich-form__consent a {
    color: #45679d;
    text-decoration: underline;
}

.ich .ich-form__consent a:hover,
.ich .ich-form__consent a:focus {
    color: #45679d;
    text-decoration: none;
}

/* --- Кнопка --- */
/* !important — перебиваем кнопки темы Woodmart */
.ich .ich-form__submit {
    display: block;
    width: 100%;
    height: 54px;
    margin: 22px 0 0;
    padding: 0 20px;
    border: none !important;
    border-radius: 15px !important;
    background: #45679d !important;
    background-image: none !important;
    box-shadow: none !important;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    color: #fff !important;
    cursor: pointer;
    transition: background-color .15s ease;
}

.ich .ich-form__submit:hover,
.ich .ich-form__submit:focus {
    background: #3a567f !important;
}

.ich .ich-form__submit[disabled] {
    opacity: .6;
    cursor: default;
}

/* --- Плашка ответа --- */
.ich-form__status {
    margin-top: 16px;
    padding: 14px 18px;
    border-radius: 14px;
    background: #e9f5e9;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #2e7d32;
}

.ich-form__status--error {
    background: #fdecea;
    color: #b3261e;
}

/* ================== БЛОК 10: БЛИЖАЙШЕЕ МЕРОПРИЯТИЕ ==================
   Слева баннер ProfBeauty Expo 585x475 (собран вёрсткой — в макете это
   заглушка «замените на финальный дизайн-баннер»), справа программа стенда:
   подзаголовок, текст, два спикера-плашки и нумерованный список.
   Фрейм 1808:1575, 1920x747. */

.ich-next {
    padding: 103px 25px 79px;
    background: #fff;
}

/* !important — тема Woodmart задаёт заголовкам свои размеры */
.ich .ich-next__title {
    margin: 0 !important;
    font-weight: 700 !important;
    font-size: 46px !important;
    line-height: 51px !important;
    letter-spacing: -0.025em !important;
    color: #313131 !important;
}

.ich-next__inner {
    display: grid;
    grid-template-columns: 585px 1fr;
    gap: 20px;
    /* stretch: баннер тянется до высоты правой колонки — после кнопки
       «Получить приглашение на PROFBEAUTY EXPO» (17.09) колонка стала выше
       макетных 475px. Баннер собран вёрсткой (градиент + круг), место и даты
       прижаты к низу абсолютом — растяжение ему не вредит. Высота задана
       через min-height, не aspect-ratio (грабля Chromium, см. блок 02). */
    align-items: stretch;
    margin-top: 39px;
}

/* --- Баннер --- */
.ich-next__banner {
    position: relative;
    min-height: 475px;
    padding: 34px 35px 51px;
    border-radius: 22px;
    background: linear-gradient(130deg, #3f6399 0%, #6b93c7 100%);
    box-shadow: 0 26px 60px -26px rgba(19, 32, 60, .5);
    overflow: hidden;
    color: #fff;
}

/* полупрозрачный круг в правом верхнем углу (в макете 292px, opacity .08) */
.ich-next__banner::before {
    content: '';
    position: absolute;
    top: -17px;
    right: -20px;
    width: 292px;
    height: 292px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
}

.ich-next__banner-logo {
    position: relative;
    display: block;
    width: 182px;
    height: auto;
}

.ich-next__banner-body {
    position: relative;
    margin-top: 110px;
}

.ich-next__banner-name {
    margin: 0;
    font-weight: 700;
    font-size: 39px;
    line-height: 46px;
    color: #fff;
}

.ich-next__banner-desc {
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}

/* место и даты внизу баннера, с белой чертой слева — как в hero */
.ich-next__banner-fact {
    position: absolute;
    left: 35px;
    bottom: 51px;
    padding-left: 13px;
    border-left: 1.5px solid #fff;
}

.ich-next__banner-place {
    display: block;
    font-weight: 500;
    font-size: 13.8px;
    line-height: 1.1;
    color: #fff;
    white-space: nowrap;
}

.ich-next__banner-date {
    display: block;
    margin-top: 2px;
    font-family: 'Buyan', 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 35px;
    line-height: .87;
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'lnum' 1, 'pnum' 1;
}

/* --- Программа --- */
.ich-next__content {
    /* колонка центрируется по высоте баннера: заголовок чуть ниже его
       верха, кнопка чуть выше низа — симметрично (просьба владельца 17.09).
       Колонка растянута (align-items: stretch), поэтому одинаковые
       вертикальные паддинги и дают симметрию; flex-центровка — на случай,
       если контент окажется ниже баннера (min-height 475). */
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px 0;
}

.ich .ich-next__subtitle {
    margin: 0 !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 30px !important;
    letter-spacing: normal !important;
    color: #313131 !important;
}

.ich-next__lead {
    margin: 13px 0 0;
    max-width: 512px;
    font-weight: 400;
    font-size: 16px;
    line-height: 25.6px;
    color: #575757;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'lnum' 1, 'pnum' 1;
}

.ich-next__speakers {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 41px;
}

.ich-next__speaker {
    padding: 11px 15px 10px;
    border-radius: 14px;
    background: #e6edf8;
    box-shadow: 0 20px 50px -20px rgba(84, 139, 200, .2);
}

.ich-next__speaker-name {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #313131;
}

.ich-next__speaker-role {
    display: block;
    margin-top: 5px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #575757;
}

.ich .ich-next__list {
    margin: 32px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.ich .ich-next__item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0 !important;
    font-weight: 400;
    font-size: 15px;
    line-height: 21.75px;
    color: #313131;
}

.ich .ich-next__item + .ich-next__item {
    margin-top: 12px !important;
}

/* кнопка приглашения на PROFBEAUTY под списком (добавлена 17.09, в макете нет).
   align-self — колонка стала flex-колонкой (центровка), и кнопка растянулась
   на всю ширину; по тексту, как остальные .ich-btn */
.ich.ich-next .ich-btn {
    align-self: flex-start;
    margin-top: 32px;
}

.ich-next__num {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-top: 1px;
    border-radius: 50%;
    background: #e3efff;
    font-weight: 800;
    font-size: 12px;
    line-height: 1;
    color: #45679d;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'lnum' 1, 'pnum' 1;
}

/* ================== БЛОК 11: ПРОДУКТЫ БРЕНДА ==================
   Шесть карточек-товаров 3x2: фото 384x342 сверху, тег, название, кнопка.
   Кнопки ведут на карточки товаров в новой вкладке. Фрейм 1808:1446. */

.ich-prod {
    padding: 47px 25px 90px;
    background: #fff;
}

.ich-prod__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 31px;
    padding: 0 14px 0 9px;
    border-radius: 999px;
    background: #f3f3f3;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    color: #313131;
    white-space: nowrap;
}

.ich-prod__badge::before {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #45679d;
}

/* !important — тема Woodmart задаёт заголовкам свои размеры */
.ich .ich-prod__title {
    margin: 25px 0 0 !important;
    font-weight: 700 !important;
    font-size: 46px !important;
    line-height: 48px !important;
    letter-spacing: -0.025em !important;
    color: #313131 !important;
}

.ich-prod__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 52px 18px;
    margin-top: 65px;
}

.ich-prod__card {
    position: relative;
    border: 1px solid #e6edf8;
    border-radius: 17px;
    background: #fff;
    overflow: hidden;
}

.ich-prod__img {
    aspect-ratio: 384 / 342;
    background: #ecf0f5;
}

.ich-prod__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ich-prod__body {
    padding: 20px 18px 22px;
}

.ich-prod__tag {
    display: inline-flex;
    align-items: center;
    height: 29px;
    padding: 0 15px;
    border-radius: 999px;
    background: #e6edf8;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    color: #575757;
    white-space: nowrap;
}

.ich .ich-prod__name {
    margin: 12px 0 0 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 17px !important;
    letter-spacing: -0.01em !important;
    color: #313131 !important;
}

/* !important — перебиваем кнопки/ссылки темы Woodmart */
.ich .ich-prod__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 41px;
    margin-top: 12px;
    padding: 0 16px;
    border: none !important;
    border-radius: 9px !important;
    background: #45679d !important;
    background-image: none !important;
    box-shadow: none !important;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    text-decoration: none !important;
    color: #fff !important;
    transition: background-color .15s ease;
}

.ich .ich-prod__btn:hover,
.ich .ich-prod__btn:focus {
    background: #3a567f !important;
    color: #fff !important;
}

/* чип «Новинка» поверх фото */
.ich-prod__new {
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    height: 23px;
    padding: 0 13px;
    border-radius: 999px;
    background: #45679d;
    font-weight: 700;
    font-size: 9.3px;
    line-height: 1;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #fff;
}

/* ================== БЛОК 12: КАК НАС НАЙТИ ==================
   Фрейм 1972:395, 1920x545. Фото занимает правые 950px, текст начинается
   на x=362 (контейнер 1260px + 32px). На телефоне текст идёт над фото. */
.ich-find {
    position: relative;
    min-height: 545px;
    background: #ecf1fa;
    overflow: hidden;
}

.ich-find__container {
    position: relative;
    z-index: 1;
    min-height: 544px;
    padding: 86px 32px 60px 0px;
}

.ich-find__content {
    max-width: 540px;
}

.ich-find__badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 30px;
    padding: 0 14px 0 6px;
    border-radius: 999px;
    background: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
}

.ich-find__badge::before {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #45679d;
}

.ich .ich-find__title {
    margin: 22px 0 0 !important;
    font-weight: 700 !important;
    font-size: 46px !important;
    line-height: 1.12 !important;
    letter-spacing: -.025em !important;
    color: #313131 !important;
}

.ich .ich-find__facts {
    display: grid;
    gap: 27px;
    margin: 42px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.ich .ich-find__fact {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.ich-find__icon {
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: #fff;
}

.ich-find__icon img {
    display: block;
}

.ich-find__fact-copy,
.ich-find__fact-title,
.ich-find__fact-detail {
    display: block;
}

.ich-find__fact-copy {
    min-width: 0;
    padding-top: 1px;
}

.ich-find__fact-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 25px;
    font-variant-numeric: lining-nums proportional-nums;
}

.ich-find__fact-detail {
    font-weight: 400;
    font-size: 14.5px;
    line-height: 21px;
    font-variant-numeric: lining-nums proportional-nums;
}

.ich-find__photo {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 49.48%;
    height: 100%;
}

.ich-find__photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ============================ АДАПТИВ ============================ */

/* Перенос в заголовке нужен только в мобилке. Прятать <br> на десктопе
   через min-width надёжнее, чем «возвращать» его на мобилке: восстановить
   display у <br> в Chrome нельзя. */
@media (min-width: 768px) {
    .ich-hero__br-mob {
        display: none;
    }
}

@media (max-width: 1279px) {
    .ich .ich-find__title {
        font-size: 38px !important;
    }
    .ich-find__fact-title {
        font-size: 21px;
    }
    .ich-find__content {
        max-width: 47%;
    }
    .ich .ich-prod__title {
        font-size: 38px !important;
        line-height: 42px !important;
    }
    .ich-prod__grid {
        gap: 32px 16px;
        margin-top: 44px;
    }
    .ich .ich-next__title {
        font-size: 38px !important;
        line-height: 42px !important;
    }
    .ich-next__inner {
        grid-template-columns: 480px 1fr;
    }
    .ich-next__content {
        padding: 16px 0;
    }
    .ich .ich-form__title {
        font-size: 38px !important;
        line-height: 40px !important;
    }
    .ich-form__inner {
        grid-template-columns: 1fr 540px;
        gap: 32px;
    }
    .ich-form__steps {
        margin-top: 36px;
    }
    .ich .ich-pro__title {
        font-size: 38px !important;
        line-height: 42px !important;
    }
    .ich .ich-pro__card-title {
        font-size: 21px !important;
        line-height: 27px !important;
    }
    .ich-pro__card-desc {
        font-size: 16px;
    }
    .ich .ich-guests__title {
        font-size: 38px !important;
        line-height: 40px !important;
    }
    .ich-guests__photo {
        left: 42%;
        max-width: 56%;
    }
    .ich .ich-method__title {
        font-size: 38px !important;
        line-height: 44px !important;
    }
    .ich-method__cards {
        width: 72%;
    }
    .ich .ich-method__card-title {
        font-size: 21px !important;
    }
    .ich-exp__inner {
        grid-template-columns: 380px 1fr;
    }
    .ich .ich-exp__title {
        font-size: 38px !important;
        line-height: 42px !important;
    }
    .ich-exp__card {
        min-height: 0;
        padding: 20px 18px;
    }
    .ich-hero {
        min-height: 0;
    }
    .ich-hero__title-line--1 {
        font-size: 128px;
    }
    .ich-hero__title-line--2 {
        margin-top: -10px;
        font-size: 90px;
    }
    .ich-hero__fact-label {
        font-size: 22px;
    }
    .ich-hero__fact-value {
        font-size: 50px;
    }
    .ich-hero__fact::before {
        height: 72px;
    }
    .ich-hero__actions {
        margin-top: 44px;
    }
}

@media (max-width: 1024px) {
    .ich-find {
        min-height: 0;
    }
    .ich-find__container {
        min-height: 0;
        padding: 64px 25px 48px;
    }
    .ich-find__content {
        max-width: none;
    }
    .ich-find__photo {
        position: static;
        width: 100%;
        height: auto;
    }
    .ich-find__photo img {
        width: 100%;
        height: auto;
        aspect-ratio: 950 / 545;
    }
    /* блок 11: две карточки в ряд */
    .ich-prod__grid {
        grid-template-columns: 1fr 1fr;
    }

    /* блок 10: баннер сверху, программа под ним */
    .ich-next__inner {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .ich-next__banner {
        max-width: 585px;
    }
    .ich-next__content {
        display: block;
        padding: 0;
    }
    .ich-next__br {
        display: none;
    }

    /* блок 09: колонки друг под другом */
    .ich-form__inner {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    .ich-form__card {
        max-width: 603px;
    }
    .ich-form__br {
        display: none;
    }

    /* блок 08: карточки друг под другом */
    .ich-pro__grid {
        grid-template-columns: 1fr;
    }
    .ich-pro__card {
        min-height: 0;
    }
    .ich-pro__br {
        display: none;
    }

    /* блок 06: фото уходит под карточки */
    .ich-guests {
        padding-bottom: 0;
    }
    .ich-guests__inner {
        min-height: 0;
    }
    .ich-guests__br {
        display: none;
    }
    .ich-guests__photo {
        position: static;
        width: 100%;
        max-width: 560px;
        margin: 30px auto 0;
    }
    .ich-guests__photo::before {
        display: none;
    }

    /* блок 05: фото меньше, перенос имени убираем */
    .ich-speaker__inner {
        gap: 32px;
    }
    .ich-speaker__photo {
        width: 280px;
        height: 280px;
    }
    .ich-speaker__br {
        display: none;
    }
    .ich .ich-speaker__name {
        font-size: 28px !important;
        line-height: 36px !important;
    }

    /* блок 04: перенос строки в тексте только для широкого экрана */
    .ich-cta__br {
        display: none;
    }

    /* блок 03: фото уходит под карточки */
    .ich-method {
        padding-bottom: 0;
    }
    .ich-method__head,
    .ich-method__cards {
        max-width: none;
        width: 100%;
    }
    .ich-method__cards {
        grid-template-columns: 1fr;
        grid-template-rows: none;
    }
    .ich-method__card--accent {
        grid-column: 1;
        grid-row: auto;
        flex-direction: row;
        align-items: flex-start;
        gap: 12px;
        padding: 30px 21px;
    }
    .ich-method__photo {
        position: static;
        display: block;
        width: 100%;
        max-width: 620px;
        margin: 34px auto 0;
    }

    /* блок 02: видео сверху, текст и карточки под ним */
    .ich-exp__inner {
        grid-template-columns: 1fr;
    }
    .ich-exp__video-card {
        max-width: 480px;
        /* колонка одна — высоту снова задаёт пропорция макета */
        min-height: 0;
        aspect-ratio: 480 / 737;
    }
    .ich-exp__content {
        padding-top: 0;
    }
    .ich-hero__title-line--1 {
        font-size: 96px;
    }
    .ich-hero__title-line--2 {
        margin-top: -8px;
        font-size: 68px;
    }
}

/* --------- Мобильная версия --------- */
/* Фрейм 1808:1249 «БМС главная моб», 768x1055 — фон ровно этой пропорции.
   Композиция своя: заголовок в три строки одним кеглем, факты столбиком,
   кнопка во всю ширину капсом, строки «FaceActive | БМС» нет.
   Все размеры во vw от ширины 768, чтобы пропорции держались на любом
   телефоне: 1vw = 7.68px макета. */
@media (max-width: 767px) {
    .ich-find__container {
        padding: 48px 5.99vw 40px;
    }
    .ich .ich-find__title {
        margin-top: 16px !important;
        font-size: 30px !important;
        line-height: 34px !important;
    }
    .ich .ich-find__facts {
        gap: 20px;
        margin-top: 28px !important;
    }
    .ich .ich-find__fact {
        gap: 14px;
    }
    .ich-find__fact-title {
        font-size: 18px;
        line-height: 23px;
    }
    .ich-find__fact-detail {
        font-size: 14px;
        line-height: 20px;
    }
    .ich-find__photo img {
        aspect-ratio: 1;
    }
    .ich-hero {
        aspect-ratio: 768 / 1055;
        padding: 7.87vw 4.69vw 6.7vw;
        background-image: url('../img/intercharm-2026/hero-mobile-2.jpg');
        background-position: center top;
        background-size: cover;
    }

    /* только два логотипа, покрупнее */
    .ich-hero__brands {
        gap: 3.7vw;
        height: 5.86vw;
    }
    .ich-hero__logo-gess {
        width: 13.37vw;
        height: 4.45vw;
    }
    .ich-hero__logo-ich {
        width: 26.9vw;
        height: 4.56vw;
    }
    .ich-hero__brand-line {
        display: none;
    }

    /* три строки одним кеглем 120px; перенос «лицом / к лицу» —
       через <br class="ich-hero__br-mob">, на десктопе он скрыт */
    .ich .ich-hero__title {
        margin-top: 7.68vw !important;
    }
    .ich-hero__title-line--1 {
        font-size: 15.63vw;
    }
    .ich-hero__title-line--2 {
        margin-top: 0;
        font-size: 15.63vw;
    }

    .ich-hero__facts {
        flex-direction: column;
        gap: 3vw;
        margin-top: 7.55vw;
    }
    .ich-hero__fact {
        padding-left: 2.73vw;
    }
    .ich-hero__fact::before {
        width: 0.42vw;
        height: 12.58vw;
    }
    .ich-hero__fact-label {
        font-size: 3.68vw;
    }
    .ich-hero__fact-value {
        margin-top: 0.65vw;
        font-size: 9.35vw;
    }

    /* две кнопки во всю ширину, друг под другом, как в мобильном фрейме */
    .ich-hero__actions {
        flex-direction: column;
        gap: 2.86vw;
        margin-top: 7.63vw;
    }
    .ich.ich-hero .ich-hero__btn {
        width: 100%;
        height: 12.97vw;
        border-radius: 1.3vw !important;
        font-weight: 500 !important;
        font-size: 3.65vw !important;
        text-transform: uppercase !important;
    }
    /* --- блок 02 --- */
    .ich-exp {
        padding: 48px 5.99vw 52px;
    }
    .ich-exp__inner {
        gap: 24px;
    }
    .ich-exp__video-card {
        max-width: none;
        border-radius: 20px;
    }
    .ich .ich-exp__title {
        font-size: 30px !important;
        line-height: 34px !important;
    }
    .ich-exp__lead {
        font-size: 16px;
        line-height: 24px;
    }
    .ich-exp__grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 20px;
    }
    .ich-exp__card {
        padding: 20px 18px;
        border-radius: 16px;
    }
    .ich .ich-exp__card-title {
        min-height: 0;
        margin-top: 18px !important;
    }
    .ich .ich-exp__card-title br {
        display: none;
    }

    /* --- блок 03: как на курсе — фото под карточками, с выходом за края --- */
    .ich-method {
        padding: 48px 5.99vw 0;
    }
    .ich .ich-method__title {
        font-size: 30px !important;
        line-height: 34px !important;
    }
    .ich-method__lead {
        font-size: 16px;
        line-height: 26px;
    }
    .ich-method__cards {
        position: relative;
        z-index: 1; /* карточки поверх фото */
        gap: 12px;
        margin-top: 28px;
    }
    .ich-method__card,
    .ich-method__card--accent {
        min-height: 0;
        padding: 20px 18px;
        gap: 14px;
    }
    .ich-method__icon {
        width: 52px;
        height: 52px;
        border-radius: 13px;
    }
    .ich-method__icon svg {
        width: 24px;
        height: 24px;
    }
    .ich .ich-method__card-title {
        font-size: 19px !important;
        line-height: 24px !important;
    }
    .ich-method__card-desc {
        font-size: 14px;
    }
    /* фото 120.2vw с выходом за левый край на 11.04vw — раскладка мобилки
       курса, утверждённая владельцем; зазор до головы 12px при любой ширине */
    .ich-method__photo {
        position: relative;
        right: auto;
        bottom: auto;
        z-index: 0;
        display: block;
        max-width: none;
        width: 120.2vw;
        margin: calc(12px - 2.43vw) 0 0 -11.04vw;
    }

    /* --- блок 04: текст, под ним кнопка во всю ширину --- */
    .ich-cta {
        padding: 0 5.99vw;
    }
    .ich-cta__inner {
        flex-direction: column;
        align-items: stretch;
        gap: 18px;
        padding: 28px 0;
    }
    .ich .ich-cta__title {
        font-size: 20px !important;
        line-height: 26px !important;
    }
    .ich-cta__desc {
        margin-top: 8px;
    }
    .ich.ich-cta .ich-btn {
        width: 100%;
        min-width: 0;
        height: 54px;
        font-size: 16px !important;
    }
    .ich-cta--try .ich-cta__actions {
        flex-direction: column;
        gap: 10px;
    }
    .ich.ich-cta--try .ich-cta__btn,
    .ich.ich-cta--try .ich-cta__btn--remote {
        width: 100%;
        font-size: 16px !important;
    }

    /* --- блок 05: фото по центру, текст под ним по левому краю --- */
    .ich-speaker {
        padding: 48px 5.99vw;
    }
    .ich-speaker__inner {
        flex-direction: column;
        align-items: center;
        gap: 28px;
    }
    .ich-speaker__photo {
        width: 220px;
        height: 220px;
    }
    /* на маленьком круге дуга уезжает вправо — смещение уменьшаем
       пропорционально диаметру */
    .ich-speaker__photo::before {
        top: -5px;
        right: -4px;
    }
    .ich-speaker__content {
        width: 100%;
        max-width: none;
    }
    .ich .ich-speaker__name {
        margin-top: 18px !important;
        font-size: 26px !important;
        line-height: 32px !important;
    }
    .ich-speaker__role {
        margin-top: 12px;
    }
    .ich-speaker__desc {
        margin-top: 14px;
        max-width: none;
        font-size: 15px;
        line-height: 24px;
    }

    /* --- блок 06 --- */
    /* боковые поля уже общих 5.99vw — две карточки в ряд тесноваты,
       значение подобрал владелец в инспекторе */
    .ich-guests {
        padding: 48px 4vw 0;
    }
    .ich .ich-guests__title {
        font-size: 30px !important;
        line-height: 34px !important;
    }
    .ich-guests__lead {
        font-size: 16px;
        line-height: 24px;
    }
    /* две карточки в ряд, как в мобильном фрейме 1808:1578 (768px):
       карточки 352 при зазоре 22, фото-плашка почти квадрат, фото ниже
       во всю ширину с выходом за правый край */
    .ich-guests__cards {
        gap: 10px;
        margin-top: 20px;
    }
    .ich-guests__card {
        flex: 1 1 0;
        width: auto;
        min-height: 0;
        padding: 5px 5px 16px;
        border-radius: 16px;
    }
    .ich-guests__card-img {
        aspect-ratio: 339 / 334;
        border-radius: 11px;
    }
    .ich .ich-guests__card-title {
        margin: 12px 9px 0 !important;
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .ich-guests__card-desc {
        margin: 6px 9px 0;
        font-size: 13px;
        line-height: 18px;
    }
    .ich-guests__photo {
        width: 108%;
        max-width: none;
        margin: 26px 0 0 7%;
    }

    /* --- блок 08 --- */
    .ich-pro {
        padding: 48px 5.99vw 52px;
    }
    .ich .ich-pro__title {
        font-size: 30px !important;
        line-height: 34px !important;
    }
    .ich-pro__grid {
        gap: 14px;
        margin-top: 24px;
    }
    .ich-pro__card {
        padding: 20px 18px 22px;
        border-radius: 18px;
    }
    /* кнопка встаёт в поток под текстом, во всю ширину */
    .ich-pro__card--accent {
        padding-bottom: 20px;
        border-radius: 18px;
    }
    .ich .ich-pro__card-title {
        margin-top: 16px !important;
        font-size: 20px !important;
        line-height: 26px !important;
    }
    .ich-pro__card-desc {
        font-size: 15px;
        line-height: 23px;
    }
    .ich.ich-pro .ich-btn {
        position: static;
        width: 100%;
        min-width: 0;
        height: 54px;
        margin-top: 18px;
        font-size: 16px !important;
    }

    /* --- блок 09: форма --- */
    .ich-form {
        padding: 48px 5.99vw 52px;
    }
    .ich .ich-form__title {
        font-size: 30px !important;
        line-height: 34px !important;
    }
    .ich-form__lead {
        margin-top: 14px;
        font-size: 16px;
        line-height: 26px;
    }
    .ich-form__steps {
        margin-top: 26px;
    }
    .ich .ich-form__step {
        gap: 12px;
        font-size: 15px;
        line-height: 21px;
    }
    .ich .ich-form__step + .ich-form__step {
        margin-top: 16px !important;
    }
    .ich-form__step-num {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }
    .ich-form__card {
        padding: 22px 18px;
        border-radius: 18px;
    }
    /* два селекта в столбик — рядом на узком экране не читаются */
    .ich-form__row {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .ich-form__methods {
        gap: 8px;
    }
    .ich-form__method {
        font-size: 12px;
    }
    .ich .ich-form__submit {
        font-size: 16px !important;
    }

    /* --- блок 10 --- */
    .ich-next {
        padding: 48px 5.99vw 52px;
    }
    .ich .ich-next__title {
        font-size: 30px !important;
        line-height: 34px !important;
    }
    .ich-next__inner {
        margin-top: 24px;
    }
    .ich-next__banner {
        min-height: 0;
        padding: 24px 22px 30px;
        border-radius: 18px;
    }
    .ich-next__banner::before {
        width: 200px;
        height: 200px;
    }
    .ich-next__banner-logo {
        width: 150px;
    }
    .ich-next__banner-body {
        margin-top: 60px;
    }
    .ich-next__banner-name {
        font-size: 30px;
        line-height: 36px;
    }
    .ich-next__banner-fact {
        position: static;
        margin-top: 40px;
    }
    .ich-next__banner-date {
        font-size: 28px;
        white-space: normal;
    }
    .ich .ich-next__subtitle {
        font-size: 21px !important;
        line-height: 27px !important;
    }
    .ich-next__lead {
        font-size: 15px;
        line-height: 24px;
    }
    .ich-next__speakers {
        margin-top: 24px;
    }
    .ich-next__speaker {
        flex: 1 1 100%;
    }
    .ich .ich-next__list {
        margin-top: 24px !important;
    }
    .ich .ich-next__item {
        font-size: 14px;
        line-height: 21px;
    }
    .ich.ich-next .ich-btn {
        width: 100%;
        height: 54px;
        margin-top: 24px;
        padding: 0 16px;
        font-size: 15px !important;
        text-align: center;
    }

    /* --- блок 11: карточки в столбик --- */
    .ich-prod {
        padding: 48px 5.99vw 52px;
    }
    .ich .ich-prod__title {
        margin-top: 16px !important;
        font-size: 30px !important;
        line-height: 34px !important;
    }
    .ich-prod__grid {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 24px;
    }
    .ich-prod__body {
        padding: 16px 16px 18px;
    }
    .ich .ich-prod__name {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .ich .ich-prod__btn {
        height: 46px;
        font-size: 15px !important;
    }
}

/* ================== ПОП-АП «ТЕЙПЫ GESS» (предзаказ) ==================
   Открывается кнопкой «Предзаказ» на карточке тейпов в блоке 11.
   Разметка рендерится в футере (functions.php → intercharm_2026_promo_modal),
   поэтому снаружи нет обёртки .ich — специфичность держим через #ichPromo.
   Порт .wag-promo с вебинаров, поля/пилюли/кнопка — как в форме приглашения. */

.ich-promo {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    font-family: 'Raleway', sans-serif;
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'lnum' 1, 'pnum' 1;
}
.ich-promo[hidden] { display: none; }

.ich-promo__overlay {
    position: absolute;
    inset: 0;
    background: rgba(20, 30, 50, .55);
}

.ich-promo__dialog {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 480px;
    max-height: 90vh;
    overflow-y: auto;
    background: #fff;
    border-radius: 20px;
    padding: 40px 38px 32px;
    box-shadow: 0 20px 60px rgba(20, 30, 50, .25);
}

/* ID-селектор — сильнее любого класса Woodmart; иначе тема задаёт кнопке
   min-width и крестик растягивается в овал (грабля с вебинарного поп-апа) */
#ichPromo .ich-promo__close,
#ichInvite .ich-promo__close,
#ichRemoteInvite .ich-promo__close {
    position: absolute !important;
    top: 16px;
    right: 16px;
    left: auto !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    flex: 0 0 36px !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border: none !important;
    border-radius: 50% !important;
    background: #45679d !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1 !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: background-color .15s ease;
}
#ichPromo .ich-promo__close:hover,
#ichPromo .ich-promo__close:focus,
#ichInvite .ich-promo__close:hover,
#ichInvite .ich-promo__close:focus,
#ichRemoteInvite .ich-promo__close:hover,
#ichRemoteInvite .ich-promo__close:focus { background: #3a567f !important; }

#ichPromo .ich-promo__title,
#ichInvite .ich-promo__title,
#ichRemoteInvite .ich-promo__title {
    margin: 0 30px 0 0;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 1.15 !important;
    color: #313131 !important;
    text-transform: none !important;
}
.ich-promo__subtitle {
    margin: 10px 0 8px;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.45;
    color: #575757;
}
.ich-promo__note {
    margin: 0 0 22px;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.4;
    color: #45679d;
}

.ich-promo__honeypot {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    opacity: 0;
}

/* --- Поля: как .ich-form__input --- */
.ich-promo__field { margin-bottom: 12px; }
#ichPromo .ich-promo__field input {
    display: block;
    width: 100%;
    height: 48px;
    margin: 0 !important;
    padding: 0 19px !important;
    border: 1px solid #d6dfee !important;
    border-radius: 10px !important;
    background-color: #fff !important;
    box-shadow: none !important;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 400;
    font-size: 15px;
    line-height: 46px;
    color: #313131;
    box-sizing: border-box;
    transition: border-color .15s ease;
}
#ichPromo .ich-promo__field input::placeholder { color: #b0adb8; opacity: 1; }
#ichPromo .ich-promo__field input:focus {
    outline: none;
    border-color: #45679d !important;
}

/* --- Способ связи: три пилюли, как в форме приглашения --- */
.ich-promo__field--methods { margin-bottom: 4px; }
.ich-promo__methods-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 13px;
    color: #313131;
}
.ich-promo__methods {
    display: flex;
    gap: 10px;
}
.ich-promo__method {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    margin: 0;
    border: 1px solid #d6dfee;
    border-radius: 999px;
    background: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 1;
    color: #313131;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}
#ichPromo .ich-promo__method input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    opacity: 0;
}
.ich-promo__method.is-active,
.ich-promo__method:has(input:checked) {
    border-color: #45679d;
    background: #eaf1ff;
    color: #45679d;
}

/* --- Согласие --- */
#ichPromo .ich-promo__check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 14px 0 0 !important;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #575757;
    cursor: pointer;
}
#ichPromo .ich-promo__check input {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin: 1px 0 0;
    accent-color: #45679d;
    cursor: pointer;
}
#ichPromo .ich-promo__check a {
    color: #45679d;
    text-decoration: underline;
}
#ichPromo .ich-promo__check a:hover,
#ichPromo .ich-promo__check a:focus {
    color: #45679d;
    text-decoration: none;
}

/* --- Плашка ответа — над кнопкой (в мобилке под кнопкой её не видят) --- */
.ich-promo__status {
    margin-top: 16px;
    padding: 14px 18px;
    border-radius: 14px;
    background: #e9f5e9;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #2e7d32;
}
.ich-promo__status--error {
    background: #fdecea;
    color: #b3261e;
}

/* --- Кнопка: как .ich-form__submit --- */
#ichPromo .ich-promo__submit {
    display: block;
    width: 100%;
    height: 54px;
    margin: 22px 0 0;
    padding: 0 20px;
    border: none !important;
    border-radius: 15px !important;
    background: #45679d !important;
    background-image: none !important;
    box-shadow: none !important;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    color: #fff !important;
    cursor: pointer;
    transition: background-color .15s ease;
}
#ichPromo .ich-promo__submit:hover,
#ichPromo .ich-promo__submit:focus { background: #3a567f !important; }
#ichPromo .ich-promo__submit[disabled] { opacity: .6; cursor: default; }

@media (max-width: 480px) {
    .ich-promo { padding: 12px; }
    .ich-promo__dialog { padding: 30px 20px 24px; border-radius: 16px; }
    #ichPromo .ich-promo__title { font-size: 21px !important; }
}

/* ================== ПОП-АПЫ ПРИГЛАШЕНИЯ (из hero) ==================
   Оболочка — та же, что у поп-апа тейпов (.ich-promo), внутри — обёртка .ich
   и общие стили формы блока 09. Разметка — functions.php →
   intercharm_2026_invite_modal(). */

.ich-invite__dialog {
    max-width: 603px;
    padding: 36px 32px 34px;
}

#ichInvite .ich-promo__title,
#ichRemoteInvite .ich-promo__title {
    font-size: 18px !important;
    line-height: 21px !important;
}

#ichInvite .ich-invite__lead,
#ichRemoteInvite .ich-invite__lead {
    margin: 8px 0 28px;
    font-size: 18px;
    line-height: 1.46;
}

#ichInvite .ich-invite__field-error,
#ichRemoteInvite .ich-invite__field-error {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 18px;
    color: #b3261e;
}

#ichInvite .ich-invite__field-error[hidden],
#ichRemoteInvite .ich-invite__field-error[hidden] { display: none; }
#ichInvite .ich-form__input[aria-invalid="true"],
#ichRemoteInvite .ich-form__input[aria-invalid="true"] { border-color: #b3261e !important; }

/* плашка ответа в модалке — над кнопкой, кнопка чуть ниже */
#ichInvite .ich-form__status,
#ichRemoteInvite .ich-form__status { margin-top: 14px; }
#ichInvite .ich .ich-form__submit,
#ichRemoteInvite .ich .ich-form__submit { margin-top: 16px; }

@media (max-width: 480px) {
    .ich-invite__dialog { padding: 28px 18px 22px; }
}