/* ═══ NIO Highlights Solo — вариант NIO Highlights ═══════════
   Отличия от базового (класс-модификатор .nio-hl--stage):
   1) десктоп — только центральный слайд (соседних не видно; ширина слайда 100%);
   2) буллеты — круглые кружки, а не полоски;
   3) планшет/моб — буллетов нет, подпись под КАЖДЫМ слайдом (едет вместе с ним, как в NIO Card).
   Всё остальное наследуется из highlights.css. */

/* круглые буллеты */
.nio-hl--stage .nio-hl__bullet{ border-radius: 50%; }

/* соседних слайдов не видно — затемнение не нужно */
.nio-hl--stage .nio-hl__slide::after{ display: none; }

/* ── планшет/моб: подпись — часть слайда, под медиа, едет вместе со слайдом ── */
@media (max-width: 1024px){
    .nio-hl--stage .nio-hl__track{ align-items: flex-start; }

    /* слайд = медиа + подпись в колонку (высота по контенту) */
    .nio-hl--stage .nio-hl__slide{
        height: auto !important;
        background: transparent;
        display: flex;
        flex-direction: column;
    }
    /* медиа — фиксированная высота (контрол «Высота медиа»), картинка/видео cover внутри */
    .nio-hl--stage .nio-hl__media{
        position: relative;
        inset: auto;
        width: 100%;
        height: var(--nio-stg-mh, 300px);
        flex: 0 0 auto;
        overflow: hidden;
    }
    /* подпись показываем внутри слайда, в потоке под медиа */
    .nio-hl--stage .nio-hl__cap-in{
        display: block;
        position: static;
        inset: auto;
        opacity: 1 !important;
        max-width: 100%;
        text-align: left;
        margin: var(--nio-stg-cap-top, 16px) 0 0;
        padding: 0 2px;
    }
    .nio-hl--stage .nio-hl__cap-in .nio-hl__subtitle{ max-width: 100%; }

    /* нижний трек подписей и буллеты больше не нужны — их роль у cap-in */
    .nio-hl--stage .nio-hl__cap-viewport{ display: none; }
    .nio-hl--stage .nio-hl__bullets--below{ display: none; }
    /* верхний отступ блока стрелок убираем — подписи уже в слайдах */
    .nio-hl--stage .nio-hl__nav{ margin-top: 0; }
}