/* ============================================================
   Страница мероприятия — новый шаблон (event_layout = v2).
   Подключается только на таких страницах (см. сonnecting_scripts_css).
   Цвета/отступы структурные, пиксель-полиш — после финала макета.
   ============================================================ */

.ev2-page {
    --ev2-dark: #10161f;
    --ev2-accent: #FF6600;        /* точный оранжевый из макета */
    --ev2-accent-hover: #e35c00;
    --ev2-light: #eff3f6;
    --ev2-max: 1240px;

    /* тема центрирует содержимое body флексом — без явной ширины
       секции сжимаются по контенту */
    width: 100%;
}

/* main.bundle содержит `* { font-family: var(--font-sans) }` — он назначает шрифт
   каждому элементу НАПРЯМУЮ и ломает наследование (PT Serif заголовка, Manrope
   контейнеров). Возвращаем внутри v2-страницы нормальный каскад. */
.ev2-page * { font-family: inherit; }

/* тема не задаёт глобальный border-box — без него паддинги
   прибавляются к max-width и блоки расползаются вширь */
.ev2-page,
.ev2-page *,
.ev2-page *::before,
.ev2-page *::after {
    box-sizing: border-box;
}

/* картинки никогда не вылезают за свои блоки и не теряют пропорции */
.ev2-page img { max-width: 100%; height: auto; }

/* ── Первый экран (фрейм 53: карточка 1242x709, контент левой
      колонкой @81/123, чёрная полоса контактов внизу) ──────── */

.ev2-hero {
    width: 100%;
    padding: 36px 0 0;
    font-family: 'Manrope', sans-serif;
}

.ev2-hero__card {
    position: relative;
    z-index: 2;               /* карточка ПОВЕРХ полосы контактов (макет) */
    border-radius: 12px;
    background-color: var(--ev2-dark);
    background-size: cover;
    background-position: center;
    color: #fff;
    min-height: 709px;
}

.ev2-hero__inner {
    padding: 123px 40px 0 81px;
    max-width: 700px;
}

.ev2-hero__date {
    font-size: 20px;
    line-height: 34px;
    color: #fff;
}

.ev2-hero__title {
    font-family: 'PT Serif', serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    color: #fff;
    max-width: 579px;
    margin: 0;
}

.ev2-hero__title-accent { color: var(--ev2-accent); }

.ev2-hero__subtitle {
    font-size: 20px;
    line-height: 34px;
    color: #fff;
}

.ev2-hero__places {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ev2-hero__place { display: flex; gap: 8px; align-items: flex-start; }

.ev2-hero__place-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 32px;
}
.ev2-hero__place-icon--pin {
    background-image: url("../img/event-conf-2026/icon-pin.svg");
}
.ev2-hero__place-icon--building {
    background-image: url("../img/event-conf-2026/icon-building.svg");
}

.ev2-hero__place-text { display: flex; flex-direction: column; gap: 2px; }
.ev2-hero__place-label { font-size: 12px; color: #fff; opacity: .85; }
.ev2-hero__place-value { font-size: 16px; line-height: 1.5; max-width: 292px; color: #fff; }
.ev2-hero__place-value--narrow { max-width: 224px; }

.ev2-hero__reg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 487px;
    max-width: 100%;
    height: 40px;
    margin-top: 24px;
    background: var(--ev2-accent);
    border-radius: 12px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    transition: background .15s ease;
}
.ev2-hero__reg:hover { background: var(--ev2-accent-hover); color: #fff; }

.ev2-hero__brochure {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 487px;
    max-width: 100%;
    height: 45px;
    margin-top: 20px;
    color: var(--ev2-accent);
    font-size: 16px;
    text-decoration: none;
}
/* скобки [ ] по краям, как в макете (Rectangle 348/349, 20x45) */
.ev2-hero__brochure::before,
.ev2-hero__brochure::after {
    content: '';
    position: absolute;
    top: 0;
    width: 20px;
    height: 45px;
    border: 1px solid rgba(255, 102, 0, .7);
}
.ev2-hero__brochure::before { left: 0; border-right: 0; }
.ev2-hero__brochure::after { right: 0; border-left: 0; }
.ev2-hero__brochure:hover { color: var(--ev2-accent); text-decoration: underline; }
.ev2-hero__brochure-icon {
    width: 24px;
    height: 24px;
    background: url("../img/event-conf-2026/icon-camera.svg") center/contain no-repeat;
}

/* чёрная полоса контактов — заходит ПОД низ карточки на 37px,
   скруглённые углы карточки читаются на её фоне */
.ev2-hero__contactsbar {
    position: relative;
    z-index: 1;
    margin-top: -37px;
    background: #161616;
    border-radius: 12px;
    color: #fff;
    padding: 57px 81px 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 32px;
}
.ev2-hero__contactsbar-people { display: flex; gap: 40px; }
.ev2-hero__contact { font-size: 16px; line-height: 1.5; color: #fff; }
.ev2-hero__contactsbar-label { font-size: 12px; color: #fff; opacity: .8; }

/* ── Общие секции ─────────────────────────────────────────── */

.ev2-section__inner {
    max-width: var(--ev2-max);
    margin: 0 auto;
    padding: 48px 20px;
}

/* ── Белое полотно страницы ───────────────────────────────── */

.ev2-paper {
    position: relative;
    z-index: 0;                /* полотно ПОД полосой контактов */
    width: 100%;
    margin: -26px 0 0;         /* подныривает под чёрную полосу (макет: 26px) */
    background: #fff;
    border-radius: 12px;
    padding: 86px 185px 60px;  /* +26 сверху, чтобы контент не съехал под полосу */
    font-family: 'Manrope', sans-serif;
    color: #2c2c2c;
}

.ev2-h2 {
    font-family: 'PT Serif', serif;
    font-weight: 700;
    font-size: 32px;
    color: #2c2c2c;
    margin: 48px 0 24px;
}

/* разделитель сверху — только у секций партнеров, участников и «Что вас ожидает» */
.ev2-h2--line {
    border-top: 1px solid #e6eaee;
    padding-top: 44px;
    margin-top: 44px;
}

.ev2-text { font-size: 16px; line-height: 1.75; margin: 0 0 16px; }
.ev2-text--bold { font-weight: 700; font-size: 16px; margin: 0 0 16px; }

/* Контент из редактора внутри .ev2-text: абзацы с воздухом, без красной строки,
   список с обычными маркерами */
.ev2-text p  { margin: 0 0 16px; text-indent: 0; }
.ev2-text p:last-child { margin-bottom: 0; }
.ev2-text ul { margin: 0 0 16px; padding-left: 22px; list-style: disc; }
.ev2-text li { margin-bottom: 6px; }

/* «Как было в 2025 году» — отдельной строкой справа, заголовок ниже */
.ev2-pastyear {
    display: flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    margin: 0 0 24px auto;
    color: var(--ev2-accent);
    font-size: 16px;
    text-decoration: none;
}
.ev2-pastyear:hover { text-decoration: underline; color: var(--ev2-accent); }
.ev2-pastyear__icon {
    width: 24px; height: 24px;
    background: url("../img/event-conf-2026/icon-camera.svg") center/contain no-repeat;
}

.ev2-invite {
    font-family: 'PT Serif', serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.25;
    color: #2c2c2c;
    margin: 8px 0 24px;
    clear: none;
}

/* Тёмная плашка-акцент: высота 190, текст по центру, фото справа */
.ev2-highlight {
    position: relative;
    display: flex;
    align-items: center;
    height: 190px;
    background: #394550;
    border-radius: 12px;
    color: #fff;
    padding: 0 309px 0 40px;
    overflow: hidden;
    margin: 32px 0 16px;
}
.ev2-highlight__label { font-size: 16px; margin-bottom: 8px; color: #fff; }
.ev2-highlight__title { font-family: 'PT Serif', serif; font-weight: 700; font-size: 16px; line-height: 1.75; max-width: 521px; color: #fff; }
.ev2-highlight__photo { position: absolute; top: 0; right: 0; bottom: 0; width: 269px; }
.ev2-highlight__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* плавное слияние левого края фото с фоном плашки */
.ev2-highlight__photo::before {
    content: '';
    position: absolute;
    top: 0; left: 0; bottom: 0;
    width: 90px;
    background: linear-gradient(90deg, #394550 0%, rgba(57, 69, 80, 0) 100%);
}

/* ── Программа ───────────────────────────────────────────── */

.ev2-slot { margin: 32px 0; }

.ev2-slot__time {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 32px;
    color: #2c2c2c;
    margin-bottom: 12px;
}
.ev2-slot__clock {
    width: 30px; height: 30px;
    background: url("../img/event-conf-2026/icon-clock.svg") center/contain no-repeat;
}

.ev2-slot__session { font-size: 16px; line-height: 1.75; margin-bottom: 20px; }

.ev2-slot__talks {
    background: var(--ev2-light);
    border-radius: 12px;
    padding: 4px;
    display: flex;
    flex-direction: column;
    gap: 4px;   /* как отступы контейнера — по макету */
}

.ev2-talk { background: #fff; border-radius: 12px; padding: 44px; }

.ev2-talk__speakers { display: flex; flex-wrap: wrap; gap: 24px 88px; margin-bottom: 20px; }
.ev2-talk__speaker { display: flex; align-items: center; gap: 8px; }
.ev2-talk__avatar {
    flex: 0 0 48px;
    width: 48px; height: 48px;
    border-radius: 50%;
    background: #a8b6cc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Ccircle cx='12' cy='9' r='4'/%3E%3Cpath d='M4 21c0-4 3.6-7 8-7s8 3 8 7z'/%3E%3C/svg%3E") center/60% no-repeat;
    overflow: hidden;
}
.ev2-talk__speaker-text { display: flex; flex-direction: column; font-size: 16px; }
.ev2-talk__speaker-role { opacity: .7; }

.ev2-talk__title { font-family: 'PT Serif', serif; font-weight: 700; font-size: 16px; line-height: 1.5; }
.ev2-talk__desc { font-size: 16px; line-height: 1.75; margin-top: 16px; }

.ev2-talk__files { display: flex; flex-direction: column; gap: 12px; margin-top: 20px; }
.ev2-file {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--ev2-accent);
    font-size: 14px;
    text-decoration: none;
}
.ev2-file:hover { text-decoration: underline; color: var(--ev2-accent); }
.ev2-file__icon {
    width: 24px; height: 24px;
    background: url("../img/event-conf-2026/icon-pdf.svg") center/contain no-repeat;
}

.ev2-break {
    background: #f6f3f1;
    border-radius: 6px;
    padding: 32px;
    font-weight: 700;
    font-size: 16px;
    color: #222;
}

/* ── Логотипы партнеров ──────────────────────────────────── */

.ev2-logos {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 48px 24px;
}
/* логотипы без окантовок — просто на белом полотне */
.ev2-logos__item {
    min-height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ev2-logos__item > a,
.ev2-expo__logo > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.ev2-logos__item img { max-width: min(300px, 100%); max-height: 230px; width: auto; height: auto; }

/* ── Участники выставки ──────────────────────────────────── */

.ev2-expo { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.ev2-expo__card { background: #fff; border-radius: 12px; padding: 20px 28px 28px; overflow: hidden; }
.ev2-expo__logo { min-height: 116px; display: flex; align-items: center; justify-content: center; }
.ev2-expo__logo img { max-height: 116px; max-width: min(241px, 100%); width: auto; height: auto; }
.ev2-expo__text { font-size: 16px; line-height: 1.75; margin: 20px 0 0; }

/* ── Дискуссии (01/02/03) ────────────────────────────────── */

.ev2-topics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    margin: 24px 0;
}
.ev2-topics__col { display: flex; flex-direction: column; gap: 22px; }
.ev2-topic {
    background: #f6f3f1;
    border-radius: 12px;
    padding: 60px 40px;      /* макет: 60 сверху/снизу у карточек 01/02 */
    display: flex;
    gap: 24px;
    align-items: flex-start;
}
.ev2-topic--wide { padding: 40px; }   /* широкая 03 — 40 по макету */
.ev2-topic__num { flex: 0 0 64px; font-weight: 300; font-size: 64px; line-height: 1; color: var(--ev2-accent); }
.ev2-topic p { font-size: 16px; line-height: 1.75; margin: 0; }
.ev2-topic--wide { grid-column: 1 / -1; }
/* фото ровно по высоте колонки карточек */
.ev2-topics__photo { border-radius: 12px; overflow: hidden; }
.ev2-topics__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ── Для кого ────────────────────────────────────────────── */

.ev2-audience { display: flex; flex-direction: column; gap: 24px; }
.ev2-audience__card {
    background: #394550;
    border-radius: 8px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    gap: 32px;
    overflow: hidden;         /* фото обрезается углами карточки */
}
.ev2-audience__body { padding: 35px 0 60px 44px; }   /* одинаково у всех карточек */
/* без фото нижние 60px (расчёт на высоту фото) дают пустую плашку — паддинг симметричный */
.ev2-audience__card--nophoto .ev2-audience__body { padding: 35px 44px; }
.ev2-audience__title { font-family: 'PT Serif', serif; font-weight: 700; font-size: 20px; line-height: 32px; margin-bottom: 12px; color: #fff; }
.ev2-audience__text { font-size: 16px; line-height: 1.5; max-width: 498px; margin: 0; color: #fff; }
/* фото — фон блока: высоту карточки задаёт текст */
.ev2-audience__photo {
    position: relative;
    flex: 0 0 270px;
    background-size: cover;
    background-position: center;
}
/* размытие левого края фото в фон карточки */
.ev2-audience__photo::before {
    content: '';
    position: absolute;
    top: 0; left: 0; bottom: 0;
    width: 90px;
    background: linear-gradient(90deg, #394550 0%, rgba(57, 69, 80, 0) 100%);
}

/* ── Почему стоит посетить ───────────────────────────────── */

.ev2-why { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 48px; }
.ev2-why__col { display: flex; flex-direction: column; gap: 12px; }
.ev2-why__heading { margin: 0 0 20px; }   /* заголовок — часть левой колонки, до карточки 32 (20+12 gap) */
/* высота по контенту: жёсткие 236px из макета оставляли дыру при коротком тексте */
.ev2-why__card { background: var(--ev2-light); border-radius: 8px; padding: 36px 44px; }
.ev2-why__card--wide { grid-column: 1 / -1; }   /* карточки 4+ — во всю ширину */
.ev2-why__card p { font-size: 16px; line-height: 1.75; margin: 0; }
.ev2-why__title { font-family: 'PT Serif', serif; font-weight: 700; font-size: 16px; margin-bottom: 16px; }
/* левая карточка: текст сверху, фото — нижняя часть с мягким переходом */
/* левая карточка резиновая: тянется до низа правой колонки, фото занимает остаток */
.ev2-why__card--photo { padding: 0; overflow: hidden; display: flex; flex-direction: column; flex: 1; min-height: 0; }
.ev2-why__card--photo .ev2-why__body { padding: 36px 44px 28px; }
.ev2-why__photo { position: relative; flex: 1; background-size: cover; background-position: bottom center; }
.ev2-why__photo::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 70px;
    background: linear-gradient(180deg, var(--ev2-light) 0%, rgba(239, 243, 246, 0) 100%);
}

/* ── Слайдер «Как мы проводим конференции» ───────────────── */

.ev2-slider { position: relative; }
.ev2-slider__track img { width: 100%; display: block; aspect-ratio: 1740 / 1080; object-fit: cover; }
.ev2-slider__track img[hidden] { display: none; }
.ev2-slider .ev2-slider__btn { z-index: 2; }
.ev2-slider__btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px; height: 40px;
    min-width: 0;              /* тема глобально ставит button{min-width:11rem} */
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: #f6f3f1;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    display: block;
}
.ev2-slider__btn--prev { left: 0; }
.ev2-slider__btn--next { right: 0; }

/* ── Как принять участие ─────────────────────────────────── */

.ev2-participate {
    background: #f6f3f1;
    border-radius: 6px;
    padding: 28px 32px;
    font-size: 16px;
    line-height: 1.75;
    color: #222;
}
.ev2-participate p { margin: 0 0 10px; }
.ev2-participate__contacts { text-align: right; }
.ev2-participate__contacts a { color: #222; }
.ev2-participate__mail { text-decoration: underline; }
.ev2-participate__tel { text-decoration: none; }

/* ── Мобильная версия ─────────────────────────────────────── */

@media (max-width: 1100px) {
    .ev2-paper { padding: 40px 32px; }
}

@media (max-width: 768px) {
    .ev2-hero { padding: 16px 0 0; }
    .ev2-hero__card { min-height: 860px; background-size: 100%; background-repeat: no-repeat; background-position: center bottom; }
    /* верх карточки — сплошной тёмный (под текстом), ниже плавно уходит в фоновое
       фото; заливка привязана к высоте контента, а не к % карточки */
    .ev2-hero__inner {
        max-width: none;
        border-radius: 12px 12px 0 0;
        padding: 40px 20px 100px;
        background: linear-gradient(180deg, var(--ev2-dark) 0%, var(--ev2-dark) calc(100% - 90px), rgba(16, 22, 31, 0) 100%);
    }
    .ev2-hero__title { font-size: 26px; line-height: 1.25; }
    .ev2-hero__date, .ev2-hero__subtitle { font-size: 16px; line-height: 1.6; }
    .ev2-hero__places { margin-top: 28px; }
    /* полоса подныривает под карточку и на мобиле — скругления читаются */
    .ev2-hero__contactsbar { margin-top: -20px; padding: 44px 20px 28px; gap: 20px; flex-direction: column; align-items: flex-start; text-align: left; }
    .ev2-hero__contactsbar-people { flex-direction: column; gap: 16px; }

    .ev2-hero__reg { width: 100%; }
    .ev2-hero__brochure { width: 100%; height: auto; min-height: 45px; padding: 10px 32px; text-align: center; }
    .ev2-hero__brochure::before,
    .ev2-hero__brochure::after { height: 100%; }


    /* нижний отступ — под фиксированную панель мобильного меню */
    .ev2-paper { margin: 16px 0 0; padding: 24px 16px 88px; }
    .ev2-h2, .ev2-invite { font-size: 24px; }
    .ev2-h2 { margin: 24px 0 16px; line-height: 1.25; }
    .ev2-h2--line { padding-top: 20px; margin-top: 20px; }
    .ev2-expo__logo { justify-content: center; }
    .ev2-expo__text { text-align: center; }
    .ev2-slot__time { font-size: 24px; }
    .ev2-talk { padding: 20px; }
    .ev2-talk__speakers { flex-direction: column; gap: 16px; }
    .ev2-talk__speaker { min-width: 0; }
    .ev2-talk__speaker-text { flex: 1; min-width: 0; font-size: 14px; }

    /* плашка: колонкой, фото вниз обычным блоком */
    .ev2-highlight { flex-direction: column; align-items: stretch; height: auto; padding: 24px 20px 0; }
    /* фото во всю ширину карточки, прижато к низу */
    .ev2-highlight__photo { position: static; width: calc(100% + 40px); margin: 16px -20px 0; height: 200px; }
    .ev2-highlight__photo img { width: 100%; height: 100%; object-fit: cover; }
    /* слияние верхнего края фото с фоном плашки (как слева на пк) */
    .ev2-highlight__photo { position: relative; }
    .ev2-highlight__photo::before {
        width: auto;
        top: 0; left: 0; right: 0; bottom: auto;
        height: 70px;
        background: linear-gradient(180deg, #394550 0%, rgba(57, 69, 80, 0) 100%);
    }

    .ev2-logos, .ev2-expo, .ev2-topics, .ev2-why { grid-template-columns: 1fr; }
    .ev2-logos { gap: 20px; }
    .ev2-logos__item { min-height: 0; }
    .ev2-expo { gap: 16px; }
    .ev2-expo__card { padding: 0; }
    .ev2-expo__logo { min-height: 0; }
    .ev2-expo__text { margin-top: 8px; }
    .ev2-topic { padding: 24px 20px; flex-direction: column; gap: 0; }
    .ev2-topic__num { font-size: 48px; }
    /* по макету фото идёт сразу после подписи, до карточек 01/02/03 */
    .ev2-topics__photo { order: -1; }
    .ev2-topics__photo img { height: auto; }

    /* тёмные карточки: колонкой, фото-фон с высотой */
    .ev2-audience__card { flex-direction: column; gap: 0; }
    .ev2-audience__body { padding: 24px 20px; }
    .ev2-audience__photo { flex: none; min-height: 220px; }
    /* верх фото уходит в фон карточки */
    .ev2-audience__photo::before {
        width: auto;
        top: 0; left: 0; right: 0; bottom: auto;
        height: 70px;
        background: linear-gradient(180deg, #394550 0%, rgba(57, 69, 80, 0) 100%);
    }

    .ev2-why__card { height: auto; padding: 24px 20px; }
    .ev2-why__card--photo { flex: none; padding: 0; }   /* отступы даёт body, не карточка */
    .ev2-why__card--photo .ev2-why__body { padding: 24px 20px 16px; }
    .ev2-why__photo { min-height: 200px; }

    .ev2-participate { padding: 24px 20px; }
    .ev2-pastyear { margin-bottom: 16px; }
}

/* ── Форма регистрации (низ макета, фрейм 53) ─────────────── */

.ev2-reg { margin-top: 48px; }
.ev2-reg__form { display: flex; flex-direction: column; gap: 12px; }

/* строка: метка слева на плашке, инпут справа */
.ev2-reg__row {
    background: #f2f5f8;
    border-radius: 8px;
    padding: 12px 20px;
    display: grid;
    grid-template-columns: 7fr 10fr;
    gap: 24px;
    align-items: center;
}
/* атрибут hidden перебивается display:grid строки — гасим явно */
.ev2-reg__row[hidden] { display: none; }
.ev2-reg__label { font-size: 16px; }
.ev2-reg__label-note { font-size: 12px; color: #6b7480; margin-top: 4px; }
.ev2-reg__input {
    background: #fff;
    border: 1px solid #dcdfe3;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 16px;
    width: 100%;
}

/* строки с радио/чекбоксами */
.ev2-reg__row--choice { padding: 20px; align-items: start; }
.ev2-reg__choices { display: flex; flex-direction: column; gap: 12px; }
.ev2-reg__radio { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.ev2-reg__radio input { accent-color: var(--ev2-accent); width: 18px; height: 18px; flex: none; }

/* блок реквизитов */
.ev2-reg__requisites { display: flex; flex-direction: column; gap: 12px; }
.ev2-reg__requisites[hidden] { display: none; }
.ev2-reg__requisites .ev2-h2 { margin: 24px 0 8px; }
.ev2-reg__card {
    display: flex; width: 100%; align-items: center; justify-content: center; gap: 10px;
    border: 1px solid #dcdfe3; border-radius: 8px; padding: 24px; cursor: pointer; background: #fff;
}
.ev2-reg__card-icon { width: 20px; height: 20px; background: url('../img/icons/download.svg') center / contain no-repeat; }
.ev2-reg__or { display: flex; align-items: center; gap: 16px; margin: 8px 0; color: #6b7480; }
.ev2-reg__or::before, .ev2-reg__or::after { content: ''; flex: 1; border-top: 1px solid #e3e6ea; }

/* плашки и кнопки */
.ev2-reg__note { background: #f6f3f1; border-radius: 8px; padding: 20px 24px; text-align: center; }
.ev2-reg__done { background: #f6f3f1; border-radius: 8px; padding: 20px 24px; }
.ev2-reg__error { color: #d63638; text-align: center; }
.ev2-reg__error[hidden] { display: none; }
.ev2-reg__submit {
    display: block; width: 100%;
    background: var(--ev2-accent); color: #fff;
    border: none; border-radius: 30px; padding: 16px;
    font-size: 16px; cursor: pointer;
}
.ev2-reg__submit:hover { background: var(--ev2-accent-hover); }
.ev2-reg__submit--alt { background: none; color: var(--ev2-accent); border: 1px solid var(--ev2-accent); }
.ev2-reg__submit--alt:hover { background: rgba(255, 102, 0, .06); }
.ev2-reg__password { display: flex; flex-direction: column; gap: 12px; margin-top: 8px; }
.ev2-reg__password[hidden] { display: none; }
.ev2-reg__label a { color: var(--ev2-accent); }

/* мобильная форма — блок стоит после базовых правил формы, иначе они его перебьют */
@media (max-width: 768px) {
    .ev2-reg__row { grid-template-columns: 1fr; gap: 8px; padding: 16px; }
    .ev2-reg__row--choice { padding: 16px; }
    .ev2-reg__card { padding: 20px; }
}

