/* =========================================================================
   Madcat — ГЛАВНАЯ v4 «Маршрут по цеху».
   Визуальный мотив — линейные диодные светильники нового цеха (Лихоборская наб., 13с21):
   прямые магистрали, шевроны под 30–45°, рамки над постами. Дуг и скруглений нет нигде.
   Красный — ТОЛЬКО текст, цифры, иконки. Красных заливок, свечений и теней нет.
   Строится ПОВЕРХ home.css (база: #mc-home, .mc-wrap, .mc-btn, .mc-msgr, .mc-modal,
   reskin блока марок конструктора). Scope — body.mc-home-v4.

   🔴 Специфичность: в home.css есть `#mc-home p{margin:0}`, `#mc-home button{background:none}`,
   `#mc-home a{color:inherit}` — они бьют по id. Поэтому ВСЕ правила ниже идут с `#mc-home`.
   🔴 Показ контента не зависит от JS: «затемнение до включения света» включается только
   классом .v4-js, который вешает home-v4.js. Сломался скрипт — страница просто светлая.
   12.10.2026: общая обвязка (токены, примитивы, шапка, меню, бургер, окна форм, «наверх», cookie, нижняя
   панель, окно записи, подвал) вынесена в assets/css/v4-site.css — он грузится раньше этого файла.
   Здесь — только секции главной под body.mc-home-v4 #mc-home и табло постов.
   ========================================================================= */

/* overflow:hidden из home.css ломает position:sticky (фото диагностики) → clip */
body.mc-home-v4 #mc-home { background: var(--v4-bg); overflow: visible; overflow-x: clip; }
/* База растягивала #mc-home на 100vw. 100vw включает вертикальную полосу прокрутки (8px у вендора) →
   страница шире окна, внизу появлялась горизонтальная полоса, вендор красит её фирменным красным
   («красная полоска внизу ходит влево-вправо», владелец 11.10.2026). Родитель .layout-content и так во всю ширину. */
body.mc-home-v4 #mc-home { width: auto; max-width: none; margin-left: 0; margin-right: 0; }
/* Фиксированная шапка сайта: 110px поверх страницы. Переход по табло постов не должен прятать под неё подпись поста… */
body.mc-home-v4 #mc-home .v4-post, body.mc-home-v4 #mc-home .v4-hero { scroll-margin-top: 110px; }

/* =========================================================================
   ТРАССА — одна ломаная через всю страницу (геометрию строит home-v4.js)
   ========================================================================= */
body.mc-home-v4 #mc-home .v4-track {
    position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    pointer-events: none; z-index: 3; overflow: visible;
}
body.mc-home-v4 #mc-home .v4-track path { fill: none; stroke-linejoin: miter; stroke-linecap: butt; vector-effect: non-scaling-stroke; }
body.mc-home-v4 #mc-home .v4-track__tube { stroke: var(--v4-tube); stroke-width: 2; }
/* ореол — широкий бледный штрих БЕЗ filter:blur (страница длинная, blur на ней дорог) */
body.mc-home-v4 #mc-home .v4-track__halo { stroke: rgba(242, 245, 247, .09); stroke-width: 10; }
body.mc-home-v4 #mc-home .v4-track__lit { stroke: var(--v4-lamp); stroke-width: 2; }

/* =========================================================================
   ТАБЛО ПОСТОВ — навигация по маршруту (только широкий экран)
   ========================================================================= */
body.mc-home-v4 .v4-index {
    position: fixed; right: 14px; top: 50%; transform: translateY(-50%); z-index: 40;
    display: none; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none;
    font-family: var(--mc-mono); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase;
}
@media (min-width: 1360px) { body.mc-home-v4 .v4-index { display: flex; } }
body.mc-home-v4 .v4-index a {
    display: flex; align-items: center; justify-content: flex-end; gap: 8px;
    padding: 5px 0; color: var(--v4-faint); text-decoration: none; transition: color .2s;
}
body.mc-home-v4 .v4-index a::after { content: ""; width: 14px; height: 2px; background: currentColor; transition: width .25s var(--v4-ease); }
body.mc-home-v4 .v4-index a span { opacity: 0; transform: translateX(6px); transition: opacity .2s, transform .2s; white-space: nowrap; }
body.mc-home-v4 .v4-index a:hover, body.mc-home-v4 .v4-index a:focus-visible { color: var(--v4-soft); }
body.mc-home-v4 .v4-index a:hover span, body.mc-home-v4 .v4-index a:focus-visible span { opacity: 1; transform: none; }
body.mc-home-v4 .v4-index a.is-on { color: var(--v4-lamp); }
body.mc-home-v4 .v4-index a.is-on::after { width: 28px; }

/* =========================================================================
   ВЪЕЗД — первый экран «включение света»
   Три слоя одного кадра в ОДНОЙ геометрии: off (свет выключен) → lamps (одни лампы,
   маска по яркости того же фото) → on. Совмещение попиксельное, перерисовывать нечего.
   ========================================================================= */
body.mc-home-v4 #mc-home .v4-hero {
    position: relative; isolation: isolate; background: #000;
    /* --v4-top / --v4-bottom — шапка сайта над сценой и нижняя панель телефона; ставит home-v4.js, без скрипта и в прототипе = 0 */
    min-height: max(600px, calc(100svh - var(--v4-top, 0px) - var(--v4-bottom, 0px))); display: flex; align-items: flex-end;
}
body.mc-home-v4 #mc-home .v4-hero__stage { position: absolute; inset: 0; overflow: hidden; z-index: -1; }
body.mc-home-v4 #mc-home .v4-hero__stage img {
    position: absolute; inset: 0; width: 100%; height: 100%; max-width: none;
    object-fit: cover; object-position: 50% 38%;
}
body.mc-home-v4 #mc-home .v4-hero__lamps { mix-blend-mode: screen; opacity: 0; }
body.mc-home-v4 #mc-home .v4-hero__scrim {
    position: absolute; inset: 0;
    /* лампы в верхней половине кадра не глушим: темним только низ (под текст) и левый край */
    background:
        linear-gradient(180deg, rgba(5, 5, 6, .3) 0%, rgba(5, 5, 6, 0) 16%, rgba(5, 5, 6, 0) 44%, rgba(5, 5, 6, .9) 84%, var(--v4-bg) 100%),
        linear-gradient(98deg, rgba(5, 5, 6, .78) 0%, rgba(5, 5, 6, .42) 34%, rgba(5, 5, 6, 0) 60%);
}

/* сценарий включения запускает JS классом .is-run; без JS сразу виден кадр «on» */
body.mc-home-v4.v4-js #mc-home .v4-hero:not(.is-done) .v4-hero__on { opacity: 0; }
body.mc-home-v4.v4-js #mc-home .v4-hero.is-run .v4-hero__lamps {
    opacity: 1;
    animation: v4-sweep 1.2s var(--v4-ease) .3s both, v4-fade .9s var(--v4-ease) 2.2s forwards;
}
body.mc-home-v4.v4-js #mc-home .v4-hero.is-run .v4-hero__on { animation: v4-on 1s var(--v4-ease) 1.4s both; }
body.mc-home-v4.v4-js #mc-home .v4-hero.is-done .v4-hero__lamps { opacity: 0; animation: none; }

/* косая кромка 45° плавной волной идёт слева направо — лампы разгораются по ходу, как в цехе */
@keyframes v4-sweep {
    from { clip-path: polygon(0 0, 0 0, -18% 100%, 0 100%); }
    to   { clip-path: polygon(0 0, 118% 0, 100% 100%, 0 100%); }
}
@keyframes v4-on { from { opacity: 0; } to { opacity: 1; } }
@keyframes v4-fade { to { opacity: 0; } }

body.mc-home-v4 #mc-home .v4-hero__in { padding-block: clamp(56px, 7vw, 96px) clamp(48px, 6vw, 88px); }
body.mc-home-v4 #mc-home .v4-hero__eyebrow {
    display: block; font-family: var(--mc-mono); font-size: 12px; letter-spacing: .2em;
    text-transform: uppercase; color: var(--v4-soft); margin-bottom: 22px;
    /* строка лежит на лампах и машинах кадра → своя тёмная бирка, как подпись поста на фото ремзоны */
    width: fit-content; padding: 7px 12px 6px; margin-left: -12px; background: rgba(5, 5, 6, .82);
}
body.mc-home-v4 #mc-home .v4-hero__eyebrow b { color: var(--v4-red-hi); font-weight: 500; }
/* H1 = вывеска + строка-описание. Поиску нужен заголовок со словами «автосервис … в Москве» (SEO-шаг 15),
   дизайну — вордмарк. Оба живут в одном <h1>; сам h1 типографики не несёт, её раздают вложенные блоки. */
body.mc-home-v4 #mc-home .v4-hero h1 { margin: 0; font: inherit; color: inherit; }
body.mc-home-v4 #mc-home .v4-hero__mark {
    font-family: var(--mc-display); font-weight: 700; text-transform: uppercase;
    /* на ПК — одна строка (текст не залезает на лампы), на телефоне слова сами встают в два ряда */
    display: flex; flex-wrap: wrap; column-gap: .2em;
    font-size: clamp(56px, 8.6vw, 128px); line-height: .92; letter-spacing: -.01em; color: var(--v4-lamp);
    /* тёмная тень (не свечение) отделяет вывеску от светлых машин и ламп кадра */
    text-shadow: 0 2px 24px rgba(0, 0, 0, .55);
}
body.mc-home-v4 #mc-home .v4-hero__mark span { display: block; }
/* второе слово — трубка-вывеска «стенсилом»: светлый контур и тёмная заливка. Прозрачные буквы читались
   сквозь красный Corvette за ними (владелец 11.10.2026), тёмная заливка закрывает кадр за контуром */
body.mc-home-v4 #mc-home .v4-hero h1 .v4-tube {
    color: rgba(5, 5, 6, .55); -webkit-text-stroke: 2px var(--v4-lamp);
}
@supports not (-webkit-text-stroke: 1px #fff) { body.mc-home-v4 #mc-home .v4-hero h1 .v4-tube { color: var(--v4-lamp); } }
body.mc-home-v4 #mc-home .v4-hero__sub { display: block; max-width: 56ch; margin-top: 26px; color: var(--v4-soft); font-size: clamp(15px, 1.35vw, 18px); line-height: 1.6; }
body.mc-home-v4 #mc-home .v4-hero__sub b { color: var(--v4-ink); font-weight: 600; }
body.mc-home-v4 #mc-home .v4-hero__sub--more { margin-top: 6px; }
body.mc-home-v4 #mc-home .v4-hero__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
body.mc-home-v4 #mc-home .v4-hero__msgrs { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; margin-top: 24px; font-family: var(--mc-mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--v4-soft); }
/* Плашка под текстом: строка-описание лежит ВНУТРИ h1 (SEO), поэтому плашка из двух частей с одним фоном —
   верх (сама строка в h1) и низ (второй абзац, кнопки, мессенджеры); стыка не видно. Вывеска остаётся на кадре.
   Слева трубка: погашена до «включения света», загорается вместе с цехом (.is-done). */
body.mc-home-v4 #mc-home .v4-hero__plate-top,
body.mc-home-v4 #mc-home .v4-hero__plate { position: relative; max-width: 680px; background: rgba(5, 5, 6, .82); }
body.mc-home-v4 #mc-home .v4-hero__plate-top { margin-top: 28px; padding: 26px 32px 0; }
body.mc-home-v4 #mc-home .v4-hero__plate {
    padding: 2px 32px 30px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--v4-cut-l)), calc(100% - var(--v4-cut-l)) 100%, 0 100%);
}
body.mc-home-v4 #mc-home .v4-hero__plate-top::before,
body.mc-home-v4 #mc-home .v4-hero__plate::before {
    content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--v4-lamp); box-shadow: var(--v4-glow);
    transition: background 1s var(--v4-ease), box-shadow 1s var(--v4-ease);
}
body.mc-home-v4.v4-js #mc-home .v4-hero:not(.is-done) .v4-hero__plate-top::before,
body.mc-home-v4.v4-js #mc-home .v4-hero:not(.is-done) .v4-hero__plate::before { background: var(--v4-tube); box-shadow: none; }

/* =========================================================================
   ПОСТ — общая секция маршрута
   ========================================================================= */
body.mc-home-v4 #mc-home .v4-post { position: relative; padding-block: var(--v4-sec-xl); }
/* отражение лампы в полированном бетоне — бледная полоса вниз от линии секции */
body.mc-home-v4 #mc-home .v4-post::before {
    content: ""; position: absolute; left: 0; right: 0; top: 0; height: 240px; pointer-events: none;
    background: linear-gradient(180deg, rgba(242, 245, 247, .045), rgba(242, 245, 247, 0));
    opacity: 0; transition: opacity .9s linear .25s;
}
body.mc-home-v4 #mc-home .v4-post.is-lit::before { opacity: 1; }

/* до включения света пост в полутьме; включает его трасса (только при живом JS) */
body.mc-home-v4.v4-js #mc-home .v4-post > .mc-wrap,
body.mc-home-v4.v4-js #mc-home .v4-post > .v4-band,
body.mc-home-v4.v4-js #mc-home .v4-post > .v4-dyno__pin { opacity: .2; transition: opacity 1.1s var(--v4-ease); }
/* свет разгорается плавно, без вспышек стартера */
body.mc-home-v4.v4-js #mc-home .v4-post.is-lit > .mc-wrap,
body.mc-home-v4.v4-js #mc-home .v4-post.is-lit > .v4-band,
body.mc-home-v4.v4-js #mc-home .v4-post.is-lit > .v4-dyno__pin { opacity: 1; }

body.mc-home-v4 #mc-home .v4-head { max-width: 820px; margin-bottom: var(--v4-head-mb-xl); }
body.mc-home-v4 #mc-home .v4-label {
    display: block; font-family: var(--mc-mono); font-size: 12px; letter-spacing: .22em;
    text-transform: uppercase; color: var(--v4-muted); margin-bottom: 20px;
}
body.mc-home-v4 #mc-home .v4-label b { color: var(--v4-red-hi); font-weight: 500; }
body.mc-home-v4 #mc-home .v4-head h2,
body.mc-home-v4 #mc-home .v4-h2 {
    font-family: var(--mc-display); font-weight: 700; text-transform: uppercase;
    font-size: var(--v4-h2-xl); line-height: var(--v4-lh-head); letter-spacing: 0; color: var(--v4-ink);
}
body.mc-home-v4 #mc-home .v4-head h2 em,
body.mc-home-v4 #mc-home .v4-h2 em { font-style: normal; color: var(--v4-red-hi); }
body.mc-home-v4 #mc-home .v4-head p { margin-top: 20px; max-width: 62ch; color: var(--v4-soft); font-size: var(--v4-lead); line-height: var(--v4-lead-lh); }

body.mc-home-v4 #mc-home .v4-photo {
    position: relative; overflow: hidden; background: var(--v4-bg-2);
    clip-path: polygon(0 0, calc(100% - var(--v4-cut-photo)) 0, 100% var(--v4-cut-photo), 100% 100%, var(--v4-cut-photo) 100%, 0 calc(100% - var(--v4-cut-photo)));
}
body.mc-home-v4 #mc-home .v4-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.mc-home-v4 #mc-home .v4-link {
    display: inline-flex; align-items: center; gap: 10px; font-family: var(--mc-mono); font-size: 13px;
    letter-spacing: .1em; text-transform: uppercase; color: var(--v4-soft);
    border-bottom: 1px solid var(--v4-line); padding-bottom: 6px; transition: color .2s, border-color .2s;
}
body.mc-home-v4 #mc-home .v4-link:hover { color: var(--v4-lamp); border-color: var(--v4-lamp); }

/* ---------- ПОСТ 01 · ПРИЁМКА: блок марок конструктора ---------- */
body.mc-home-v4 #mc-home [id^="builder_"] { padding-block: 0; }
/* Живой блок марок (компонент intec.kosmos:sections) внутри поста 01:
   — свою шапку «Выберите марку и модель · Перейти в каталог» компонент печатает сам; у поста заголовок уже есть,
     ссылка в каталог стоит под плитками → шапку компонента гасим;
   — .template-container несёт поля и предел ширины сайта, а мы уже внутри .mc-wrap → обнуляем, иначе плитки уже текста. */
body.mc-home-v4 #mc-home #builder_sections .fragment-header { display: none; }
body.mc-home-v4 #mc-home #builder_sections .template-container { max-width: none; width: auto; padding-inline: 0; margin-inline: 0; }
/* На телефоне вендор превращает плитки в горизонтальную карусель (grid-auto-flow: column, по одной-две плитки на экран):
   восемь марок листать пальцем, не видя остальных. Возвращаем сетку в два столбца — все марки на одном экране.
   dense: раскрытая марка правой колонки уходит на всю следующую строку — соседняя занимает её место, без дыры. */
@media (max-width: 768px) {
    body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-columns: auto; grid-auto-flow: row dense; overflow: visible; }
}
/* «Световая рейка» (владелец 11.10.2026: очертания разделов не нравятся): без рамок и фона, у каждой марки
   под логотипом погашенная трубка. При наведении трубка загорается, а модели «включаются» панелью ВНИЗ поверх
   следующего ряда (страница не прыгает). На телефоне — аккордеон по тапу (initBrands в home-v4.js).
   Разметка вендорная (twig blocks.extended.3) — только CSS; перебиваем вендора и базу (home-v4-base.css, «марки»). */
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 { gap: clamp(34px, 4vw, 48px) clamp(20px, 3vw, 32px); background: none; border: 0; align-items: start; }
@media (min-width: 769px) {
    body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3, body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3[data-columns] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item,
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item[data-bg=gray] {
    position: relative; border-radius: 0; border: 0; background: transparent; box-shadow: none; overflow: visible;
    transform: none; transition: none; -webkit-backdrop-filter: none; backdrop-filter: none;
}
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item::before { display: none; }
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item:hover { background: transparent; transform: none; box-shadow: none; z-index: 5; }
/* Пост 01 целиком над трассой (.v4-track, z-index 3): список моделей марки уходит ниже поста, и трасса ложилась поверх
   него (владелец 15.10, Safari). У контейнера фона нет — трасса по полям и между постами видна как раньше. */
body.mc-home-v4 #mc-home #v4-p1 > .mc-wrap { position: relative; z-index: 4; }
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item-content { height: auto; padding: 8px 4px 0; align-items: center; -webkit-tap-highlight-color: transparent; }
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item picture,
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item .item-svg { width: 100%; max-width: 104px; transition: none; }
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item:hover picture,
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item:hover .item-svg { transform: none; }
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item img { object-fit: contain; border-radius: 0; }
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item-name {
    padding-top: 16px; font-family: var(--mc-display); font-weight: 600; font-size: 18px; line-height: var(--v4-lh-head);
    letter-spacing: .04em; text-transform: uppercase; color: var(--v4-ink); transition: color .2s;
}
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item-count {
    padding-top: 4px; font-family: var(--mc-mono); font-size: 11px; line-height: 1.4; letter-spacing: .12em;
    text-transform: uppercase; color: var(--v4-muted);
}
/* рейка под маркой: погашенная трубка → горит при наведении (только мышь) и при раскрытии */
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item-content::after {
    content: ""; display: block; align-self: stretch; height: 2px; margin-top: 18px;
    background: var(--v4-tube); transition: background .5s var(--v4-ease), box-shadow .5s var(--v4-ease);
}
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item.mc-open .item-content::after { background: var(--v4-lamp); box-shadow: var(--v4-glow); }
/* наведение — только там, где есть мышь: на iPhone :hover от тапа Safari считал «наведением» и глотал click */
@media (hover: hover) {
    body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item:hover .item-content::after { background: var(--v4-lamp); box-shadow: var(--v4-glow); }
    body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item:hover .item-name { color: var(--v4-lamp); }
}
/* модели — по умолчанию аккордеон в потоке (телефон и любые экраны без наведения): закрыто — блока нет, открыто — блок
   в потоке и плавно проявляется. 🔴 Без трюка grid-template-rows 0fr→1fr и без columns: в Safari (WebKit) их связка давала
   блоку высоту 15 px — список ложился ПОД соседние марки, и тап по модели попадал в чужую марку */
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item-sections {
    position: static; inset: auto; display: none; opacity: 1; transform: none; pointer-events: auto;
    padding: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
    overflow: visible; clip-path: none; transition: none;
}
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item.mc-open .item-sections { display: block; animation: v4-models-in .35s var(--v4-ease) both; }
@keyframes v4-models-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item-sections-wrapper { height: auto; overflow: visible; padding: 10px 0 4px; text-align: center; }
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item-sections-header { display: none; }
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item-section,
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item-section:not(:nth-child(2)) {
    display: block; margin: 0; padding: 5px 0; border: 0; opacity: 1; transform: none; transition: color .2s;
    font-family: var(--mc-mono); font-size: 13px; line-height: 1.5; letter-spacing: .02em; color: var(--v4-soft);
}
body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item-section:hover { color: var(--v4-lamp); padding-left: 0; }
/* телефон: раскрытая марка занимает всю строку, модели — сеткой в две колонки (в половине ширины годы рвались по дефису) */
@media (max-width: 768px) {
    body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item.mc-open { grid-column: 1 / -1; }
    body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item.mc-open .item-sections-wrapper { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; padding: 12px 2px 2px; text-align: left; }
    body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item-section,
    body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item-section:not(:nth-child(2)) {
        min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
        font-family: var(--mc-body); font-size: 13px; letter-spacing: 0;
    }
}
/* ПК с мышью: панель моделей под рейкой поверх следующего ряда, «включается» сверху вниз; срез 45° внизу справа */
@media (hover: hover) and (pointer: fine) and (min-width: 769px) {   /* то же условие — в home-v4.js initBrands() */
    body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item-sections {
        position: absolute; top: 100%; left: -14px; right: -14px; z-index: 3; display: block;
        background: var(--v4-bg-2); border: 1px solid var(--v4-line); border-top: 0;
        opacity: 0; pointer-events: none; overflow: visible;
        clip-path: polygon(0 0, 100% 0, 100% 0, 100% 0, 0 0);
        transition: clip-path .32s var(--v4-ease), opacity .2s linear;
    }
    body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item:hover .item-sections {
        opacity: 1; pointer-events: auto;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%);
    }
    body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item-sections-wrapper,
    body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item.mc-open .item-sections-wrapper { max-height: 300px; overflow-y: auto; padding: 14px 18px 20px; text-align: left; }
    body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item-sections-wrapper::-webkit-scrollbar { width: 2px; }
    body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item-sections-wrapper::-webkit-scrollbar-track { background: transparent; border: 0; }
    body.mc-home-v4 #mc-home .intec-sections.standard .blocks-extended-3 .item-sections-wrapper::-webkit-scrollbar-thumb { background: rgba(242, 245, 247, .4); border: 0; border-radius: 0; }
}
body.mc-home-v4 #mc-home .v4-brands-more { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; margin-top: 34px; }
body.mc-home-v4 #mc-home .v4-brands-more p { color: var(--v4-muted); max-width: 52ch; }

/* ---------- ПОСТ 02 · ДИАГНОСТИКА ---------- */
body.mc-home-v4 #mc-home .v4-diag { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(30px, 5vw, 84px); align-items: start; }
body.mc-home-v4 #mc-home .v4-diag .v4-photo { aspect-ratio: 4 / 3; }
@media (min-width: 1025px) { body.mc-home-v4 #mc-home .v4-diag .v4-photo { position: sticky; top: 96px; } }
body.mc-home-v4 #mc-home .v4-rows { border-top: 1px solid var(--v4-line); }
body.mc-home-v4 #mc-home .v4-row { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 20px; padding: 26px 0; border-bottom: 1px solid var(--v4-line); }
body.mc-home-v4 #mc-home .v4-row svg { width: 28px; height: 28px; color: var(--v4-red-hi); margin-top: 2px; }
body.mc-home-v4 #mc-home .v4-row h3 { font-family: var(--mc-display); font-weight: 600; text-transform: uppercase; font-size: var(--v4-h3); line-height: var(--v4-lh-head); letter-spacing: .02em; color: var(--v4-ink); }
body.mc-home-v4 #mc-home .v4-row p { margin-top: 8px; color: var(--v4-soft); line-height: 1.6; }
body.mc-home-v4 #mc-home .v4-row p a { color: var(--v4-lamp); border-bottom: 1px solid var(--v4-line); }

/* ---------- ПОСТ 03 · МОТОРНЫЙ — «ОТ ПРОШИВКИ ДО STAGE 3» ----------
   Владелец 16.10.2026: вкладки Camaro / Mustang / Corvette, у каждой своя лесенка мощности и свои кадры.
   Было (11.10): одна сцена Corvette, закреплённая на 300vh, кривая по оборотам рисовалась прокруткой — кривая
   схематичная (замеров по оборотам нет), с вкладками прокрутка вела бы только одну машину. Закрепление снято.
   Лесенка: столбец = ступень, высота --v = л.с. / максимум машины; столбцы вырастают по очереди, когда блок
   в кадре и при смене вкладки (home-v4.js). Без JS — все панели подряд и столбцы сразу во весь рост. */
body.mc-home-v4 #mc-home .v4-dyno { padding-block: 0; }
body.mc-home-v4 #mc-home .v4-dyno__pin { position: relative; isolation: isolate; overflow: hidden; padding-block: clamp(84px, 9vw, 120px); }
body.mc-home-v4 #mc-home .v4-dyno__pics { position: absolute; inset: 0; z-index: -1; }
body.mc-home-v4 #mc-home .v4-dyno__pics .v4-photo { position: absolute; inset: 0; clip-path: none; opacity: 0; transition: opacity .6s linear; }
body.mc-home-v4 #mc-home .v4-dyno__pics .v4-photo.is-on { opacity: 1; }
body.mc-home-v4 #mc-home .v4-dyno__pics .v4-photo img { object-position: 50% 42%; }
/* затемнение кадра: сверху и снизу уходит в фон страницы, середина — приглушённый цех */
body.mc-home-v4 #mc-home .v4-dyno__pics::after {
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(180deg, var(--v4-bg) 0%, rgba(5, 5, 6, .86) 16%, rgba(5, 5, 6, .8) 50%, rgba(5, 5, 6, .88) 80%, var(--v4-bg) 100%);
}
body.mc-home-v4 #mc-home .v4-dyno__top { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px 48px; margin-bottom: 30px; }
body.mc-home-v4 #mc-home .v4-dyno .v4-head { margin-bottom: 0; max-width: 760px; }
body.mc-home-v4 #mc-home .v4-dyno .v4-head h2 { font-size: var(--v4-h2-xl); }

/* вкладки моделей — подзаголовок «Camaro | Mustang | Corvette» */
body.mc-home-v4 #mc-home .v4-cars { display: flex; flex: none; border: 1px solid rgba(242, 245, 247, .4); }
body.mc-home-v4 #mc-home .v4-cars button {
    appearance: none; background: none; border: 0; cursor: pointer; padding: 12px 18px; color: var(--v4-soft);
    font-family: var(--mc-display); font-weight: 600; font-size: 16px; letter-spacing: .08em; text-transform: uppercase; line-height: 1.2;
    transition: color .2s, background .2s;
}
body.mc-home-v4 #mc-home .v4-cars button + button { border-left: 1px solid rgba(242, 245, 247, .4); }
body.mc-home-v4 #mc-home .v4-cars button small { display: block; font-family: var(--mc-mono); font-weight: 400; font-size: 10px; letter-spacing: .14em; color: var(--v4-muted); margin-bottom: 2px; }
body.mc-home-v4 #mc-home .v4-cars button:hover { color: var(--v4-lamp); }
body.mc-home-v4 #mc-home .v4-cars button[aria-selected="true"] { color: #050506; background: var(--v4-lamp); }
body.mc-home-v4 #mc-home .v4-cars button[aria-selected="true"] small { color: rgba(5, 5, 6, .6); }
body.mc-home-v4 #mc-home .v4-cars button:focus-visible { outline: 2px solid var(--v4-lamp); outline-offset: 2px; }

body.mc-home-v4 #mc-home .v4-car + .v4-car { margin-top: 56px; }
body.mc-home-v4 #mc-home .v4-car[hidden] { display: none; }
body.mc-home-v4.v4-js #mc-home .v4-car + .v4-car { margin-top: 0; }
body.mc-home-v4 #mc-home .v4-car__meta { font-family: var(--mc-mono); font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--v4-muted); padding-bottom: 14px; border-bottom: 1px solid var(--v4-line); }
body.mc-home-v4 #mc-home .v4-car__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, 300px); gap: 28px clamp(30px, 4vw, 64px); align-items: end; margin-top: 26px; }

/* лесенка */
body.mc-home-v4 #mc-home .v4-ladder { --plot: clamp(190px, 26vh, 280px); margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 clamp(14px, 2vw, 28px); }
body.mc-home-v4 #mc-home .v4-ladder[data-n="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 640px; }
body.mc-home-v4 #mc-home .v4-rung { display: flex; flex-direction: column; min-width: 0; }
body.mc-home-v4 #mc-home .v4-rung__plot { height: var(--plot); display: flex; align-items: flex-end; border-bottom: 1px solid rgba(242, 245, 247, .24); }
body.mc-home-v4 #mc-home .v4-rung__bar {
    position: relative; width: 100%; height: calc(var(--v) * (var(--plot) - 64px)); min-height: 2px;
    background: linear-gradient(180deg, rgba(242, 245, 247, .16), rgba(242, 245, 247, .04)); border-top: 2px solid var(--v4-tube);
    transform-origin: 50% 100%; transition: transform .9s var(--v4-ease), border-color .5s, background .5s;
}
/* цифры над столбцом */
body.mc-home-v4 #mc-home .v4-rung__bar b { position: absolute; left: 0; bottom: calc(100% + 26px); font-family: var(--mc-display); font-weight: 700; font-size: clamp(26px, 2.6vw, 40px); line-height: 1.1; color: var(--v4-soft); white-space: nowrap; transition: color .4s, opacity .4s; }
body.mc-home-v4 #mc-home .v4-rung__bar b small { font-family: var(--mc-mono); font-weight: 400; font-size: 12px; letter-spacing: .08em; color: var(--v4-muted); }
body.mc-home-v4 #mc-home .v4-rung__bar span { position: absolute; left: 0; bottom: calc(100% + 6px); font-family: var(--mc-mono); font-size: 12px; letter-spacing: .06em; color: var(--v4-muted); white-space: nowrap; transition: opacity .4s; }
body.mc-home-v4 #mc-home .v4-rung i { display: block; margin-top: 14px; font-style: normal; font-family: var(--mc-mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--v4-muted); transition: color .3s; }
body.mc-home-v4 #mc-home .v4-rung h3 { margin-top: 6px; font-family: var(--mc-display); font-weight: 600; text-transform: uppercase; font-size: clamp(15px, 1.4vw, 19px); letter-spacing: .03em; line-height: var(--v4-lh-head); color: var(--v4-soft); }
body.mc-home-v4 #mc-home .v4-rung p { margin-top: 6px; font-size: 14px; line-height: 1.5; color: var(--v4-muted); }
/* итог машины (у Corvette — у каждой из двух) горит лампой */
body.mc-home-v4 #mc-home .v4-rung.is-top .v4-rung__bar { border-top-color: var(--v4-lamp); background: linear-gradient(180deg, rgba(242, 245, 247, .3), rgba(242, 245, 247, .06)); box-shadow: 0 -6px 22px -10px rgba(242, 245, 247, .5); }
body.mc-home-v4 #mc-home .v4-rung.is-top .v4-rung__bar b,
body.mc-home-v4 #mc-home .v4-rung.is-top i { color: var(--v4-red-hi); }
/* анимация — только при живом JS: столбец лежит, пока не получит .is-on */
body.mc-home-v4.v4-js #mc-home .v4-rung:not(.is-on) .v4-rung__bar { transform: scaleY(0); }
body.mc-home-v4.v4-js #mc-home .v4-rung:not(.is-on) .v4-rung__bar b,
body.mc-home-v4.v4-js #mc-home .v4-rung:not(.is-on) .v4-rung__bar span { opacity: 0; }

body.mc-home-v4 #mc-home .v4-car__side { display: flex; flex-direction: column; gap: 26px; }
body.mc-home-v4 #mc-home .v4-gain { display: flex; gap: 30px; }
body.mc-home-v4 #mc-home .v4-gain b { display: block; font-family: var(--mc-display); font-weight: 700; font-size: clamp(30px, 3.4vw, 50px); line-height: 1.1; color: var(--v4-red-hi); }
body.mc-home-v4 #mc-home .v4-gain small { font-family: var(--mc-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--v4-muted); }
body.mc-home-v4 #mc-home .v4-car__cta { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }

/* ---------- ПОСТ 04 · СТЕНД СХОД-РАЗВАЛА «СХЕМА УГЛОВ» ---------- */
body.mc-home-v4 #mc-home .v4-align { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(30px, 5vw, 84px); align-items: start; }
body.mc-home-v4 #mc-home .v4-rig { --edge: var(--v4-line); --fill: var(--v4-bg-card); padding: 22px 22px 26px; }
body.mc-home-v4 #mc-home .v4-rig__cap { display: flex; justify-content: space-between; gap: 12px; font-family: var(--mc-mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--v4-faint); }
/* схема слева, показания справа — чтобы сведение колёс и смена цифр были видны ОДНОВРЕМЕННО */
body.mc-home-v4 #mc-home .v4-rig__body { display: grid; grid-template-columns: minmax(0, 13fr) minmax(0, 8fr); gap: 18px; align-items: center; margin-top: 10px; }
body.mc-home-v4 #mc-home .v4-rig svg { width: 100%; height: auto; max-height: 58vh; overflow: visible; }
body.mc-home-v4 #mc-home .v4-rig .r-body { fill: none; stroke: rgba(242, 245, 247, .16); stroke-width: 1; }
body.mc-home-v4 #mc-home .v4-rig .r-frame { fill: none; stroke: rgba(242, 245, 247, .55); stroke-width: 1.5; }
body.mc-home-v4 #mc-home .v4-rig .r-mid { stroke: rgba(242, 245, 247, .2); stroke-width: 1; stroke-dasharray: 4 6; }
body.mc-home-v4 #mc-home .v4-rig .r-wheel { fill: #050506; stroke: var(--v4-lamp); stroke-width: 1.5; }
body.mc-home-v4 #mc-home .v4-rig .r-beam { stroke: var(--v4-red-hi); stroke-width: 1; transition: stroke .35s; }
body.mc-home-v4 #mc-home .v4-rig.is-ok .r-beam { stroke: var(--v4-lamp); }
body.mc-home-v4 #mc-home .v4-rig__read { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; background: var(--v4-line); border: 1px solid var(--v4-line); }
body.mc-home-v4 #mc-home .v4-rig__read div { background: var(--v4-bg-card); padding: 12px 14px; }
body.mc-home-v4 #mc-home .v4-rig__read small { display: block; font-family: var(--mc-mono); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--v4-faint); }
body.mc-home-v4 #mc-home .v4-rig__read b { display: block; margin-top: 4px; font-family: var(--mc-mono); font-weight: 500; font-size: 17px; color: var(--v4-red-hi); transition: color .35s; white-space: nowrap; }
body.mc-home-v4 #mc-home .v4-rig__read b.is-ok,
body.mc-home-v4 #mc-home .v4-rig.is-ok .v4-rig__read b { color: var(--v4-lamp); }
body.mc-home-v4 #mc-home .v4-rig__ok {
    display: flex; align-items: center; justify-content: center; margin-top: 14px; padding: 12px;
    font-family: var(--mc-mono); font-size: 12px; letter-spacing: .24em; text-transform: uppercase;
    color: var(--v4-faint); border: 1px solid var(--v4-line); transition: color .3s, background .3s, border-color .3s;
}
body.mc-home-v4 #mc-home .v4-rig.is-ok .v4-rig__ok { color: #050506; background: var(--v4-lamp); border-color: var(--v4-lamp); }
body.mc-home-v4 #mc-home .v4-facts { border-top: 1px solid var(--v4-line); }
body.mc-home-v4 #mc-home .v4-facts li { display: grid; grid-template-columns: minmax(0, 11em) minmax(0, 1fr); gap: 18px; padding: 18px 0; border-bottom: 1px solid var(--v4-line); }
body.mc-home-v4 #mc-home .v4-facts b { font-family: var(--mc-display); font-weight: 600; text-transform: uppercase; font-size: 17px; line-height: var(--v4-lh-head); letter-spacing: .03em; color: var(--v4-ink); }
body.mc-home-v4 #mc-home .v4-facts span { color: var(--v4-soft); line-height: 1.55; }
body.mc-home-v4 #mc-home .v4-models { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
body.mc-home-v4 #mc-home .v4-models li { font-family: var(--mc-display); font-weight: 600; text-transform: uppercase; font-size: 15px; letter-spacing: .08em; color: var(--v4-ink); padding: 10px 16px; border: 1px solid rgba(242, 245, 247, .4); }
body.mc-home-v4 #mc-home .v4-models li small { font-family: var(--mc-mono); font-weight: 400; font-size: 10.5px; letter-spacing: .12em; color: var(--v4-muted); margin-right: 8px; }
/* справа — вертикальный кадр «захват + экран стенда» 9:16 → рамка 4:5, в кадре захват и монитор */
body.mc-home-v4 #mc-home .v4-align__pic { aspect-ratio: 4 / 5; margin-top: 28px; }
body.mc-home-v4 #mc-home .v4-align__pic img { object-position: 50% 42%; }
/* слева под схемой — Tahoe на подъёмнике с мишенями */
body.mc-home-v4 #mc-home .v4-align__lift { aspect-ratio: 16 / 9; margin-top: 28px; }
/* ПК: две колонки должны кончаться рядом — слева кадр выше (4:3), справа квадрат с захватом и экраном */
@media (min-width: 1025px) {
    body.mc-home-v4 #mc-home .v4-align__lift { aspect-ratio: 4 / 3; }
    body.mc-home-v4 #mc-home .v4-align__pic { aspect-ratio: 1 / 1; }
    body.mc-home-v4 #mc-home .v4-align__pic img { object-position: 50% 22%; }
}
body.mc-home-v4 #mc-home .v4-align__cta { margin-top: 28px; }

/* ---------- ПОСТ 05 · ПРОИЗВОДСТВО ---------- */
/* карточка без рамок: трубка → кадр со срезом 45° → текст. Кадры горизонтальные (*-m.webp), квадратные
   (колодки, даунпайп) и вертикальный (компрессор) рамка 16:10 режет по центру — узел в кадре целиком */
body.mc-home-v4 #mc-home .v4-prod { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(40px, 4vw, 56px) clamp(24px, 2.6vw, 40px); }
body.mc-home-v4 #mc-home .v4-prod__item { --d: 0s; position: relative; display: block; }
body.mc-home-v4 #mc-home .v4-prod__item:nth-child(2) { --d: .12s; }
body.mc-home-v4 #mc-home .v4-prod__item:nth-child(3) { --d: .24s; }
body.mc-home-v4 #mc-home .v4-prod__item:nth-child(4) { --d: .36s; }
body.mc-home-v4 #mc-home .v4-prod__item::before {
    content: ""; display: block; height: 2px; margin-bottom: 16px; background: var(--v4-lamp); box-shadow: var(--v4-glow); transform-origin: 0 50%;
}
body.mc-home-v4 #mc-home .v4-prod__pic {
    --cut: var(--v4-cut-photo); position: relative; aspect-ratio: 16 / 10; background: var(--v4-bg-card); overflow: hidden;
    clip-path: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));
}
body.mc-home-v4 #mc-home .v4-prod__pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--v4-ease); }
@media (hover: hover) {
    body.mc-home-v4 #mc-home .v4-prod__item:hover .v4-prod__pic img { transform: scale(1.04); }
}
/* слайды в рамке фото: кадры лежат стопкой, новый кадр проявляется и чуть «отъезжает» назад. Без JS виден первый кадр.
   Навигацию (трубки-сегменты + подпись) дорисовывает home-v4.js и только если кадров больше одного */
body.mc-home-v4 #mc-home .v4-slide { position: absolute; inset: 0; margin: 0; opacity: 0; transform: scale(1.04); transition: opacity .5s linear, transform .9s var(--v4-ease); }
body.mc-home-v4 #mc-home .v4-slide.is-on { opacity: 1; transform: none; }
/* включение поста: карточки загораются лесенкой (--d) — трубка пробегает и плавно разгорается, кадр выходит из темноты,
   следом текст. Только при живом JS; свет назад не гаснет, поэтому задержки потом не мешают */
body.mc-home-v4.v4-js #mc-home .v4-prod__item { transform: translateY(16px); transition: transform .7s var(--v4-ease) var(--d); }
body.mc-home-v4.v4-js #mc-home .v4-prod__item::before {
    background: var(--v4-tube); box-shadow: none; transform: scaleX(.2);
    transition: transform .7s var(--v4-ease) var(--d), background 1s var(--v4-ease) calc(var(--d) + .2s), box-shadow 1s var(--v4-ease) calc(var(--d) + .2s);
}
body.mc-home-v4.v4-js #mc-home .v4-prod__pic { filter: brightness(.3); transition: filter .8s var(--v4-ease) calc(var(--d) + .1s); }
body.mc-home-v4.v4-js #mc-home .v4-prod__body { opacity: 0; transition: opacity .5s linear calc(var(--d) + .25s); }
body.mc-home-v4.v4-js #mc-home .v4-post.is-lit .v4-prod__item { transform: none; }
body.mc-home-v4.v4-js #mc-home .v4-post.is-lit .v4-prod__item::before { background: var(--v4-lamp); box-shadow: var(--v4-glow); transform: none; }
body.mc-home-v4.v4-js #mc-home .v4-post.is-lit .v4-prod__pic { filter: none; }
body.mc-home-v4.v4-js #mc-home .v4-post.is-lit .v4-prod__body { opacity: 1; }
body.mc-home-v4 #mc-home .v4-slides__nav { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; align-items: center; gap: 6px; padding: 26px 14px 6px; background: linear-gradient(180deg, rgba(5, 5, 6, 0) 0%, rgba(5, 5, 6, .78) 100%); }
body.mc-home-v4 #mc-home .v4-slides__nav button { flex: none; width: 28px; height: 26px; padding: 0; border: 0; cursor: pointer; display: flex; align-items: center; }
body.mc-home-v4 #mc-home .v4-slides__nav button::before { content: ""; width: 100%; height: 2px; background: rgba(242, 245, 247, .24); transition: background .25s; }
body.mc-home-v4 #mc-home .v4-slides__nav button:hover::before { background: rgba(242, 245, 247, .6); }
body.mc-home-v4 #mc-home .v4-slides__nav button.is-on::before { background: var(--v4-lamp); }
body.mc-home-v4 #mc-home .v4-slides__cap { margin-left: 6px; font-family: var(--mc-mono); font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--v4-soft); }
body.mc-home-v4 #mc-home .v4-prod__body { padding: 20px 0 0; }
body.mc-home-v4 #mc-home .v4-prod__tag { font-family: var(--mc-mono); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--v4-red-hi); }
body.mc-home-v4 #mc-home .v4-prod__body h3 { margin-top: 10px; font-family: var(--mc-display); font-weight: 600; text-transform: uppercase; font-size: var(--v4-h3); line-height: var(--v4-lh-head); letter-spacing: .02em; color: var(--v4-ink); }
body.mc-home-v4 #mc-home .v4-prod__body p { margin-top: 10px; color: var(--v4-soft); line-height: 1.55; }
body.mc-home-v4 #mc-home .v4-prod__body ul { margin-top: 12px; }
body.mc-home-v4 #mc-home .v4-prod__body li { position: relative; padding: 5px 0 5px 22px; color: var(--v4-muted); font-size: 14px; line-height: 1.5; }
body.mc-home-v4 #mc-home .v4-prod__body li::before { content: ""; position: absolute; left: 0; top: 14px; width: 10px; height: 2px; background: var(--v4-lamp); }

/* ---------- ПОСТ 06 · РЕМЗОНА И КОМАНДА ---------- */
body.mc-home-v4 #mc-home .v4-shop { padding-top: 0; }
body.mc-home-v4 #mc-home .v4-band { position: relative; isolation: isolate; min-height: clamp(460px, 72vh, 760px); display: flex; align-items: flex-end; overflow: hidden; }
body.mc-home-v4 #mc-home .v4-band > img,
body.mc-home-v4 #mc-home .v4-band > picture > img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 50% 45%; z-index: -2; }
body.mc-home-v4 #mc-home .v4-band::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(5, 5, 6, .35) 0%, rgba(5, 5, 6, .1) 35%, rgba(5, 5, 6, .88) 78%, var(--v4-bg) 100%); }
body.mc-home-v4 #mc-home .v4-band .mc-wrap { padding-block: 120px 56px; }
body.mc-home-v4 #mc-home .v4-band .v4-head { margin-bottom: 0; }
/* подпись поста ложится на лампы и рифлёную стену → глухая плашка без стекла, иначе моно-кегль 12 не читается */
body.mc-home-v4 #mc-home .v4-band .v4-label { display: table; margin-left: -10px; padding: 7px 10px 6px; background: rgba(5, 5, 6, .82); color: var(--v4-soft); }
body.mc-home-v4 #mc-home .v4-nums { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--v4-line); border-block: 1px solid var(--v4-line); }
body.mc-home-v4 #mc-home .v4-nums div { background: var(--v4-bg); padding: 26px 20px 28px 0; }
body.mc-home-v4 #mc-home .v4-nums div + div { padding-left: 24px; }
body.mc-home-v4 #mc-home .v4-nums b { display: block; font-family: var(--mc-display); font-weight: 700; font-size: clamp(34px, 4vw, 58px); line-height: 1; color: var(--v4-lamp); }
/* плюс отбит от числа на пробел: «15 +», «7 500 +». Отступом, а не символом — чтобы плюс не уезжал на новую строку */
body.mc-home-v4 #mc-home .v4-nums b em { font-style: normal; color: var(--v4-red-hi); margin-left: .2em; }
body.mc-home-v4 #mc-home .v4-nums small { display: block; margin-top: 10px; font-size: 13.5px; line-height: 1.45; color: var(--v4-muted); max-width: 24ch; }
body.mc-home-v4 #mc-home .v4-team { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 4fr); gap: clamp(30px, 5vw, 84px); align-items: center; margin-top: clamp(64px, 8vw, 110px); }
body.mc-home-v4 #mc-home .v4-team .v4-photo { aspect-ratio: 4 / 5; max-height: 640px; }
body.mc-home-v4 #mc-home .v4-team .v4-photo img { object-position: 50% 42%; }
body.mc-home-v4 #mc-home .v4-crew { margin-top: 30px; border-top: 1px solid var(--v4-line); }
body.mc-home-v4 #mc-home .v4-crew li { display: grid; grid-template-columns: 3.2em minmax(0, 1fr); gap: 14px; align-items: baseline; padding: 14px 0; border-bottom: 1px solid var(--v4-line); color: var(--v4-soft); line-height: 1.5; }
body.mc-home-v4 #mc-home .v4-crew b { font-family: var(--mc-display); font-weight: 700; font-size: 30px; line-height: 1; color: var(--v4-lamp); }
body.mc-home-v4 #mc-home .v4-crew b em { font-style: normal; color: var(--v4-red-hi); margin-left: .2em; }

/* ---------- МАРШРУТ ВИЗИТА ---------- */
body.mc-home-v4 #mc-home .v4-steps { position: relative; max-width: 860px; padding-left: 44px; }
body.mc-home-v4 #mc-home .v4-steps::before { content: ""; position: absolute; left: 7px; top: 8px; bottom: 8px; width: 2px; background: var(--v4-tube); }
body.mc-home-v4 #mc-home .v4-steps__fill { position: absolute; left: 7px; top: 8px; width: 2px; height: calc((100% - 16px) * var(--v4-progress, 0)); background: var(--v4-lamp); }
body.mc-home-v4 #mc-home .v4-step { position: relative; padding: 0 0 38px; }
body.mc-home-v4 #mc-home .v4-step:last-child { padding-bottom: 0; }
/* узел — ромб (квадрат под 45°), не круг */
body.mc-home-v4 #mc-home .v4-step::before { content: ""; position: absolute; left: -43px; top: 5px; width: 12px; height: 12px; transform: rotate(45deg); background: var(--v4-bg); border: 2px solid rgba(242, 245, 247, .24); transition: background .25s, border-color .25s; }
body.mc-home-v4 #mc-home .v4-step.is-active::before { background: var(--v4-lamp); border-color: var(--v4-lamp); }
body.mc-home-v4 #mc-home .v4-step i { font-style: normal; font-family: var(--mc-mono); font-size: 11.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--v4-faint); transition: color .25s; }
body.mc-home-v4 #mc-home .v4-step.is-active i { color: var(--v4-red-hi); }
body.mc-home-v4 #mc-home .v4-step h3 { margin-top: 6px; font-family: var(--mc-display); font-weight: 600; text-transform: uppercase; font-size: var(--v4-h3); line-height: var(--v4-lh-head); letter-spacing: .02em; color: var(--v4-ink); }
body.mc-home-v4 #mc-home .v4-step p { margin-top: 8px; color: var(--v4-soft); line-height: 1.6; max-width: 64ch; }

/* ---------- ВЫДАЧА — финальный призыв в рамке-светильнике ---------- */
body.mc-home-v4 #mc-home .v4-final__panel { --edge: var(--v4-tube); --fill: var(--v4-bg-card); --v4-cut: var(--v4-cut-photo); padding: clamp(40px, 6vw, 84px) clamp(22px, 5vw, 80px); text-align: center; transition: background .2s; }
body.mc-home-v4 #mc-home .v4-final.is-lit .v4-final__panel { --edge: var(--v4-lamp); }
body.mc-home-v4 #mc-home .v4-final__panel .v4-label { margin-bottom: 18px; }
body.mc-home-v4 #mc-home .v4-final__panel p { margin: 20px auto 0; max-width: 60ch; color: var(--v4-soft); line-height: 1.65; }
body.mc-home-v4 #mc-home .v4-final__cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 34px; }
body.mc-home-v4 #mc-home .v4-final__phone { display: inline-block; margin-top: 30px; font-family: var(--mc-display); font-weight: 700; font-size: clamp(30px, 4.4vw, 60px); line-height: 1; color: var(--v4-lamp); }
body.mc-home-v4 #mc-home .v4-final__meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 30px; margin-top: 20px; font-family: var(--mc-mono); font-size: 12.5px; letter-spacing: .06em; color: var(--v4-muted); }
body.mc-home-v4 #mc-home .v4-final__meta b { color: var(--v4-ink); font-weight: 500; }

/* =========================================================================
   ТЕЛЕФОН И ПЛАНШЕТ
   ========================================================================= */
@media (max-width: 1024px) {
    body.mc-home-v4 #mc-home .v4-diag,
    body.mc-home-v4 #mc-home .v4-align,
    body.mc-home-v4 #mc-home .v4-team { grid-template-columns: minmax(0, 1fr); }
    /* кадры машины — не фон, а полоса над заголовком; у машины без кадров полосы нет (класс ставит home-v4.js) */
    body.mc-home-v4 #mc-home .v4-dyno__pics { position: relative; inset: auto; z-index: auto; aspect-ratio: 16 / 10; margin: 0 var(--mc-pad) 30px; }
    body.mc-home-v4 #mc-home .v4-dyno.no-pics .v4-dyno__pics { display: none; }
    body.mc-home-v4 #mc-home .v4-dyno__pics::after { background: linear-gradient(180deg, rgba(5, 5, 6, 0) 55%, rgba(5, 5, 6, .55) 100%); }
    body.mc-home-v4 #mc-home .v4-dyno__pics .v4-photo { clip-path: polygon(0 0, calc(100% - var(--v4-cut-photo)) 0, 100% var(--v4-cut-photo), 100% 100%, var(--v4-cut-photo) 100%, 0 calc(100% - var(--v4-cut-photo))); }
    body.mc-home-v4 #mc-home .v4-dyno__top { flex-direction: column; align-items: flex-start; }
    body.mc-home-v4 #mc-home .v4-prod { grid-template-columns: minmax(0, 1fr); }
    body.mc-home-v4 #mc-home .v4-car__grid { grid-template-columns: minmax(0, 1fr); }
    body.mc-home-v4 #mc-home .v4-nums { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.mc-home-v4 #mc-home .v4-nums div { padding: 22px 14px 24px 0; }
    body.mc-home-v4 #mc-home .v4-nums div + div { padding-left: 16px; }
    body.mc-home-v4 #mc-home .v4-nums div:nth-child(3) { padding-left: 0; }
}
@media (max-width: 768px) {
    body.mc-home-v4 #mc-home .v4-hero__stage img { object-position: 50% 30%; }
    /* на телефоне текст короче и без мессенджеров (они есть в окне записи): иначе он закрывает
       две трети экрана, и после включения света машин не видно */
    body.mc-home-v4 #mc-home .v4-hide-m,
    body.mc-home-v4 #mc-home .v4-hero__msgrs { display: none; }
    /* Телефон (владелец 15.10.2026, вариант 5): вывеска и строка H1 — вверху, кнопки — внизу, на пустом полу кадра;
       середина кадра с машинами (Escalade, Corvette, Camaro, Opel на подъёмнике) открыта. Было: весь текст снизу на
       тёмной плашке, затемнение 86 % с середины кадра — машин не видно. Затемнение — сверху под текст и у самого низа. */
    /* пол 600 px (ПК) на iPhone с панелями Safari (видно ~660 px − шапка − панель = ~500) уводил кнопки под нижнюю
       панель до первого касания (владелец 26.10.2026); на телефоне пол — по содержимому: надпись + две кнопки.
       --v4-avail — видимая высота от верха сцены до панели, меряет home-v4.js (100svh в Safari до касания больше экрана) */
    body.mc-home-v4 #mc-home .v4-hero { align-items: stretch; min-height: max(440px, var(--v4-avail, calc(100svh - var(--v4-top, 0px) - var(--v4-bottom, 0px)))); }
    body.mc-home-v4 #mc-home .v4-hero__scrim { background: linear-gradient(180deg, rgba(5, 5, 6, .7) 0%, rgba(5, 5, 6, .4) 34%, rgba(5, 5, 6, 0) 50%, rgba(5, 5, 6, 0) 74%, rgba(5, 5, 6, .75) 92%, var(--v4-bg) 100%); }
    body.mc-home-v4 #mc-home .v4-hero__in { display: flex; flex-direction: column; padding-block: 18px 22px; }
    body.mc-home-v4 #mc-home .v4-hero__mark { font-size: 52px; }
    body.mc-home-v4 #mc-home .v4-hero__eyebrow { margin-bottom: 14px; letter-spacing: .14em; font-size: 11px; }
    body.mc-home-v4 #mc-home .v4-hero__sub { margin-top: 16px; }
    body.mc-home-v4 #mc-home .v4-hero__cta { margin-top: 22px; gap: 10px; }
    body.mc-home-v4 #mc-home .v4-hero__cta .mc-btn { width: 100%; }
    body.mc-home-v4 #mc-home .v4-hero__plate-top,
    body.mc-home-v4 #mc-home .v4-hero__plate { max-width: none; padding-inline: 18px; }
    /* строка H1 — на мутном стекле (размытие с !important: iOS-правило вендора гасит backdrop-filter) */
    body.mc-home-v4 #mc-home .v4-hero__plate-top {
        margin-top: 18px; padding-top: 18px; padding-bottom: 16px; background: rgba(5, 5, 6, .45);
        -webkit-backdrop-filter: blur(10px) !important; backdrop-filter: blur(10px) !important;
    }
    /* кнопки — без плашки, прижаты к низу кадра */
    body.mc-home-v4 #mc-home .v4-hero__plate { margin-top: auto; padding: 0; background: transparent; clip-path: none; }
    body.mc-home-v4 #mc-home .v4-hero__plate::before { display: none; }
    body.mc-home-v4 #mc-home .v4-hero__plate .v4-hero__cta { margin-top: 0; }
    /* лесенка на телефоне — строки: подпись ступени, полоса длиной по л.с. с цифрами внутри, текст */
    body.mc-home-v4 #mc-home .v4-cars { align-self: stretch; }
    body.mc-home-v4 #mc-home .v4-cars button { flex: 1 1 0; padding: 10px 8px; font-size: 14px; }
    body.mc-home-v4 #mc-home .v4-ladder,
    body.mc-home-v4 #mc-home .v4-ladder[data-n="2"] { grid-template-columns: minmax(0, 1fr); gap: 22px; max-width: none; }
    body.mc-home-v4 #mc-home .v4-rung i { order: 0; margin-top: 0; }
    body.mc-home-v4 #mc-home .v4-rung h3 { order: 1; }
    body.mc-home-v4 #mc-home .v4-rung__plot { order: 2; height: 38px; margin-top: 10px; border-bottom: 0; background: rgba(242, 245, 247, .06); }
    body.mc-home-v4 #mc-home .v4-rung p { order: 3; }
    body.mc-home-v4 #mc-home .v4-rung__bar {
        display: flex; align-items: center; gap: 10px; padding: 0 10px; width: calc(var(--v) * 100%); height: 100%;
        border-top: 0; border-left: 2px solid var(--v4-tube); transform-origin: 0 50%;
    }
    body.mc-home-v4 #mc-home .v4-rung.is-top .v4-rung__bar { border-left-color: var(--v4-lamp); }
    body.mc-home-v4 #mc-home .v4-rung__bar b,
    body.mc-home-v4 #mc-home .v4-rung__bar span { position: static; }
    body.mc-home-v4 #mc-home .v4-rung__bar b { font-size: 19px; }
    body.mc-home-v4 #mc-home .v4-rung__bar span { font-size: 11px; }
    body.mc-home-v4.v4-js #mc-home .v4-rung:not(.is-on) .v4-rung__bar { transform: scaleX(0); }
    body.mc-home-v4 #mc-home .v4-prod__pic { --cut: var(--v4-cut-photo); }
    body.mc-home-v4 #mc-home .v4-facts li { grid-template-columns: minmax(0, 1fr); gap: 6px; }
    body.mc-home-v4 #mc-home .v4-photo { clip-path: polygon(0 0, calc(100% - var(--v4-cut-photo)) 0, 100% var(--v4-cut-photo), 100% 100%, var(--v4-cut-photo) 100%, 0 calc(100% - var(--v4-cut-photo))); }
    body.mc-home-v4 #mc-home .v4-final__panel { --v4-cut: var(--v4-cut-photo); }
    body.mc-home-v4 #mc-home .v4-rig { padding: 16px 14px 18px; }
    body.mc-home-v4 #mc-home .v4-rig__ok { white-space: nowrap; letter-spacing: .14em; font-size: 11px; padding: 12px 6px; }
    /* на узком кадре лампы занимают весь верх → темним раньше, чтобы подпись поста читалась */
    body.mc-home-v4 #mc-home .v4-band::after { background: linear-gradient(180deg, rgba(5, 5, 6, .3) 0%, rgba(5, 5, 6, .25) 30%, rgba(5, 5, 6, .92) 60%, var(--v4-bg) 100%); }
    body.mc-home-v4 #mc-home .v4-rig__read b { font-size: 13px; }
}

/* табло постов справа в подвале не нужно и ложилось на адрес — гаснет, когда подвал в кадре (home-v4.js) */
body.mc-home-v4 .v4-index { transition: opacity .3s; }
body.mc-home-v4 .v4-index.is-off { opacity: 0; pointer-events: none; }

/* =========================================================================
   БЕЗ АНИМАЦИИ: всё горит сразу, ничего не мерцает и не закрепляется
   ========================================================================= */
@media (prefers-reduced-motion: reduce) {
    body.mc-home-v4.v4-js #mc-home .v4-post > .mc-wrap,
    body.mc-home-v4.v4-js #mc-home .v4-post > .v4-band,
    body.mc-home-v4.v4-js #mc-home .v4-post > .v4-dyno__pin { opacity: 1; transition: none; }
    body.mc-home-v4.v4-js #mc-home .v4-hero .v4-hero__on { opacity: 1 !important; animation: none !important; }
    body.mc-home-v4.v4-js #mc-home .v4-hero .v4-hero__lamps { opacity: 0 !important; animation: none !important; }
    body.mc-home-v4 #mc-home .v4-post::before { transition: none; opacity: 1; }
    /* базовое `#mc-home * { animation: none }` псевдоэлементы не задевает — а трубки (плашка hero, рейка марок,
       этапы Corvette, карточки производства) живут именно на них: загораются сразу, без разгорания */
    body.mc-home-v4 #mc-home *::before,
    body.mc-home-v4 #mc-home *::after { animation: none !important; transition: none !important; }
    body.mc-home-v4.v4-js #mc-home .v4-prod__item,
    body.mc-home-v4.v4-js #mc-home .v4-prod__item::before { transform: none; transition: none; }
    body.mc-home-v4.v4-js #mc-home .v4-prod__item::before { background: var(--v4-lamp); box-shadow: var(--v4-glow); }
    body.mc-home-v4.v4-js #mc-home .v4-prod__pic { filter: none; transition: none; }
    body.mc-home-v4.v4-js #mc-home .v4-prod__body { opacity: 1; transition: none; }
    body.mc-home-v4 #mc-home .v4-slide,
    body.mc-home-v4 #mc-home .v4-prod__pic img { transform: none !important; transition: opacity .5s linear; }
}