@charset "UTF-8";
/*
    seminar.css
    Видимый HTML-текст на seminar.html (режим v-html).
    Размеры в rem от html font-size (1.23047vw / 2.1875vh) — как на остальных страницах.
    База: 1rem = 63px при макете 5120×2880.
    Подключается ПОСЛЕ template.css и common.css.
*/

/* Контейнер текста — там же, где раньше была картинка seminar.png.
   160/475/4800/2405 — позиция и размер зоны при холсте 5120×2880. */
html body > .content.page-karta.v-html .zone-image-3.seminar-content {
    position: absolute;
    left: 2.5396825397rem;
    top: 7.5396825397rem;
    width: 76.1904761905rem;
    height: 38.1746031746rem;
    overflow: visible;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.2380952381rem;
    white-space: normal;
    text-align: left;
}

/* ПК / планшет (не телефон): весь видимый текст семинара — Verdana Bold */
@media not all and (max-width: 700px) and (max-device-width: 700px) {
    html body > .content.page-karta.v-html .zone-image-3.seminar-content,
    html body > .content.page-karta.v-html .zone-image-3.seminar-content :where(
        p, span, strong, b, a, h3, em, i
    ) {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
    }
}

/* Фото Кремля — слева вверху, под красной строкой меню. */
html body > .content.page-karta.v-html .seminar-kremlin {
    position: absolute;
    left: 0;
    top: 0;
    width: 18.7301587302rem;
    height: auto;
    z-index: 1;
}

/* Фото тренера — справа, как zone-image-gaevskiy-photo на GAEVSKIY.html
   (top страницы 16.4930545% = верх .seminar-content, без лишнего сдвига) */
html body > .content.page-karta.v-html .seminar-trainer-link {
    position: absolute;
    right: 0;
    top: 0;
    width: 14.4444444444rem;
    height: 14.4444444444rem;
    z-index: 2;
    display: block;
}

html body > .content.page-karta.v-html .seminar-trainer {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top;
    display: block;
}

/* Карты — под фото тренера, с отступом, друг под другом */
html body > .content.page-karta.v-html .seminar-map-link {
    position: absolute;
    right: 0;
    width: 15.3492063492rem;
    z-index: 2;
    display: block;
}

html body > .content.page-karta.v-html .seminar-map1-link {
    top: 17.1904761905rem;
}

html body > .content.page-karta.v-html .seminar-map2-link {
    top: 26.0793650794rem;
}

/* Телефонная ссылка на Яндекс.Карты — только в мобильной вёрстке */
html body > .content.page-karta.v-html .seminar-map2-link-phone {
    display: none;
}

html body > .content.page-karta.v-html .seminar-photo.seminar-map1,
html body > .content.page-karta.v-html .seminar-photo.seminar-map2 {
    width: 100%;
    height: auto;
    display: block;
}

/* Верхний блок текста — справа от фото Кремля */
html body > .content.page-karta.v-html .seminar-intro {
    padding-left: 20.9523809524rem;
    padding-right: 17.5396825397rem;
    box-sizing: border-box;
    min-height: 7.126984127rem;
}

html body > .content.page-karta.v-html .seminar-title {
    margin: 0;
    font-size: 1rem;
    line-height: 1.2380952381rem;
    font-weight: bold;
}

html body > .content.page-karta.v-html .seminar-date {
    display: flex;
    align-items: baseline;
    flex-wrap: nowrap;
    gap: 0.5079365079rem;
    margin: -0.0015873016rem 0 0;
    line-height: 1.2380952381rem;
    font-weight: bold;
    box-sizing: border-box;
}

html body > .content.page-karta.v-html .seminar-date .color-red {
    color: #ff0000;
    white-space: nowrap;
}

/* Полпробела слева и справа от тире в «22-23» */
html body > .content.page-karta.v-html .seminar-date-dash {
    padding: 0 0.125em;
}

html body > .content.page-karta.v-html .seminar-date .seminar-label-gray {
    flex: 1;
    text-align: center;
    white-space: nowrap;
}

html body > .content.page-karta.v-html .seminar-date strong {
    text-align: right;
    white-space: nowrap;
}

/* Полоса темы — как index-seminar-stripe на главной (фон/рамка/текст) */
html body > .content.page-karta.v-html .seminar-topic-stripe {
    /* Раньше полоса стояла в обычном потоке документа (после заголовка
       и даты семинара) — её вертикальная позиция зависела от накопленной
       высоты текста выше, что ненадёжно и давало дробный пиксель на
       верхнем крае (двоение рамки на iPad-3). Теперь position:absolute
       с прямым top — чистый, детерминированный расчёт, как у полосы на
       news.html. Позиция отсчитывается от .zone-image-3.seminar-content
       (он уже position:absolute, ближайший спозиционированный предок).
       top подобран так, чтобы верх полосы попадал РОВНО на целый
       физический пиксель и в портрете (768 CSS px → 105px), и в
       ландшафте (1024 CSS px → 140px). left/width — эквивалент прежнего
       места (после padding у .seminar-intro и отрицательного margin-left
       -1rem у самой полосы). */
    position: absolute;
    top: 3.5714285713rem;
    left: 19.9523809524rem;
    width: 38.6984126984rem;
    margin: 0 0 0.6031746032rem 0;
    box-sizing: border-box;
}

html body > .content.page-karta.v-html .seminar-topic-stripe-scroll {
    width: calc(100% - 0.126984127rem); /* −3px слева −5px справа @5120 */
    margin-left: 0.0476190476rem; /* +3px от левого края */
    height: 2.5396825397rem;
    background-color: #f7f7f5;
    border: 0.0476190476rem solid #e4e4e2;
    border-radius: 0.4285714286rem;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    align-items: center;
    --current-text-stroke:
        0.047619rem 0.000000rem #fff,
        0.046896rem 0.008269rem #fff,
        0.044747rem 0.016287rem #fff,
        0.041239rem 0.023810rem #fff,
        0.036478rem 0.030609rem #fff,
        0.030609rem 0.036478rem #fff,
        0.023810rem 0.041239rem #fff,
        0.016287rem 0.044747rem #fff,
        0.008269rem 0.046896rem #fff,
        0.000000rem 0.047619rem #fff,
        -0.008269rem 0.046896rem #fff,
        -0.016287rem 0.044747rem #fff,
        -0.023810rem 0.041239rem #fff,
        -0.030609rem 0.036478rem #fff,
        -0.036478rem 0.030609rem #fff,
        -0.041239rem 0.023810rem #fff,
        -0.044747rem 0.016287rem #fff,
        -0.046896rem 0.008269rem #fff,
        -0.047619rem 0.000000rem #fff,
        -0.046896rem -0.008269rem #fff,
        -0.044747rem -0.016287rem #fff,
        -0.041239rem -0.023810rem #fff,
        -0.036478rem -0.030609rem #fff,
        -0.030609rem -0.036478rem #fff,
        -0.023810rem -0.041239rem #fff,
        -0.016287rem -0.044747rem #fff,
        -0.008269rem -0.046896rem #fff,
        -0.000000rem -0.047619rem #fff,
        0.008269rem -0.046896rem #fff,
        0.016287rem -0.044747rem #fff,
        0.023810rem -0.041239rem #fff,
        0.030609rem -0.036478rem #fff,
        0.036478rem -0.030609rem #fff,
        0.041239rem -0.023810rem #fff,
        0.044747rem -0.016287rem #fff,
        0.046896rem -0.008269rem #fff,
        0.095238rem 0.000000rem #fff,
        0.093791rem 0.016538rem #fff,
        0.089495rem 0.032573rem #fff,
        0.082479rem 0.047619rem #fff,
        0.072957rem 0.061218rem #fff,
        0.061218rem 0.072957rem #fff,
        0.047619rem 0.082479rem #fff,
        0.032573rem 0.089495rem #fff,
        0.016538rem 0.093791rem #fff,
        0.000000rem 0.095238rem #fff,
        -0.016538rem 0.093791rem #fff,
        -0.032573rem 0.089495rem #fff,
        -0.047619rem 0.082479rem #fff,
        -0.061218rem 0.072957rem #fff,
        -0.072957rem 0.061218rem #fff,
        -0.082479rem 0.047619rem #fff,
        -0.089495rem 0.032573rem #fff,
        -0.093791rem 0.016538rem #fff,
        -0.095238rem 0.000000rem #fff,
        -0.093791rem -0.016538rem #fff,
        -0.089495rem -0.032573rem #fff,
        -0.082479rem -0.047619rem #fff,
        -0.072957rem -0.061218rem #fff,
        -0.061218rem -0.072957rem #fff,
        -0.047619rem -0.082479rem #fff,
        -0.032573rem -0.089495rem #fff,
        -0.016538rem -0.093791rem #fff,
        -0.000000rem -0.095238rem #fff,
        0.016538rem -0.093791rem #fff,
        0.032573rem -0.089495rem #fff,
        0.047619rem -0.082479rem #fff,
        0.061218rem -0.072957rem #fff,
        0.072957rem -0.061218rem #fff,
        0.082479rem -0.047619rem #fff,
        0.089495rem -0.032573rem #fff,
        0.093791rem -0.016538rem #fff,
        0.142857rem 0.000000rem #fff,
        0.140687rem 0.024807rem #fff,
        0.134242rem 0.048860rem #fff,
        0.123718rem 0.071429rem #fff,
        0.109435rem 0.091827rem #fff,
        0.091827rem 0.109435rem #fff,
        0.071429rem 0.123718rem #fff,
        0.048860rem 0.134242rem #fff,
        0.024807rem 0.140687rem #fff,
        0.000000rem 0.142857rem #fff,
        -0.024807rem 0.140687rem #fff,
        -0.048860rem 0.134242rem #fff,
        -0.071429rem 0.123718rem #fff,
        -0.091827rem 0.109435rem #fff,
        -0.109435rem 0.091827rem #fff,
        -0.123718rem 0.071429rem #fff,
        -0.134242rem 0.048860rem #fff,
        -0.140687rem 0.024807rem #fff,
        -0.142857rem 0.000000rem #fff,
        -0.140687rem -0.024807rem #fff,
        -0.134242rem -0.048860rem #fff,
        -0.123718rem -0.071429rem #fff,
        -0.109435rem -0.091827rem #fff,
        -0.091827rem -0.109435rem #fff,
        -0.071429rem -0.123718rem #fff,
        -0.048860rem -0.134242rem #fff,
        -0.024807rem -0.140687rem #fff,
        -0.000000rem -0.142857rem #fff,
        0.024807rem -0.140687rem #fff,
        0.048860rem -0.134242rem #fff,
        0.071429rem -0.123718rem #fff,
        0.091827rem -0.109435rem #fff,
        0.109435rem -0.091827rem #fff,
        0.123718rem -0.071429rem #fff,
        0.134242rem -0.048860rem #fff,
        0.140687rem -0.024807rem #fff,
        0.190476rem 0.000000rem #fff,
        0.187582rem 0.033076rem #fff,
        0.178989rem 0.065147rem #fff,
        0.164957rem 0.095238rem #fff,
        0.145913rem 0.122436rem #fff,
        0.122436rem 0.145913rem #fff,
        0.095238rem 0.164957rem #fff,
        0.065147rem 0.178989rem #fff,
        0.033076rem 0.187582rem #fff,
        0.000000rem 0.190476rem #fff,
        -0.033076rem 0.187582rem #fff,
        -0.065147rem 0.178989rem #fff,
        -0.095238rem 0.164957rem #fff,
        -0.122436rem 0.145913rem #fff,
        -0.145913rem 0.122436rem #fff,
        -0.164957rem 0.095238rem #fff,
        -0.178989rem 0.065147rem #fff,
        -0.187582rem 0.033076rem #fff,
        -0.190476rem 0.000000rem #fff,
        -0.187582rem -0.033076rem #fff,
        -0.178989rem -0.065147rem #fff,
        -0.164957rem -0.095238rem #fff,
        -0.145913rem -0.122436rem #fff,
        -0.122436rem -0.145913rem #fff,
        -0.095238rem -0.164957rem #fff,
        -0.065147rem -0.178989rem #fff,
        -0.033076rem -0.187582rem #fff,
        -0.000000rem -0.190476rem #fff,
        0.033076rem -0.187582rem #fff,
        0.065147rem -0.178989rem #fff,
        0.095238rem -0.164957rem #fff,
        0.122436rem -0.145913rem #fff,
        0.145913rem -0.122436rem #fff,
        0.164957rem -0.095238rem #fff,
        0.178989rem -0.065147rem #fff,
        0.187582rem -0.033076rem #fff;
}

@media screen and (orientation: portrait) and (min-width: 768px) {
    html body > .content.page-karta.v-html .seminar-topic-stripe-scroll {
        /* Того же блока не было в этом файле вообще — рамка (и, судя по
           всему, обводка) в портрете попадала на суб-пиксель и
           пропадала/рендерилась нестабильно. Один в один с index.css. */
        border-width: 0.5px;
    }
}

html body > .content.page-karta.v-html .seminar-topic-stripe-text {
    width: 100%;
    height: 2.4444444444rem;
    margin: 0;
    padding: 0 calc(0.85rem + 0.25rem);
    /* line-height равен высоте строки — надёжное автоматическое
       центрирование одной строки текста по вертикали (центрирует по
       собственной геометрии шрифта, точнее чем flex align-items для
       текста на iPad-3/старом WebKit). */
    line-height: 2.4444444444rem;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    position: relative;
    display: block;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1.4841269841rem;
    letter-spacing: -0.02em;
    word-spacing: 0.02em;
    text-transform: none;
    color: #171717;
    mix-blend-mode: normal;
    text-shadow: var(--current-text-stroke);
    /* Белая обводка вокруг букв — тот же приём (много мелких белых
       text-shadow вместо -webkit-text-stroke), что и на index.html
       (эталонный файл, подтверждённо работает на iPad-3). */
    -webkit-text-stroke: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Настройка вертикального положения текста «УПРУГОСТЬ СВЯЗОК ВМЕСТО
       МЫШЦ» на серой полосе. В rem (не px!) — масштабируется вместе со
       страницей (html{font-size:1.23047vw}), иначе при уменьшении
       экрана (напр. 1920×1080) фиксированный px-сдвиг становится
       непропорционально большим относительно текста. −0.0476190476rem
       = −3px при базовом макете 5120 (было translateY(1px) вниз,
       подняли на 4px выше). Меняйте только это число. Отрицательное
       значение — вверх, положительное — вниз. */
    --seminar-topic-text-vertical-offset: -0.0158730159rem; /* -1px @5120 (было -2px, опустили ещё на 1px) */
    transform: translateY(var(--seminar-topic-text-vertical-offset));
}

html body > .content.page-karta.v-html .seminar-leader {
    /* Полоса темы (.seminar-topic-stripe) стала position:absolute и
       больше не занимает места в потоке — этот отступ вручную
       резервирует то же место, что она занимала раньше (её собственные
       margin-top + высота + margin-bottom). */
    margin: 3.6825396826rem 0 0 0;
    position: relative;
    top: 0.1587301587rem;
    text-align: right;
    font-size: 1rem;
    line-height: 1.2380952381rem;
}

/* Основной текст — обычный поток, перенос стандартный (короткие строки
   намеренно разбиты через <br>, как в оригинальном макете) */
html body > .content.page-karta.v-html .seminar-body {
    margin: 0;
    font-weight: bold;
}

html body > .content.page-karta.v-html .seminar-para2 {
    margin-top: 0.8888888889rem;
}

html body > .content.page-karta.v-html .seminar-line {
    display: block;
    width: 100%;
    height: 1.2380952381rem;
    overflow: hidden;
    line-height: 1.2380952381rem;
}

/* ПК: прежнее выравнивание по ширине (::after + overflow) */
html body > .content.page-karta.v-html .seminar-stretch-line {
    display: block;
    width: 100%;
    height: 1.2380952381rem;
    overflow: hidden;
    text-align: justify;
    text-align-last: justify;
    word-spacing: -0.0793650794rem;
    letter-spacing: -0.0015873016rem;
}

html body > .content.page-karta.v-html .seminar-stretch-line::after {
    content: '';
    display: inline-block;
    width: 100%;
}

/* iPad: одна строка на всю ширину, пробелы считает скрипт */
html.seminar-ipad-fit body > .content.page-karta.v-html .seminar-stretch-line {
    display: block;
    width: 100% !important;
    max-width: 100%;
    height: 1.2380952381rem;
    min-height: 1.2380952381rem;
    max-height: 1.2380952381rem;
    line-height: 1.2380952381rem;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    word-spacing: normal;
    letter-spacing: normal;
    box-sizing: border-box;
}

html.seminar-ipad-fit body > .content.page-karta.v-html .seminar-stretch-line::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
}

html.seminar-ipad-fit body > .content.page-karta.v-html .seminar-fit {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100% !important;
    max-width: 100%;
    height: 1.2380952381rem;
    min-height: 1.2380952381rem;
    max-height: 1.2380952381rem;
    line-height: 1.2380952381rem;
    overflow: hidden;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}

html.seminar-ipad-fit body > .content.page-karta.v-html .seminar-fit > .seminar-fit-word,
html.seminar-ipad-fit body > .content.page-karta.v-html .seminar-fit > * {
    flex: 0 0 auto;
    line-height: 1.2380952381rem;
    max-width: none;
}

html.seminar-ipad-fit body > .content.page-karta.v-html .seminar-date.seminar-fit {
    gap: 0;
    margin-top: -0.0015873016rem;
    margin-bottom: 0;
}

html.seminar-ipad-fit body > .content.page-karta.v-html .seminar-date.seminar-fit .seminar-label-gray {
    flex: 0 0 auto;
    text-align: left;
    line-height: 1.2380952381rem;
}

html.seminar-ipad-fit body > .content.page-karta.v-html .seminar-date.seminar-fit strong,
html.seminar-ipad-fit body > .content.page-karta.v-html .seminar-date.seminar-fit .color-red {
    text-align: left;
    line-height: 1.2380952381rem;
}

html.seminar-ipad-fit body > .content.page-karta.v-html .seminar-title .seminar-fit {
    margin: 0;
}

html.seminar-ipad-fit body > .content.page-karta.v-html .seminar-apply.seminar-fit {
    height: 1.4285714286rem;
    min-height: 1.4285714286rem;
    max-height: 1.4285714286rem;
    line-height: 1.4285714286rem;
}

html body > .content.page-karta.v-html .seminar-price {
    margin: 0.9047619048rem 0 0;
    font-weight: bold;
}

html body > .content.page-karta.v-html .seminar-underline {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: #bfbfbf;
    text-decoration-thickness: 0.095238rem;
    text-underline-offset: 0.063492rem;
}

/* Email: разрыв линии по 6px слева/справа от «_» (как на seminars) */
html body > .content.page-karta.v-html .seminar-email {
    text-decoration: none;
    color: inherit;
}

html body > .content.page-karta.v-html .seminar-email .email-ul {
    text-decoration: none;
    background-image: linear-gradient(#bfbfbf, #bfbfbf);
    background-repeat: no-repeat;
    background-size: 100% 0.095238rem;
    background-position: 0 calc(100% - 0.063492rem);
    padding-bottom: 0.063492rem;
}

html body > .content.page-karta.v-html .seminar-email .email-ul:first-child {
    background-size: calc(100% - 0.0952380952rem) 0.095238rem; /* −6px справа */
    background-position: left calc(100% - 0.063492rem);
}

html body > .content.page-karta.v-html .seminar-email .email-ul:last-child {
    background-size: calc(100% - 0.0952380952rem) 0.095238rem; /* −6px слева */
    background-position: right calc(100% - 0.063492rem);
}

html body > .content.page-karta.v-html .seminar-email .email-us {
    text-decoration: none;
    background: none;
}

html body > .content.page-karta.v-html .seminar-align-1 {
    margin-left: -1.0476190476rem;
    margin-top: 0.4603174603rem;
}

html body > .content.page-karta.v-html .seminar-text-block {
    width: 58.6507936508rem;
    margin-top: 0.619047619rem;
    box-sizing: border-box;
}

html body > .content.page-karta.v-html .seminar-boxes-wrap {
    width: 58.6507936508rem;
    margin-top: -0.0634920635rem;
    margin-left: -1px;
    box-sizing: border-box;
}

html body > .content.page-karta.v-html .seminar-boxes {
    display: flex;
    gap: 1.1746031746rem;
    margin: 1.4126984127rem 0 0;
}

html body > .content.page-karta.v-html .seminar-box {
    flex: 1 1 0;
    background: #f2f2f2;
    border-radius: 0.3015873016rem;
    padding-top: 1.0952380952rem;
    padding-right: 1.2063492063rem;
    padding-bottom: 1.2380952381rem;
    padding-left: 3.253968254rem;
    box-sizing: border-box;
}

/* Только левый бокс: серый фон +0.1428571429rem вправо, правый край со скруглением */
html body > .content.page-karta.v-html .seminar-box-men {
    position: relative;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

html body > .content.page-karta.v-html .seminar-box-men::after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 0.1428571429rem;
    height: 100%;
    background: #f2f2f2;
    border-top-right-radius: 0.3015873016rem;
    border-bottom-right-radius: 0.3015873016rem;
    pointer-events: none;
}

html body > .content.page-karta.v-html .seminar-box p {
    margin: 0;
    line-height: 1.2380952381rem;
    font-weight: bold;
}

/* Фон «В заявке…»: вправо +1.2698412698rem, справа −1.2698412698rem (правый край на месте). Текст не двигаем. */
html body > .content.page-karta.v-html .seminar-box-zayavka {
    position: relative;
    background: transparent;
}

html body > .content.page-karta.v-html .seminar-box-zayavka::before {
    content: '';
    position: absolute;
    top: 0;
    left: 1.2698412698rem;
    right: 0;
    bottom: 0;
    background: #f2f2f2;
    border-radius: 0.3015873016rem;
    pointer-events: none;
    z-index: 0;
}

html body > .content.page-karta.v-html .seminar-box-zayavka p {
    position: relative;
    z-index: 1;
    top: -0.126984127rem;
    left: 1.2698412698rem;
}

/* ПК / планшет: два серых блока — одинаковые размеры, текст по центру */
@media not all and (max-width: 700px) and (max-device-width: 700px) {
    html body > .content.page-karta.v-html .seminar-boxes {
        -webkit-align-items: stretch;
        align-items: stretch;
    }

    html body > .content.page-karta.v-html .seminar-box {
        -webkit-flex: 1 1 0;
        flex: 1 1 0;
        min-width: 0;
        min-height: 6.0476190476rem;
        padding-top: 1.0952380952rem;
        padding-right: 0;
        padding-bottom: 1.2380952381rem;
        padding-left: 0;
        background: #f2f2f2;
        border-radius: 0.3015873016rem;
    }

    html body > .content.page-karta.v-html .seminar-box-men {
        border-top-right-radius: 0.3015873016rem;
        border-bottom-right-radius: 0.3015873016rem;
    }

    html body > .content.page-karta.v-html .seminar-box-men::after {
        display: none;
    }

    html body > .content.page-karta.v-html .seminar-box-zayavka {
        background: #f2f2f2;
    }

    html body > .content.page-karta.v-html .seminar-box-zayavka::before {
        display: none;
    }

    html[data-theme="dark"] body > .content.page-karta.v-html .seminar-box,
    html[data-theme="dark"] body > .content.page-karta.v-html .seminar-box-zayavka {
        background: #1a1a1a;
    }

    html body > .content.page-karta.v-html .seminar-box-men p,
    html body > .content.page-karta.v-html .seminar-box-zayavka p {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    html body > .content.page-karta.v-html .seminar-box-zayavka p {
        position: relative;
        top: 0;
        left: 0;
        margin-left: 0;
    }

    html body > .content.page-karta.v-html .seminar-box-men .seminar-men-center,
    html body > .content.page-karta.v-html .seminar-box-zayavka .seminar-box-line {
        display: block;
        position: static;
        left: auto;
        -webkit-transform: none;
        transform: none;
        width: auto;
        max-width: 100%;
        white-space: nowrap;
        text-align: center;
    }

    html body > .content.page-karta.v-html .seminar-box-men .seminar-men-center .seminar-word-tolko,
    html body > .content.page-karta.v-html .seminar-box-men .seminar-men-center .seminar-word-dlya,
    html body > .content.page-karta.v-html .seminar-box-men .seminar-men-center .seminar-word-muzhchin,
    html body > .content.page-karta.v-html .seminar-box-men .seminar-men-center .seminar-word-let,
    html body > .content.page-karta.v-html .seminar-box-men .seminar-word-tolko,
    html body > .content.page-karta.v-html .seminar-box-men .seminar-word-dlya,
    html body > .content.page-karta.v-html .seminar-box-men .seminar-word-muzhchin,
    html body > .content.page-karta.v-html .seminar-box-men .seminar-word-let {
        position: static;
        left: auto;
    }

    html body > .content.page-karta.v-html .seminar-box-zayavka br.seminar-desktop-only {
        display: none;
    }
}

html body > .content.page-karta.v-html .seminar-cta {
    margin: 1.6031746032rem 0 0;
    font-weight: bold;
}

html body > .content.page-karta.v-html .seminar-cta a {
    color: inherit;
    text-decoration: underline;
}

/* Нижняя строка заявки — одна строка, ширина ≤ 4800px @5120;
   кегль как у academia-motto («НАША ШКОЛА…») */
html body > .content.page-karta.v-html .seminar-apply {
    position: absolute;
    left: 0;
    width: 76.1904761905rem; /* 4800px */
    max-width: 76.1904761905rem;
    bottom: 1.7777777778rem;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 1.1587rem;
    line-height: 1.2380952381rem;
    font-weight: bold;
    z-index: 3;
}

/* Нижняя строка: не обрезать крупный кегль фиксированной высотой body-строк */
html body > .content.page-karta.v-html .seminar-apply.seminar-stretch-line {
    height: 1.4285714286rem; /* ~90px @63 — запас под 1.1587rem */
    max-height: 1.4285714286rem;
    min-height: 1.4285714286rem;
    line-height: 1.4285714286rem;
    overflow: hidden;
}

html.seminar-ipad-fit body > .content.page-karta.v-html .seminar-apply.seminar-fit {
    height: 1.4285714286rem;
    min-height: 1.4285714286rem;
    max-height: 1.4285714286rem;
    line-height: 1.4285714286rem;
    overflow: hidden;
    align-items: center;
}

html body > .content.page-karta.v-html .seminar-apply a {
    color: inherit;
}

html body > .content.page-karta.v-html .seminar-apply .seminar-apply-lead {
    color: #ff0000;
}

/* Светло-серые надписи-подписи (не такие тёмные, как основной текст) */
html body > .content.page-karta.v-html .seminar-label-gray {
    color: #909090;
    font-weight: bold;
}

/* Тёмная тема */
html[data-theme="dark"] body > .content.page-karta.v-html .zone-image-3.seminar-content {
    color: #7e7e7e;
}

html[data-theme="dark"] body > .content.page-karta.v-html .color-gray-dark {
    color: #7e7e7e;
}

html[data-theme="dark"] body > .content.page-karta.v-html .seminar-title {
    color: #fff;
}

html[data-theme="dark"] body > .content.page-karta.v-html .seminar-date .seminar-label-gray,
html[data-theme="dark"] body > .content.page-karta.v-html .seminar-date strong.color-gray-dark {
    color: #fff;
}

html[data-theme="dark"] body > .content.page-karta.v-html .seminar-body {
    color: #fff;
}

html[data-theme="dark"] body > .content.page-karta.v-html .seminar-apply {
    color: #fff;
}

html[data-theme="dark"] body > .content.page-karta.v-html .seminar-price strong.color-gray-dark {
    color: #fff;
}

html[data-theme="dark"] body > .content.page-karta.v-html .seminar-price .seminar-stretch-line.color-gray-dark,
html[data-theme="dark"] body > .content.page-karta.v-html .seminar-price .seminar-line.color-gray-dark {
    color: #fff;
}

html[data-theme="dark"] body > .content.page-karta.v-html .seminar-box-men strong {
    color: #ccc;
}

html[data-theme="dark"] body > .content.page-karta.v-html .seminar-box-zayavka .color-gray-dark {
    color: #999999;
}

html[data-theme="dark"] body > .content.page-karta.v-html .seminar-box-men .color-gray-dark {
    color: #999999;
}

html[data-theme="dark"] body > .content.page-karta.v-html .seminar-leader strong {
    color: #fff;
}

html[data-theme="dark"] body > .content.page-karta.v-html .seminar-underline,
html[data-theme="dark"] body > .content.page-karta.v-html .seminar-apply a {
    text-decoration-color: #999;
}

html[data-theme="dark"] body > .content.page-karta.v-html .seminar-email .email-ul {
    background-image: linear-gradient(#999, #999);
}

html[data-theme="dark"] body > .content.page-karta.v-html .seminar-topic-stripe-scroll {
    background-color: #2e2e2e;
    border-color: #5d5d5d;
}
html[data-theme="dark"] body > .content.page-karta.v-html .seminar-topic-stripe-text {
    color: #fff;
    text-shadow: none;
}

html[data-theme="dark"] body > .content.page-karta.v-html .seminar-box {
    background: #1a1a1a;
}

html[data-theme="dark"] body > .content.page-karta.v-html .seminar-box-zayavka {
    background: transparent;
}

html[data-theme="dark"] body > .content.page-karta.v-html .seminar-box-zayavka::before {
    background: #1a1a1a;
}

html[data-theme="dark"] body > .content.page-karta.v-html .seminar-box-men::after {
    background: #1a1a1a;
}

html[data-theme="dark"] body > .content.page-karta.v-html .seminar-label-gray {
    color: #999;
}

html body > .content.page-karta.v-html .zone-image-3.seminar-content,
html body > .content.page-karta.v-html .zone-image-3.seminar-content * {
    -webkit-text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
}

@supports (-webkit-appearance: none) {
    html body > .content.page-karta.v-html .zone-image-3.seminar-content {
        -webkit-font-smoothing: antialiased;
    }
}


/* Подпись «тема:» — на десктопе/iPad скрыта, на телефоне показывается в @media */
html body > .content.page-karta.v-html .seminar-topic-label {
    display: none;
}

html body > .content.page-karta.v-html .seminar-trainer-phone {
    display: none;
}

html body > .content.page-karta.v-html .seminar-br-phone {
    display: none;
}

html body > .content.page-karta.v-html .seminar-phone-only {
    display: none;
}

html body > .content.page-karta.v-html .seminar-desktop-only {
    display: inline;
}

/* Современный Safari/iPad: обёртка не участвует в box-tree —
   пробелы внутри строки снова тянутся через text-align:justify
   (на iPad-3 нет contents — там работает JS seminar-ipad-fit). */
@supports (display: contents) {
    html body > .content.page-karta.v-html .seminar-desktop-only,
    html body > .content.page-karta.v-html .seminar-apply .seminar-apply-full {
        display: contents;
    }
}

html body > .content.page-karta.v-html .seminar-apply .seminar-apply-short {
    display: none;
}

html body > .content.page-karta.v-html .seminar-apply .seminar-apply-lead {
    color: #ff0000;
}

html body > .content.page-karta.v-html .seminar-motto-phone {
    display: none !important;
}

/* =====================================================================
   МОБИЛЬНАЯ ВЕРСИЯ — только РЕАЛЬНЫЙ телефон:
   (max-width: 700px) AND (max-device-width: 700px).
   Иначе iPad в Split View / узком окне (viewport < 700, а device ≥ 768)
   ошибочно получает телефонную вёрстку. iPad-3 и другие iPad всегда
   device-width ≥ 768 — остаются на десктопной/планшетной раскладке.
   ===================================================================== */
@media (max-width: 700px) and (max-device-width: 700px) {

    /* Контейнер текста — на всю ширину экрана, высота по контенту
       (родитель .content не обрезает переполнение, см. .contacts-final
       на seminars.html — тот же приём). */
    html body > .content.page-karta.v-html .zone-image-3.seminar-content {
        position: static;
        left: auto;
        top: auto;
        width: 100%;
        height: auto;
        padding: 0 4vw 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column;
        /* Типографика как .card-split-text p на seminars.html (≤700px) */
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 3.84vw;
        line-height: 1.35;
        font-weight: normal;
        letter-spacing: normal;
        word-spacing: normal;
    }

    /* Порядок блоков на телефоне (в DOM карта/тренер как на ПК/iPad) */
    html body > .content.page-karta.v-html .seminar-kremlin { -webkit-box-ordinal-group: 2; -webkit-order: 1; order: 1; }
    html body > .content.page-karta.v-html .seminar-intro { -webkit-box-ordinal-group: 3; -webkit-order: 2; order: 2; }
    html body > .content.page-karta.v-html .seminar-text-block { -webkit-box-ordinal-group: 4; -webkit-order: 3; order: 3; }
    html body > .content.page-karta.v-html .seminar-map2-link-phone { -webkit-box-ordinal-group: 5; -webkit-order: 4; order: 4; }
    html body > .content.page-karta.v-html .seminar-boxes-wrap { -webkit-box-ordinal-group: 6; -webkit-order: 5; order: 5; }
    html body > .content.page-karta.v-html .seminar-apply { -webkit-box-ordinal-group: 7; -webkit-order: 6; order: 6; }
    html body > .content.page-karta.v-html .seminar-motto-phone { -webkit-box-ordinal-group: 8; -webkit-order: 7; order: 7; }

    /* Фото Кремля — тот же масштаб и боковые отступы, что у карты
       (внутри padding контейнера 4vw). */
    html body > .content.page-karta.v-html .seminar-kremlin {
        position: static;
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 0 5vw;
        border-radius: 0;
        z-index: auto;
    }

    /* Схему проезда (karta2.html) на телефоне не дублируем — оставляем
       только пеший маршрут (karta3.html), как единственную карту на
       образце. Ссылка ведёт на страницу с обеими картами. */
    /* Схему проезда (karta2.html) на телефоне не дублируем — оставляем
       только пеший маршрут (karta3.html), как единственную карту на
       образце. Карта в разметке стоит после текстового блока, перед
       серыми блоками (см. seminar.html) — тем же порядком она идёт
       и в мобильном потоке, без ручного margin-top под «сразу после
       Кремля» (там был отдельный отступ, здесь он не нужен). */
    html body > .content.page-karta.v-html .seminar-map1-link,
    html body > .content.page-karta.v-html .seminar-trainer-desktop,
    html body > .content.page-karta.v-html .seminar-map2-link {
        display: none;
    }
    html body > .content.page-karta.v-html .seminar-map2-link-phone {
        position: static;
        display: block;
        width: 100%;
        margin: 6vw 0 0;
        border-radius: 0;
        overflow: hidden;
    }
    html body > .content.page-karta.v-html .seminar-photo.seminar-map2 {
        border-radius: 0;
    }

    /* Верхний текстовый блок — заголовок/дата/тема/руководитель, всё
       по центру, обычный вертикальный поток вместо padding-left/right
       под левое/правое фото (фото Кремля и тренера теперь отдельно). */
    html body > .content.page-karta.v-html .seminar-intro {
        padding: 0;
        min-height: 0;
        text-align: center;
    }
    html body > .content.page-karta.v-html .seminar-align-1 {
        margin: 0;
    }
    html body > .content.page-karta.v-html .seminar-title {
        font-size: 3.84vw;
        line-height: 1.35;
        font-weight: bold;
    }
    /* Заголовок / дата / тема — один цвет #333333 + Bold (как в образце телефона) */
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-title,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-title.color-gray-dark,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-date,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-date .color-red,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-date .seminar-label-gray,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-date strong,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-date strong.color-gray-dark,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-topic-label,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-topic-stripe-text {
        color: #333333;
    }
    html body > .content.page-karta.v-html .seminar-title,
    html body > .content.page-karta.v-html .seminar-date,
    html body > .content.page-karta.v-html .seminar-date .color-red,
    html body > .content.page-karta.v-html .seminar-date .seminar-label-gray,
    html body > .content.page-karta.v-html .seminar-date strong,
    html body > .content.page-karta.v-html .seminar-topic-label,
    html body > .content.page-karta.v-html .seminar-topic-stripe-text {
        font-weight: bold;
    }
    /* .seminar-stretch-line внутри заголовка/даты — на десктопе это
       однострочный блок с overflow:hidden (текст растянут в 1 строку
       через text-align:justify + word-spacing). На телефоне колонка
       намного уже — сбрасываем в обычный переносимый текст. */
    html body > .content.page-karta.v-html .seminar-title .seminar-stretch-line {
        display: block;
        width: auto;
        height: auto;
        overflow: visible;
        text-align: center;
        text-align-last: auto;
        word-spacing: normal;
        letter-spacing: normal;
    }
    html body > .content.page-karta.v-html .seminar-title .seminar-stretch-line::after {
        content: none;
        display: none;
        width: 0;
    }

    /* Дата — три строки по центру; межстрочный интервал как у
       .seminar-title (line-height: 1.35, без лишнего gap). */
    html body > .content.page-karta.v-html .seminar-date {
        display: block;
        margin: 3vw 0 0;
        font-size: 3.84vw;
        line-height: 1.35;
        font-weight: bold;
        text-align: center;
    }
    html body > .content.page-karta.v-html .seminar-date .color-red,
    html body > .content.page-karta.v-html .seminar-date .seminar-label-gray,
    html body > .content.page-karta.v-html .seminar-date strong {
        display: block;
        text-align: center;
    }
    html body > .content.page-karta.v-html .seminar-date .color-red {
        color: #ff0000 !important;
    }

    /* Тема — на телефоне без серой рамки/маркиза (для узкой колонки
       рамка со скроллом не нужна), простой центрированный жирный текст
       с подписью «тема:» над ним. */
    html body > .content.page-karta.v-html .seminar-topic-stripe {
        position: static;
        left: auto;
        top: auto;
        width: 100%;
        margin: 5vw 0 0;
    }
    html body > .content.page-karta.v-html .seminar-topic-label {
        display: block;
        font-weight: bold;
        font-size: 3.84vw;
        line-height: 1.35;
        margin: 0 0 1vw;
    }
    html body > .content.page-karta.v-html .seminar-topic-stripe-scroll {
        background: none;
        border: none;
        height: auto;
        overflow: visible;
        display: block;
    }
    html[data-theme="dark"] body > .content.page-karta.v-html .seminar-topic-stripe-scroll {
        background: none !important;
        background-color: transparent !important;
        border: none !important;
    }
    html body > .content.page-karta.v-html .seminar-topic-stripe-text {
        position: static;
        width: 100%;
        height: auto;
        padding: 0;
        line-height: 1.35;
        white-space: normal;
        overflow: visible;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 3.84vw;
        font-weight: bold;
        letter-spacing: normal;
        word-spacing: normal;
        text-shadow: none;
        transform: none;
    }

    /* Фото тренера — только телефонная копия внутри intro */
    html body > .content.page-karta.v-html .seminar-trainer-phone {
        position: static;
        display: block;
        width: 55vw;
        height: 55vw;
        margin: 5vw auto 0;
    }

    /* «Руководитель семинара: …» — под фото, по центру. */
    html body > .content.page-karta.v-html .seminar-leader {
        position: static;
        top: auto;
        text-align: center;
        margin: 4vw 0 0;
        font-size: 3.84vw;
        line-height: 1.35;
        font-weight: normal;
    }

    /* Основной текстовый блок — во всю ширину, обычный левый край. */
    html body > .content.page-karta.v-html .seminar-text-block {
        width: 100%;
        margin-top: 6vw;
    }
    html body > .content.page-karta.v-html .seminar-body,
    html.seminar-ipad-fit body > .content.page-karta.v-html .seminar-body {
        white-space: normal !important;
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
        font-size: 3.84vw !important;
        line-height: 1.35 !important;
        font-weight: 700 !important;
        text-align: left;
        -webkit-font-smoothing: auto;
    }
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-body,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-body b,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-body span,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-body .seminar-stretch-line,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-body .seminar-phone-only {
        color: #333333;
        font-weight: 700 !important;
    }
    html body > .content.page-karta.v-html .seminar-body b {
        font-weight: 700 !important;
        -webkit-font-smoothing: auto;
    }
    html body > .content.page-karta.v-html .seminar-para2 {
        margin-top: 4vw;
    }

    /* Абзацы (.seminar-body) — обычный поток, переносы по ширине.
       !important бьёт и ПК-сетку (.seminar-stretch-line), и JS-класс
       .seminar-ipad-fit (flex + height:1.238rem + nowrap → слепливание). */
    html body > .content.page-karta.v-html .seminar-body .seminar-stretch-line,
    html body > .content.page-karta.v-html .seminar-body .seminar-fit,
    html.seminar-ipad-fit body > .content.page-karta.v-html .seminar-body .seminar-stretch-line,
    html.seminar-ipad-fit body > .content.page-karta.v-html .seminar-body .seminar-fit {
        display: inline !important;
        flex: none !important;
        flex-wrap: unset !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        white-space: normal !important;
        font-size: 3.84vw !important;
        line-height: 1.35 !important;
        font-weight: 700 !important;
        text-align: left !important;
        text-align-last: auto !important;
        word-spacing: normal !important;
        letter-spacing: normal !important;
    }
    html body > .content.page-karta.v-html .seminar-body .seminar-phone-only,
    html body > .content.page-karta.v-html .seminar-body .seminar-desktop-only,
    html body > .content.page-karta.v-html .seminar-body span,
    html.seminar-ipad-fit body > .content.page-karta.v-html .seminar-body .seminar-fit > .seminar-fit-word,
    html.seminar-ipad-fit body > .content.page-karta.v-html .seminar-body .seminar-fit > * {
        display: inline !important;
        flex: none !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        white-space: normal !important;
        font-size: inherit !important;
        line-height: 1.35 !important;
        font-weight: 700 !important;
    }
    html body > .content.page-karta.v-html .seminar-body .seminar-stretch-line::after,
    html.seminar-ipad-fit body > .content.page-karta.v-html .seminar-body .seminar-stretch-line::after {
        content: none !important;
        display: none !important;
        width: 0 !important;
    }
    html body > .content.page-karta.v-html .seminar-br-phone {
        display: block;
    }
    html body > .content.page-karta.v-html .seminar-phone-only,
    html body > .content.page-karta.v-html .seminar-body .seminar-phone-only {
        display: inline !important;
    }
    html body > .content.page-karta.v-html .seminar-desktop-only,
    html body > .content.page-karta.v-html .seminar-body .seminar-desktop-only {
        display: none !important;
    }
    html body > .content.page-karta.v-html .seminar-body .seminar-modes-tight {
        display: inline !important;
        white-space: nowrap !important;
        word-spacing: -0.48em !important;
    }

    /* Блок «Стоимость / Покрытие / Адрес / Время» — каждая строка
       остаётся отдельным блоком-абзацем (как в оригинале), по центру,
       с отступом между ними, но с переносом по ширине вместо обрезки.
       Цвет #333333 + Bold — как у заголовка/даты/темы. */
    html body > .content.page-karta.v-html .seminar-price {
        margin-top: 5vw;
        font-size: 3.84vw;
        line-height: 1.35;
        font-weight: bold;
        text-align: center;
    }
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-price,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-price .seminar-label-gray,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-price strong,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-price strong.color-gray-dark,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-price .color-gray-dark,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-price .seminar-stretch-line,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-price .seminar-line,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-price .seminar-underline,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-price a {
        color: #333333;
    }
    html body > .content.page-karta.v-html .seminar-price,
    html body > .content.page-karta.v-html .seminar-price .seminar-label-gray,
    html body > .content.page-karta.v-html .seminar-price strong,
    html body > .content.page-karta.v-html .seminar-price .seminar-stretch-line,
    html body > .content.page-karta.v-html .seminar-price .seminar-line,
    html body > .content.page-karta.v-html .seminar-price .seminar-underline,
    html body > .content.page-karta.v-html .seminar-price a {
        font-weight: bold;
    }
    html body > .content.page-karta.v-html .seminar-price > .seminar-stretch-line,
    html body > .content.page-karta.v-html .seminar-price > .seminar-line {
        display: block;
        width: 100%;
        height: auto;
        overflow: visible;
        text-align: center;
        text-align-last: auto;
        word-spacing: normal;
        letter-spacing: normal;
        margin-top: 4vw;
    }
    html body > .content.page-karta.v-html .seminar-price > .seminar-stretch-line:first-child {
        margin-top: 0;
    }
    html body > .content.page-karta.v-html .seminar-price > .seminar-stretch-line::after {
        content: none;
        display: none;
        width: 0;
    }

    /* «Время…» — две строки как в образце телефона:
       1) Время с 12.00 до 18.00
       2) ( перерыв 15 минут ) = и так два дня.
       Первое « = » на телефоне скрыто (на десктопе остаётся в одну строку). */
    html body > .content.page-karta.v-html .seminar-price > .seminar-line .seminar-time-eq {
        display: none;
    }
    html body > .content.page-karta.v-html .seminar-price > .seminar-line .seminar-time-row {
        display: block;
    }

    /* Блоки «только для мужчин» / «в заявке укажите» — на телефоне
       не рядом (flex), а один под другим, во всю ширину. */
    html body > .content.page-karta.v-html .seminar-boxes-wrap {
        width: 100%;
        margin-top: 6vw;
    }
    html body > .content.page-karta.v-html .seminar-boxes {
        display: flex;
        flex-direction: column;
        gap: 4vw;
        margin: 0;
    }
    html body > .content.page-karta.v-html .seminar-box {
        padding: 5vw 0;
        border-radius: 2.5vw;
        text-align: center;
    }
    html body > .content.page-karta.v-html .seminar-box p {
        font-size: 3.84vw;
        line-height: 1.35;
        font-weight: bold;
    }
    /* Только две строки «Семинар только…» / «Видеосъёмка…»:
       раньше nowrap + сдвиг на 50% ломался на узких экранах — строка
       была шире серого блока и вылезала за правый край страницы.
       Теперь обычный перенос по словам, центрирование — text-align. */
    html body > .content.page-karta.v-html .seminar-box-men .seminar-men-center {
        display: block;
        width: 100%;
        max-width: 100%;
        white-space: normal;
        position: static;
        left: auto;
        -webkit-transform: none;
        transform: none;
        text-align: center;
    }
    html body > .content.page-karta.v-html .seminar-box-men .seminar-men-center .seminar-word-tolko,
    html body > .content.page-karta.v-html .seminar-box-men .seminar-men-center .seminar-word-dlya,
    html body > .content.page-karta.v-html .seminar-box-men .seminar-men-center .seminar-word-muzhchin,
    html body > .content.page-karta.v-html .seminar-box-men .seminar-men-center .seminar-word-let {
        position: static;
        left: auto;
        -webkit-transform: none;
        transform: none;
    }
    /* Ф.И.О.… — раньше nowrap заставлял строку не переноситься и на
       узких экранах она вылезала за правый край страницы. Теперь
       разрешаем перенос по словам, выравнивание по центру наследуется
       от .seminar-box (text-align: center). */
    html body > .content.page-karta.v-html .seminar-box .seminar-box-line-one {
        display: block;
        white-space: normal;
        max-width: 100%;
    }
    html body > .content.page-karta.v-html .seminar-box-zayavka .seminar-box-line {
        display: block;
        width: 100%;
        max-width: 100%;
        white-space: normal;
        position: static;
        left: auto;
        -webkit-transform: none;
        transform: none;
        text-align: center;
    }
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-box,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-box p,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-box .color-gray-dark,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-box strong,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-box span {
        color: #333333;
    }
    html body > .content.page-karta.v-html .seminar-box,
    html body > .content.page-karta.v-html .seminar-box p,
    html body > .content.page-karta.v-html .seminar-box .color-gray-dark,
    html body > .content.page-karta.v-html .seminar-box strong,
    html body > .content.page-karta.v-html .seminar-box span {
        font-weight: bold;
    }
    /* Ссылки — как .card-split-text p a на seminars.html */
    html body > .content.page-karta.v-html .seminar-content a {
        font-size: 4vw;
    }
    /* Левый блок на десктопе имел декоративный ::after-«хвостик» ради
       скруглённого правого края при стыковке с соседним боксом — на
       телефоне блоки не стыкуются (gap между ними), псевдоэлемент не
       нужен и его нужно скрыть, иначе будет висеть лишний прямоугольник. */
    html body > .content.page-karta.v-html .seminar-box-men {
        border-top-right-radius: 2.5vw;
        border-bottom-right-radius: 2.5vw;
    }
    html body > .content.page-karta.v-html .seminar-box-men::after {
        display: none;
    }
    /* Правый блок на десктопе рисовал фон через ::before со сдвигом
       (стыковка с левым блоком) — на телефоне просто обычный блок
       с обычным фоном, без сдвига текста/псевдоэлемента. */
    html body > .content.page-karta.v-html .seminar-box-zayavka {
        background: #f2f2f2;
    }
    html[data-theme="dark"] body > .content.page-karta.v-html .seminar-box-zayavka {
        background: #1a1a1a;
    }
    html body > .content.page-karta.v-html .seminar-box-zayavka::before {
        display: none;
    }
    html body > .content.page-karta.v-html .seminar-box-zayavka p {
        position: static;
        top: auto;
        left: auto;
    }
    /* Слова «только», «для», «мужчин,», «с 18 лет.» на десктопе сдвинуты
       на пару пикселей вручную под конкретную десктопную раскладку —
       на телефоне это не нужно. */
    html body > .content.page-karta.v-html .seminar-word-tolko,
    html body > .content.page-karta.v-html .seminar-word-dlya,
    html body > .content.page-karta.v-html .seminar-word-muzhchin,
    html body > .content.page-karta.v-html .seminar-word-let {
        left: auto;
    }

    /* Нижняя строка с e-mail — как в образце телефона:
       1) Отправьте на почту:
       2) VLAD_GAEVSKIY@mail.ru
       Длинный десктопный текст скрыт. Цвет/Bold как у блоков выше. */
    html body > .content.page-karta.v-html .seminar-apply {
        position: static;
        left: auto;
        bottom: auto;
        width: 100%;
        max-width: 100%;
        margin: 6vw 0 0;
        text-align: center;
        font-size: 3.84vw;
        line-height: 1.35;
        font-weight: bold;
    }
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-apply,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-apply.color-gray-dark,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-apply .seminar-apply-full,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-apply .seminar-apply-short,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-apply .seminar-email,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-apply a,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-apply .email-ul,
    html:not([data-theme="dark"]) body > .content.page-karta.v-html .seminar-apply .email-us {
        color: #333333;
    }
    html body > .content.page-karta.v-html .seminar-apply,
    html body > .content.page-karta.v-html .seminar-apply .seminar-apply-full,
    html body > .content.page-karta.v-html .seminar-apply .seminar-apply-short,
    html body > .content.page-karta.v-html .seminar-apply .seminar-email,
    html body > .content.page-karta.v-html .seminar-apply a,
    html body > .content.page-karta.v-html .seminar-apply .email-ul,
    html body > .content.page-karta.v-html .seminar-apply .email-us {
        font-weight: bold;
    }
    html body > .content.page-karta.v-html .seminar-apply.seminar-stretch-line {
        display: block;
        height: auto;
        max-height: none;
        min-height: 0;
        overflow: visible;
        text-align: center;
        text-align-last: auto;
        word-spacing: normal;
        letter-spacing: normal;
    }
    html body > .content.page-karta.v-html .seminar-apply.seminar-stretch-line::after {
        content: none;
        display: none;
        width: 0;
    }
    html body > .content.page-karta.v-html .seminar-apply .seminar-apply-full {
        display: none;
    }
    html body > .content.page-karta.v-html .seminar-apply .seminar-apply-lead {
        display: none;
    }
    html body > .content.page-karta.v-html .seminar-apply .seminar-apply-short {
        display: block;
    }
    html body > .content.page-karta.v-html .seminar-apply .seminar-email {
        display: block;
        font-size: 3.84vw;
        word-spacing: normal;
        letter-spacing: normal;
    }

    /* Девиз внизу — как methodology-motto-phone на methodology.html */
    html body > .content.page-karta.v-html .seminar-motto-phone {
        display: block !important;
        position: static;
        width: 100%;
        margin: 5.2vw 0 0;
        padding: 0 0 5.2vw;
        box-sizing: border-box;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 3.84vw !important;
        line-height: 1.35 !important;
        font-weight: bold;
        text-align: center !important;
        text-align-last: center;
        color: #ff0000;
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        order: 7;
    }
    html body > .content.page-karta.v-html .seminar-motto-phone br {
        display: block;
    }
    html[data-theme="dark"] body > .content.page-karta.v-html .seminar-motto-phone.color-gold {
        color: #ff0000;
    }
}