/* Start:/bitrix/templates/kosmos_s3/components/bitrix/news/news/style.min.css?17737648724424*/
.bitrix-news.news [data-sticky=true]{position:sticky;top:0}.bitrix-news.news .layout-column-aside div+.news-additional-tags{margin-top:32px}.bitrix-news.news .ind-m-l-auto{margin-left:auto}.bitrix-news.news .ui-btn-drop [data-type=button]{cursor:pointer}.bitrix-news.news .ui-nav.ui-nav-small{height:26px;width:26px;min-width:26px}.bitrix-news.news .ui-nav.ui-nav-small>svg{width:16px;height:16px}.bitrix-news.news .news-body{gap:50px 40px}.bitrix-news.news .news-head .news-action-button{width:50px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-neutral-semi-bright);cursor:pointer}.bitrix-news.news .news-description{line-height:171%}.bitrix-news.news .news-subscribe{line-height:145%}.bitrix-news.news .news-subscribe-detail{border:1px solid var(--color-neutral-semi-bright);border-bottom:none}.bitrix-news.news .news-subscribe-detail .news-subscribe-detail-button{border-right:none;border-left:none}.bitrix-news.news .news-subscribe-detail-title{font-weight:500;line-height:145%}.bitrix-news.news .news-subscribe-detail-description{line-height:145%}.bitrix-news.news .news-subscribe-detail-wrapper .ui-svg-64{display:flex;width:64px;height:64px}.bitrix-news.news .news-subscribe-detail-wrapper .ui-svg-64>svg{width:64px;height:64px}.bitrix-news.news .news-additional{width:270px;min-width:270px}.bitrix-news.news .news-additional-item{margin-bottom:25px}.bitrix-news.news .news-additional-item:last-child{margin-bottom:0}.bitrix-news.news .news-additional-tags-header,.bitrix-news.news .news-additional-top-header{font-weight:500;line-height:139%}.bitrix-news.news .news-panel{word-break:keep-all;display:grid}.bitrix-news.news .news-tab{position:relative;display:flex;align-items:center;justify-content:center;min-width:35px;white-space:nowrap;text-decoration:none;transition:color,border-color var(--duration-base)}.bitrix-news.news .news-tab.bold-tab{min-width:99px;font-weight:500;color:var(--color-neutral-dark)}.bitrix-news.news .news-tab[data-state=active],.bitrix-news.news .news-tab[data-state=none]:hover{color:var(--color-primary-base);border-bottom-color:var(--color-primary-base)}.bitrix-news.news .news-tab[data-state=none]{cursor:pointer}.bitrix-news.news .news-tab[data-state=active]{font-weight:500;color:var(--color-neutral-dark)}.bitrix-news.news .news-tab[data-state=disabled]{color:var(--color-neutral-semi-dark);cursor:not-allowed}.bitrix-news.news .news-tab[data-state=disabled]::before{background-color:var(--color-neutral-semi-bright);opacity:1}@supports (display:-webkit-box){.bitrix-news.news .news-panel-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}}.bitrix-news.news .news-panel-more .news-panel-indicator{transition:transform var(--duration-base)}.bitrix-news.news .news-panel-more .news-panel-indicator>svg{transform:rotate(0)}.bitrix-news.news .news-panel-more[data-state=true] .news-panel-indicator svg{transform:rotate(180deg)}.bitrix-news.news .news-panel-date-button{width:auto;transition:all var(--duration-base)}@media (min-height:769px){.bitrix-news.news .news-panel-date-button:hover{color:var(--color-primary-base)}.bitrix-news.news .news-panel-date-button:hover svg{stroke:var(--color-primary-base)}}.bitrix-news.news .news-panel-content .ui-btn-drop-content.slim{padding:16px;min-width:145px;right:0;display:none}.bitrix-news.news .news-panel-content .ui-btn-drop-content.slim .news-panel-wrapper{max-height:170px;overflow-y:auto;display:grid;gap:10px}@supports (-moz-appearance:none){.bitrix-news.news .news-panel-content .ui-btn-drop-content.slim .news-panel-wrapper{scrollbar-width:thin;scrollbar-color:var(--color-neutral-semi-bright) transparent}}.bitrix-news.news .news-panel-content .ui-btn-drop-content.slim .news-panel-wrapper::-webkit-scrollbar{width:16px}.bitrix-news.news .news-panel-content .ui-btn-drop-content.slim .news-panel-wrapper::-webkit-scrollbar-track{border-right:2px solid var(--color-neutral-semi-bright)}.bitrix-news.news .news-panel-content .ui-btn-drop-content.slim .news-panel-wrapper::-webkit-scrollbar-thumb{border-right:2px solid var(--color-neutral-quarter-dark)}.bitrix-news.news .news-panel-content .ui-btn-drop-content.slim span[data-state=active]{font-weight:500;color:var(--color-neutral-dark)}.bitrix-news.news .news-panel-date-item{border:1px solid transparent;text-decoration:none;font-size:.93rem}
/*# sourceMappingURL=style.min.css.map */
/* End */


/* Start:/bitrix/templates/kosmos_s3/components/bitrix/news.detail/news/style.min.css?177376487210034*/
.bitrix-news-detail.news .gap-10{gap:10px}.bitrix-news-detail.news .ui-svg-20{height:20px;width:20px;min-width:20px}.bitrix-news-detail.news .ui-svg-20>svg{width:20px;height:20px}.bitrix-news-detail.news .news-list-item-tags-items{gap:17px}.bitrix-news-detail.news .news-list-item-tags-item-wrapper{display:block;margin:0}.bitrix-news-detail.news .news-list-item-tags-item-wrapper input{display:none}.bitrix-news-detail.news .news-list-item-tags-item-wrapper span{display:block;font-size:.857rem;font-weight:400;line-height:1;white-space:nowrap;border-radius:2px;user-select:none;transition:background-color,color var(--duration-base)}.bitrix-news-detail.news .news-list-item-tags-item-wrapper input:enabled+span{cursor:pointer}.bitrix-news-detail.news .news-list-item-tags-item-wrapper input:disabled+span{cursor:default}.bitrix-news-detail.news .news-list-item-tags-item-wrapper input:checked+span,.bitrix-news-detail.news .news-list-item-tags-item-wrapper input:enabled+span:hover{color:var(--color-primary-base)}.bitrix-news-detail.news .news-detail-action-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}.bitrix-news-detail.news .news-detail-action-button-subscribe{width:50px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}.bitrix-news-detail.news .news-detail-content-image{overflow:hidden}.bitrix-news-detail.news .news-detail-additional-item{margin-bottom:75px}.bitrix-news-detail.news .news-detail-additional-item:last-child{margin-bottom:0}.bitrix-news-detail.news .news-detail-back-wrap{border-top:1px solid var(--color-neutral-semi-bright)}.bitrix-news-detail.news .news-detail-back-wrap a{text-decoration:none}.bitrix-news-detail.news .news-detail-back-wrap svg{transform:rotate(180deg)}.bitrix-news-detail.news .news-detail-date{gap:14px 17px}.bitrix-news-detail.news .news-detail-delimit-line{width:100%;border-bottom:1px solid var(--color-neutral-semi-bright)}.bitrix-news-detail.news .news-detail-back{text-decoration:none;transition:all var(--duration-base)}.bitrix-news-detail.news .news-detail-back:hover .news-detail-back-dash{position:absolute;right:calc(100% - 40px);background-color:var(--color-primary-bright)}.bitrix-news-detail.news .news-detail-back-arrow{position:relative;width:50px;margin-left:-10px}.bitrix-news-detail.news .news-detail-back-arrow svg{transition:all var(--duration-base)}.bitrix-news-detail.news .news-detail-arrow{position:relative;width:50px;margin-right:-10px}.bitrix-news-detail.news .news-detail-arrow svg{margin-left:auto;transition:all var(--duration-base)}.bitrix-news-detail.news .news-detail-rss-svg{width:32px;height:32px;cursor:pointer;border-radius:2px;transition:.2s}.bitrix-news-detail.news .news-detail-rss-svg svg{transition:stroke var(--duration-base)}.bitrix-news-detail.news .news-detail-rss-svg:hover{box-shadow:var(--button-shadow)}.bitrix-news-detail.news .news-detail-navigation[data-picture-show=false] .news-detail-navigation-item{padding:32px}.bitrix-news-detail.news .news-detail-navigation[data-picture-show=false] .news-detail-navigation-item-wrapper{grid-template-columns:1fr}.bitrix-news-detail.news .news-detail-navigation[data-picture-show=true] .news-detail-navigation-item-wrapper{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center}@media (max-width:1024px){.bitrix-news-detail.news .news-detail-navigation[data-picture-show=true] .news-detail-navigation-item-wrapper{grid-template-columns:100px 1fr}}@media (max-width:425px){.bitrix-news-detail.news .news-detail-navigation[data-picture-show=true] .news-detail-navigation-item-wrapper{grid-template-columns:1fr}}.bitrix-news-detail.news .news-detail-navigation-item-wrap.right{margin-left:auto}.bitrix-news-detail.news .news-detail-navigation-item-wrap:not(:last-child){margin:0 -1px -1px 0}.bitrix-news-detail.news .news-detail-arrow-title{transition:var(--duration-base)}.bitrix-news-detail.news .news-detail-navigation-item{border:1px solid #f2f2f2;padding:32px;height:100%;display:block;text-decoration:none;transition:var(--duration-base)}.bitrix-news-detail.news .news-detail-navigation-item:hover{border:1px solid #fff;box-shadow:var(--shadow-dark);transition:var(--duration-base)}.bitrix-news-detail.news .news-detail-navigation-item:hover .news-detail-arrow-title,.bitrix-news-detail.news .news-detail-navigation-item:hover .news-detail-navigation-item-title{color:var(--color-primary-base);transition:var(--duration-base)}.bitrix-news-detail.news .news-detail-navigation-item:hover .news-detail-arrow svg,.bitrix-news-detail.news .news-detail-navigation-item:hover .news-detail-back-arrow svg{stroke:var(--color-primary-base)}.bitrix-news-detail.news .news-detail-navigation-item[data-position=right]{text-align:right}.bitrix-news-detail.news .news-detail-navigation-item[data-position=right] .news-detail-navigation-item-picture{margin-left:20px;margin-right:0}.bitrix-news-detail.news .news-detail-navigation-item-picture{aspect-ratio:1/1;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover}.bitrix-news-detail.news .news-detail-navigation-item-title{font-style:normal;font-size:1.1428rem;line-height:1.4;color:var(--color-neutral-dark);transition:var(--duration-base)}@media (max-width:1024px){.bitrix-news-detail.news .news-detail-navigation-item[data-position=right]{text-align:left}.bitrix-news-detail.news .news-detail-navigation-item[data-position=right] .news-detail-navigation-item-picture{margin-left:0;margin-right:20px}.bitrix-news-detail.news .news-detail-navigation-item[data-position=right] .news-detail-navigation-item-wrapper{-webkit-box-orient:horizontal!important;-webkit-box-direction:initial!important;-ms-flex-direction:initial!important;flex-direction:initial!important}.bitrix-news-detail.news .news-detail-navigation-item-wrap.right{margin-left:0}.bitrix-news-detail.news h1{font-size:1.75rem}.bitrix-news-detail.news .news-detail-additional-item{margin-bottom:60px}.bitrix-news-detail.news .news-detail-header-date{font-size:.857rem;line-height:1}.bitrix-news-detail.news .news-detail-print{display:none}.bitrix-news-detail.news .news-detail-content-detail,.bitrix-news-detail.news .news-detail-content-preview{font-size:1rem;line-height:1.5}.bitrix-news-detail.news .news-detail-tags-item{font-size:.857rem;line-height:1}.bitrix-news-detail.news .news-detail-navigation[data-picture-show=false] .news-detail-navigation-item{padding:20px}}.bitrix-news-detail-news-anchor{transition:all var(--duration-base)}.bitrix-news-detail-news-anchor[data-fixed=true]{position:fixed;top:0;left:0;width:100%;margin:0 auto;z-index:1;transition:top var(--duration-base);background-color:var(--color-neutral-bright);box-shadow:var(--shadow-dark)}.bitrix-news-detail-news-anchor[data-fixed=true] .tabs-button{color:var(--color-neutral-dark)}.bitrix-news-detail-news-anchor[data-fixed=true] .tabs-button svg{stroke:var(--color-neutral-dark)}.bitrix-news-detail-news-anchor .tabs-item{position:relative;text-decoration:none;font-weight:400;cursor:pointer;transition:color var(--duration-base)}.bitrix-news-detail-news-anchor .tabs-item:hover{color:var(--color-primary-base)}.bitrix-news-detail-news-anchor .tabs-item::after{position:absolute;left:0;bottom:0;content:"";width:100%;height:2px;border-radius:2px}.bitrix-news-detail-news-anchor .tabs-item[data-state=active]{color:var(--color-neutral-dark)}.bitrix-news-detail-news-anchor .tabs-item[data-state=active]::after{background-color:var(--color-neutral-dark);opacity:1}.bitrix-news-detail-news-anchor .tabs-items{position:relative;justify-content:space-between;margin-left:auto;gap:32px}.bitrix-news-detail-news-anchor .tabs-items:only-child .more-wrapper{margin-left:auto}.bitrix-news-detail-news-anchor .tabs-items[data-state=load]{overflow:hidden}.bitrix-news-detail-news-anchor .tabs-button{position:relative;text-decoration:none;font-weight:400;cursor:pointer;white-space:nowrap;gap:32px}.bitrix-news-detail-news-anchor .tabs-button svg{stroke:var(--color-neutral-dark)}.bitrix-news-detail-news-anchor [data-role="anchor.more"] svg{transition-duration:var(--duration-base);transition-property:transform}.bitrix-news-detail-news-anchor [data-role="anchor.more"].active svg{transform:rotate(180deg)}.bitrix-news-detail-news-anchor .more-list{position:absolute;top:100%;right:0;visibility:hidden;opacity:0;z-index:5;transition-duration:var(--duration-base);transition-property:opacity,visibility}.bitrix-news-detail-news-anchor .more-list.visible{visibility:visible;opacity:1}.bitrix-news-detail-news-anchor .more-list-wrapper{background-color:var(--color-neutral-bright);border-top:1px solid var(--color-neutral-semi-bright);max-height:303px;overflow:auto;box-shadow:var(--shadow-dark);scrollbar-color:var(--color-neutral-quarter-dark transparent)}.bitrix-news-detail-news-anchor .more-list-wrapper::-webkit-scrollbar{width:2px}.bitrix-news-detail-news-anchor .more-list-wrapper:hover::-webkit-scrollbar-track{border-right:2px solid var(--color-neutral-semi-bright)}.bitrix-news-detail-news-anchor .more-list-wrapper:hover::-webkit-scrollbar-thumb{border-right:2px solid var(--color-neutral-quarter-dark)}.bitrix-news-detail-news-anchor .more-list-content{background-color:var(--color-neutral-bright)}.bitrix-news-detail-news-anchor .more-list-item{position:relative;display:block;border-bottom:1px solid var(--color-neutral-semi-bright);cursor:pointer;background-color:var(--color-neutral-bright);color:var(--color-neutral-semi-dark);transition:all var(--duration-base)}.bitrix-news-detail-news-anchor .more-list-item:hover{background-color:var(--color-neutral-quarter-bright);color:var(--color-primary-base)}.bitrix-news-detail-news-anchor .more-list-item[data-state=active]{color:var(--color-neutral-dark)}.bitrix-news-detail-news-anchor .more-list-item:last-child{border:none}.bitrix-news-detail-news-anchor .more-wrapper{margin-right:-8px}.bitrix-news-detail-news-anchor .more-wrapper svg{stroke:var(--color-neutral-semi-dark)}
/*# sourceMappingURL=style.min.css.map */
/* End */


/* Start:/bitrix/templates/kosmos_s3/components/bitrix/news.detail/news/parts/catalog-v4.css?179303074373986*/
/* =========================================================================
   Madcat — СЕРИЯ ЛЕНДИНГОВ /catalog/<код>/ в стилистике главной v4 (Э2, 13.10.2026).
   Подключается ВМЕСТО madcat-detail.css, когда страница в общем слое v4 (MC_SITE_V4) — tpl/_render.php.
   Общий слой assets/css/v4-site.css уже даёт: токены --v4-… и --mc-…, кнопки .mc-btn, мессенджеры .mc-msgr,
   шапку, подвал, нижнюю панель телефона и окно записи. Здесь — только секции серии под body.mc-v4 #mc-page.

   Разметка — tpl/sections/*.php. Классы mc-* не переименовывать: по ним работают madcat-detail.js
   (аккордеон, вкладки FAQ, появление .in) и линтер конфигов _seo/tools/lint-configs.py.
   Канон v4: чёрный фон, свет = белые трубки (2px, --v4-lamp + --v4-glow), красный — только текст и значки,
   срез углов 45°, без скруглений, стекла и цветных теней. Интерлиньяж заголовков — --v4-lh-head (правило №6).

   «Свет включается» по ходу прокрутки: madcat-detail.js ставит .in на .mc-reveal, к нему привязаны трубки
   карточек, узлы этапов и рамка финального блока. При reduced-motion всё горит сразу.
   ========================================================================= */

/* -------------------------------------------------------------------------
   ОБВЕС ВЕНДОРА: лендинг во всю ширину (перенесено из madcat-detail.css; body.mc-mustang-page ставит _render.php)
   ------------------------------------------------------------------------- */
/* страховка от вылета вбок (на старом дизайне серии корень растягивался на 100vw — с полосой прокрутки) */
html:has(#mc-page) { overflow-x: clip; }
body.mc-v4.mc-mustang-page .layout-content { margin-top: 0 !important; padding-top: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
body.mc-v4.mc-mustang-page [data-role="h1"] { display: none !important; }
body.mc-v4.mc-mustang-page .layout-column-aside { display: none !important; }
body.mc-v4.mc-mustang-page .layout-columns { display: block !important; }
body.mc-v4.mc-mustang-page .layout-column-content { width: 100% !important; max-width: 100% !important; flex: 1 1 100% !important; padding: 0 !important; }
/* Корень серии во всю ширину БЕЗ 100vw: контейнеры над ним — во всю ширину и без полей, #mc-page просто занимает их.
   🔴 13.10.2026: 100vw включает полосу прокрутки, а у v4 она не накладная (8px, v4-site.css) — страница вылезала вбок
   на 4px и контент съезжал относительно шапки; на 1920 margin:0 у контейнера (max-width 1732) прижимал его влево,
   и вырез calc(50% − 50vw) сдвигал страницу на −94px с пустой полосой справа. */
body.mc-v4.mc-mustang-page .bitrix-news-detail,
body.mc-v4.mc-mustang-page .bitrix-news.news { width: auto !important; max-width: none !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
/* хлебные крошки вендора лежат поверх первого экрана (положение — как в madcat-detail.css: верхний отступ hero
   под них и рассчитан), вид — моно-подпись v4 */
body.mc-v4.mc-mustang-page [data-role="breadcrumb"] { position: relative; z-index: 6; background: transparent !important; margin-bottom: -40px !important; padding-top: 10px !important; pointer-events: none; }
/* колонка крошек = колонка текста первого экрана (.mc-wrap): начинаются над строкой «Москва · …» */
body.mc-v4.mc-mustang-page [data-role="breadcrumb"] { box-sizing: border-box; max-width: var(--mc-maxw) !important; margin-left: auto !important; margin-right: auto !important; padding-left: var(--mc-pad) !important; padding-right: var(--mc-pad) !important; }
body.mc-v4.mc-mustang-page [data-role="breadcrumb"] a { pointer-events: auto; }
body.mc-v4.mc-mustang-page .c-breadcrumb,
body.mc-v4.mc-mustang-page .c-breadcrumb * { font-family: var(--mc-mono) !important; font-size: 12px !important; letter-spacing: .02em; color: var(--v4-muted) !important; background: transparent !important; }
body.mc-v4.mc-mustang-page .c-breadcrumb a:hover { color: var(--v4-lamp) !important; }
body.mc-v4.mc-mustang-page .c-breadcrumb svg { fill: var(--v4-faint) !important; stroke: var(--v4-faint) !important; }
body.mc-v4.mc-mustang-page .footer-subinfo,
body.mc-v4.mc-mustang-page .footer-subscribe,
body.mc-v4.mc-mustang-page .footer-bottom .flex { display: none !important; }

body.mc-v4 #mc-page {
    background: var(--v4-bg);
    /* clip, а не hidden: hidden делает блок контейнером прокрутки, и липкое фото этапов (sticky) перестаёт липнуть */
    overflow: hidden;
}
@supports (overflow: clip) { body.mc-v4 #mc-page { overflow: clip; } }

/* задержка «включения» по номеру в ряду: прозрачность, трубки и узлы зажигаются лесенкой */
body.mc-v4 #mc-page .mc-reveal[data-d="1"] { --d: .08s; }
body.mc-v4 #mc-page .mc-reveal[data-d="2"] { --d: .16s; }
body.mc-v4 #mc-page .mc-reveal[data-d="3"] { --d: .24s; }
body.mc-v4 #mc-page .mc-reveal[data-d="4"] { --d: .32s; }
body.mc-v4 #mc-page .mc-reveal { opacity: 0; transform: translateY(var(--v4-reveal-y)); transition: opacity var(--v4-reveal-t) var(--v4-ease) var(--d, 0s), transform var(--v4-reveal-t) var(--v4-ease) var(--d, 0s); }
body.mc-v4 #mc-page .mc-reveal.in { opacity: 1; transform: none; }

/* -------------------------------------------------------------------------
   ОБЩЕЕ: секция, шапка секции, подпись-трубка
   ------------------------------------------------------------------------- */
body.mc-v4 #mc-page .mc-section { position: relative; padding-block: var(--v4-sec-xl); }
body.mc-v4 #mc-page .mc-shead { max-width: 820px; margin-bottom: var(--v4-head-mb-xl); }
/* подпись секции — как подпись поста главной: моно, приглушённая, перед ней трубка (горит, когда шапка в кадре) */
body.mc-v4 #mc-page .mc-eyebrow {
    display: flex; align-items: center; gap: 14px; margin-bottom: 20px;
    font-family: var(--mc-mono); font-size: 12px; font-weight: 400; line-height: 1.4; letter-spacing: .22em; text-transform: uppercase; color: var(--v4-soft);
}
body.mc-v4 #mc-page .mc-eyebrow::before {
    content: ""; flex: none; width: 22px; height: 2px; background: var(--v4-tube);
    transition: background 1s var(--v4-ease) .3s, box-shadow 1s var(--v4-ease) .3s;
}
body.mc-v4 #mc-page .in > .mc-eyebrow::before,
body.mc-v4 #mc-page .mc-reveal.in .mc-eyebrow::before { background: var(--v4-lamp); box-shadow: var(--v4-glow); }
body.mc-v4 #mc-page .mc-shead h2 {
    margin: 0; 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-v4 #mc-page .mc-shead h2 em { font-style: normal; color: var(--v4-red-hi); }
body.mc-v4 #mc-page .mc-shead p { margin-top: 18px; max-width: 62ch; color: var(--v4-soft); font-size: var(--v4-lead); line-height: var(--v4-lead-lh); }

/* трубка над карточкой: погашена → загорается, когда карточка вошла в кадр (.in) */
body.mc-v4 #mc-page .mc-card::before,
body.mc-v4 #mc-page .mc-prod__card::before,
body.mc-v4 #mc-page .mc-good::before,
body.mc-v4 #mc-page .mc-gen::before {
    content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px;
    background: var(--v4-tube); transform: scaleX(.25); transform-origin: 0 50%;
    transition: transform .8s var(--v4-ease) calc(var(--d, 0s) + .15s), background 1s var(--v4-ease) calc(var(--d, 0s) + .35s), box-shadow 1s var(--v4-ease) calc(var(--d, 0s) + .35s);
}
body.mc-v4 #mc-page .mc-card.in::before,
body.mc-v4 #mc-page .mc-prod__card.in::before,
body.mc-v4 #mc-page .mc-good.in::before,
body.mc-v4 #mc-page .mc-gen.in::before { transform: none; background: var(--v4-lamp); box-shadow: var(--v4-glow); }

/* -------------------------------------------------------------------------
   ПЕРВЫЙ ЭКРАН
   ------------------------------------------------------------------------- */
body.mc-v4 #mc-page .mc-hero {
    position: relative; isolation: isolate; overflow: hidden; background: #000;
    min-height: clamp(560px, 88svh, 860px); display: flex; flex-direction: column; justify-content: flex-end;
}
body.mc-v4 #mc-page .mc-hero__photo { position: absolute; inset: 0; z-index: -3; background: var(--v4-bg) center right / cover no-repeat; }
/* темним только низ (под текст) и левый край; без красного свечения прежней темы */
body.mc-v4 #mc-page .mc-hero__scrim {
    position: absolute; inset: 0; z-index: -2;
    background:
        linear-gradient(180deg, rgba(5, 5, 6, .55) 0%, rgba(5, 5, 6, .12) 22%, rgba(5, 5, 6, .12) 46%, rgba(5, 5, 6, .86) 84%, var(--v4-bg) 100%),
        linear-gradient(98deg, rgba(5, 5, 6, .88) 0%, rgba(5, 5, 6, .52) 38%, rgba(5, 5, 6, 0) 68%);
}
body.mc-v4 #mc-page .mc-hero__grid { display: none; }
body.mc-v4 #mc-page .mc-hero__inner { padding-top: clamp(40px, 9vw, 90px); padding-bottom: clamp(44px, 7vw, 72px); }
/* «Москва · сервис Opel · с 2011 года» лежит на кадре → своя тёмная бирка, как подпись на фото главной */
body.mc-v4 #mc-page .mc-hero__loc {
    display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; width: fit-content; max-width: 100%;
    margin: 0 0 18px -12px; padding: 7px 12px 6px; background: rgba(5, 5, 6, .82);
    font-family: var(--mc-mono); font-size: 12px; line-height: 1.4; letter-spacing: .2em; text-transform: uppercase; color: var(--v4-soft);
}
body.mc-v4 #mc-page .mc-hero__loc b { color: var(--v4-red-hi); font-weight: 500; }
/* H1: интерлиньяж — общий --v4-lh-head 1.24 (аудит юзабилити, решение владельца 16.10.2026; было 1.1), кегли и
   модификаторы --long/--xlong — на шаг меньше прежних (×0,887: высота строки та же, «Записаться» над сгибом 1366×768). */
body.mc-v4 #mc-page .mc-hero h1 {
    margin: 0; font-family: var(--mc-display); font-weight: 700; text-transform: uppercase; letter-spacing: .3px;
    font-size: var(--v4-h1-xl); line-height: var(--v4-lh-head); color: var(--v4-lamp);
    text-shadow: 0 2px 24px rgba(0, 0, 0, .55); max-width: 100%; overflow-wrap: break-word;
}
body.mc-v4 #mc-page .mc-hero h1 span { display: block; }
/* вторая строка — трубка-вывеска «стенсилом», как второе слово вывески главной: светлый контур, тёмная заливка */
body.mc-v4 #mc-page .mc-hero h1 .mc-l2 { color: rgba(5, 5, 6, .55); -webkit-text-stroke: 2px var(--v4-lamp); }
@supports not (-webkit-text-stroke: 1px #fff) { body.mc-v4 #mc-page .mc-hero h1 .mc-l2 { color: var(--v4-lamp); } }
/* длинная вторая строка (порог — в hero.php) контуром в полкегля не читается → сплошная, красным текстом */
body.mc-v4 #mc-page .mc-hero h1 .mc-l2--sm { font-size: .5em; line-height: var(--v4-lh-head); margin-top: .2em; color: var(--v4-red-hi); -webkit-text-stroke: 0; }
body.mc-v4 #mc-page .mc-hero h1.mc-h1--long { font-size: clamp(32px, 10.6vw, 74px); }
body.mc-v4 #mc-page .mc-hero h1.mc-h1--xlong { font-size: clamp(25px, 8vw, 55px); }
body.mc-v4 #mc-page .mc-hero .mc-slogan { font-family: var(--mc-mono); font-size: 11.5px; letter-spacing: .24em; text-transform: uppercase; color: var(--v4-muted); }
body.mc-v4 #mc-page .mc-hero .mc-slogan b { color: var(--v4-red-hi); font-weight: 500; }
/* лид — с горящей трубкой слева, как плашка первого экрана главной */
body.mc-v4 #mc-page .mc-hero__sub {
    position: relative; max-width: 56ch; margin-top: 22px; padding-left: 20px;
    color: var(--v4-soft); font-size: clamp(16px, 1.35vw, 19px); line-height: 1.6;
}
body.mc-v4 #mc-page .mc-hero__sub::before { content: ""; position: absolute; left: 0; top: .3em; bottom: .3em; width: 2px; background: var(--v4-lamp); box-shadow: var(--v4-glow); }
body.mc-v4 #mc-page .mc-hero__sub b { color: var(--v4-ink); font-weight: 600; }
body.mc-v4 #mc-page .mc-hero__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
body.mc-v4 #mc-page .mc-hero__msgrs { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; margin-top: 22px; }
body.mc-v4 #mc-page .mc-hero__msgrs > span { font-family: var(--mc-mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--v4-soft); }

/* цифры-факты — табло как «цифры цеха» главной: сетка через линию 1px, числа светом, единица красным текстом */
body.mc-v4 #mc-page .mc-specs {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; max-width: 680px; margin-top: 34px;
    background: var(--v4-line); border-block: 1px solid var(--v4-line);
}
body.mc-v4 #mc-page .mc-spec { background: var(--v4-bg-card); padding: 18px 20px 20px; }
body.mc-v4 #mc-page .mc-spec b {
    display: block; font-family: var(--mc-display); font-weight: 700; font-size: clamp(26px, 3.2vw, 40px); line-height: 1; color: var(--v4-lamp);
    word-break: keep-all; overflow-wrap: normal;
}
body.mc-v4 #mc-page .mc-spec b em { font-style: normal; color: var(--v4-red-hi); }
body.mc-v4 #mc-page .mc-spec small { display: block; margin-top: 9px; font-size: 12.5px; line-height: 1.4; color: var(--v4-muted); }
body.mc-v4 #mc-page .mc-spec--sm b { font-size: clamp(17px, 4.4vw, 23px); letter-spacing: .2px; }
body.mc-v4 #mc-page .mc-specs--3 > .mc-spec:last-child { grid-column: 1 / -1; }
@media (min-width: 1100px) {
    body.mc-v4 #mc-page .mc-specs { grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: none; }
    body.mc-v4 #mc-page .mc-specs--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    body.mc-v4 #mc-page .mc-specs--3 > .mc-spec:last-child { grid-column: auto; }
}

/* бегущая строка — темы страницы (владелец 13.10.2026: оставить). Под первым экраном, по верхней кромке горит трубка
   во всю ширину, как линия светильника над постом; разделитель — ромб, как узел маршрута главной. Края гаснут,
   при наведении строка встаёт. Список в разметке напечатан дважды — сдвиг на −50% даёт бесшовный круг. */
body.mc-v4 #mc-page .mc-marquee {
    position: relative; z-index: 2; overflow: hidden; background: var(--v4-bg); border-bottom: 1px solid var(--v4-line);
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
body.mc-v4 #mc-page .mc-marquee::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--v4-lamp); box-shadow: var(--v4-glow); }
body.mc-v4 #mc-page .mc-marquee__track { display: flex; width: max-content; padding: 20px 0 18px; animation: mc-v4-slide 40s linear infinite; }
body.mc-v4 #mc-page .mc-marquee:hover .mc-marquee__track { animation-play-state: paused; }
body.mc-v4 #mc-page .mc-marquee__track span {
    display: inline-flex; align-items: center; white-space: nowrap;
    font-family: var(--mc-display); font-weight: 600; font-size: 17px; line-height: 1.2; letter-spacing: .08em; text-transform: uppercase; color: var(--v4-muted);
}
body.mc-v4 #mc-page .mc-marquee__track span::after { content: ""; flex: none; width: 7px; height: 7px; margin: 0 30px; transform: rotate(45deg); border: 1.5px solid rgba(242, 245, 247, .4); }
@keyframes mc-v4-slide { to { transform: translateX(-50%); } }

/* -------------------------------------------------------------------------
   КАРТОЧКИ С НОМЕРОМ (причины, «почему мы») — без рамок: трубка → номер → заголовок
   ------------------------------------------------------------------------- */
body.mc-v4 #mc-page .mc-cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: 38px clamp(24px, 2.8vw, 44px); }
body.mc-v4 #mc-page .mc-card { position: relative; padding-top: 22px; }
body.mc-v4 #mc-page .mc-card__glow { display: none; }
body.mc-v4 #mc-page .mc-card__no { font-family: var(--mc-mono); font-size: 12px; letter-spacing: .18em; color: var(--v4-red-hi); }
body.mc-v4 #mc-page .mc-card h3 { margin-top: 12px; 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-v4 #mc-page .mc-card p { margin-top: 10px; color: var(--v4-soft); font-size: 15px; line-height: 1.6; }
/* значок карточки (отдельные лендинги) — линейная иконка красным, без плашки, как значки строк «Диагностики» главной */
body.mc-v4 #mc-page .mc-card__ic { width: 28px; height: 28px; margin: 16px 0 2px; color: var(--v4-red-hi); }
body.mc-v4 #mc-page .mc-card__ic svg { width: 28px; height: 28px; }
@media (min-width: 769px) { body.mc-v4 #mc-page .mc-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* -------------------------------------------------------------------------
   СИМПТОМЫ «когда пора» — строки между линиями, как «Диагностика» главной; значок «!» красным
   ------------------------------------------------------------------------- */
body.mc-v4 #mc-page .mc-symp { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: clamp(28px, 4vw, 64px); border-top: 1px solid var(--v4-line); }
body.mc-v4 #mc-page .mc-symp__i { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 16px; padding: 24px 0; border-bottom: 1px solid var(--v4-line); }
body.mc-v4 #mc-page .mc-symp__mark { position: relative; width: 22px; height: 22px; }
body.mc-v4 #mc-page .mc-symp__mark::before,
body.mc-v4 #mc-page .mc-symp__mark::after { content: ""; position: absolute; left: 10px; width: 3px; background: var(--v4-red-hi); }
body.mc-v4 #mc-page .mc-symp__mark::before { top: 2px; height: 12px; }
body.mc-v4 #mc-page .mc-symp__mark::after { top: 17px; height: 3px; }
body.mc-v4 #mc-page .mc-symp__i b { display: block; font-family: var(--mc-display); font-weight: 600; text-transform: uppercase; font-size: clamp(17px, 1.5vw, 20px); line-height: var(--v4-lh-head); letter-spacing: .02em; color: var(--v4-ink); }
body.mc-v4 #mc-page .mc-symp__i p { margin-top: 8px; color: var(--v4-soft); font-size: 15px; line-height: 1.55; }
/* вывод под списком — плашка с трубкой слева, срез внизу справа */
body.mc-v4 #mc-page .mc-symp__note {
    position: relative; margin-top: 30px; padding: 20px 24px 22px 26px; max-width: 900px; background: var(--v4-bg-2);
    color: var(--v4-ink); font-size: 15.5px; line-height: 1.6;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--v4-cut-panel)), calc(100% - var(--v4-cut-panel)) 100%, 0 100%);
}
body.mc-v4 #mc-page .mc-symp__note::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--v4-lamp); box-shadow: var(--v4-glow); }
body.mc-v4 #mc-page .mc-symp__note b { color: var(--v4-red-hi); }
/* знак предупреждения в строке (флаг 'warn' у карточки/пункта, в сыром HTML конфига — span.mc-warn; вместо эмодзи 🔴, 13.10.2026):
   тот же «!», что у симптомов, в размер текста */
body.mc-v4 #mc-page .mc-warn { display: inline-block; position: relative; width: 3px; height: .78em; margin: 0 .55em 0 .1em; vertical-align: -.02em; }
body.mc-v4 #mc-page .mc-warn::before,
body.mc-v4 #mc-page .mc-warn::after { content: ""; position: absolute; left: 0; width: 3px; background: var(--v4-red-hi); }
body.mc-v4 #mc-page .mc-warn::before { top: 0; height: .5em; }
body.mc-v4 #mc-page .mc-warn::after { bottom: 0; height: 3px; }
@media (min-width: 769px) { body.mc-v4 #mc-page .mc-symp { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* -------------------------------------------------------------------------
   ЭТАПЫ РАБОТ — фото со срезом + маршрут: трубка, узлы-ромбы загораются по ходу прокрутки
   ------------------------------------------------------------------------- */
body.mc-v4 #mc-page .mc-proc { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(32px, 5vw, 84px); align-items: start; }
body.mc-v4 #mc-page .mc-proc__media {
    position: relative; aspect-ratio: 4 / 5; max-height: 620px; 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-v4 #mc-page .mc-proc__media img { width: 100%; height: 100%; object-fit: cover; }
body.mc-v4 #mc-page .mc-steps { position: relative; padding-left: 44px; }
body.mc-v4 #mc-page .mc-steps::before { content: ""; position: absolute; left: 7px; top: 10px; bottom: 10px; width: 2px; background: var(--v4-tube); }
body.mc-v4 #mc-page .mc-step { position: relative; padding-bottom: 36px; }
body.mc-v4 #mc-page .mc-step:last-child { padding-bottom: 0; }
/* узел — ромб (квадрат под 45°), не круг */
body.mc-v4 #mc-page .mc-step::before {
    content: ""; position: absolute; left: -43px; top: 3px; width: 12px; height: 12px; transform: rotate(45deg);
    background: var(--v4-bg); border: 2px solid rgba(242, 245, 247, .24);
    transition: background .5s var(--v4-ease) calc(var(--d, 0s) + .3s), border-color .5s var(--v4-ease) calc(var(--d, 0s) + .3s), box-shadow .5s var(--v4-ease) calc(var(--d, 0s) + .3s);
}
body.mc-v4 #mc-page .mc-step.in::before { background: var(--v4-lamp); border-color: var(--v4-lamp); box-shadow: var(--v4-glow); }
body.mc-v4 #mc-page .mc-step__n { font-family: var(--mc-mono); font-size: 11.5px; line-height: 1.4; letter-spacing: .18em; color: var(--v4-faint); transition: color .5s var(--v4-ease) calc(var(--d, 0s) + .3s); }
body.mc-v4 #mc-page .mc-step.in .mc-step__n { color: var(--v4-red-hi); }
body.mc-v4 #mc-page .mc-step__t 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-v4 #mc-page .mc-step__t p { margin-top: 8px; max-width: 62ch; color: var(--v4-soft); line-height: 1.6; }
@media (min-width: 900px) {
    body.mc-v4 #mc-page .mc-proc { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
    body.mc-v4 #mc-page .mc-proc__media { position: sticky; top: var(--v4-sticky-top); }
}

/* -------------------------------------------------------------------------
   ЧТО ВХОДИТ — как карточки «Производства» главной: трубка → заголовок → перечень с короткими трубками
   ------------------------------------------------------------------------- */
body.mc-v4 #mc-page .mc-prod-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 42px clamp(24px, 3vw, 56px); }
body.mc-v4 #mc-page .mc-prod__card { position: relative; padding-top: 22px; }
body.mc-v4 #mc-page .mc-prod__card 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-v4 #mc-page .mc-prod__card > p { margin-top: 10px; color: var(--v4-soft); line-height: 1.6; }
body.mc-v4 #mc-page .mc-prod__card ul { margin-top: 14px; }
body.mc-v4 #mc-page .mc-prod__card li { position: relative; padding: 5px 0 5px 22px; color: var(--v4-muted); font-size: 14.5px; line-height: 1.5; }
body.mc-v4 #mc-page .mc-prod__card li::before { content: ""; position: absolute; left: 0; top: 15px; width: 10px; height: 2px; background: var(--v4-lamp); }
/* верх карточки «Производство» (отдельные лендинги): значок светом + бирка красным текстом, без рамок */
body.mc-v4 #mc-page .mc-prod__top { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
body.mc-v4 #mc-page .mc-prod__ic { flex: none; width: 30px; height: 30px; color: var(--v4-lamp); }
body.mc-v4 #mc-page .mc-prod__ic svg { width: 30px; height: 30px; }
body.mc-v4 #mc-page .mc-prod__tag { font-family: var(--mc-mono); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--v4-red-hi); white-space: nowrap; }
@media (min-width: 769px) { body.mc-v4 #mc-page .mc-prod-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* -------------------------------------------------------------------------
   СТУПЕНИ ТЮНИНГА (tpl/sections/stages.php, camaro.php) — как карточки: трубка сверху, мощность светом,
   шкала — трубка, которая заполняется светом, когда ступень вошла в кадр
   ------------------------------------------------------------------------- */
body.mc-v4 #mc-page .mc-stages { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px clamp(24px, 2.6vw, 40px); }
body.mc-v4 #mc-page .mc-stage { position: relative; display: flex; flex-direction: column; padding-top: 22px; }
body.mc-v4 #mc-page .mc-stage::before {
    content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--v4-tube); transform: scaleX(.25); transform-origin: 0 50%;
    transition: transform .8s var(--v4-ease) calc(var(--d, 0s) + .15s), background 1s var(--v4-ease) calc(var(--d, 0s) + .35s), box-shadow 1s var(--v4-ease) calc(var(--d, 0s) + .35s);
}
body.mc-v4 #mc-page .mc-stage.in::before { transform: none; background: var(--v4-lamp); box-shadow: var(--v4-glow); }
body.mc-v4 #mc-page .mc-stage__img {
    margin-bottom: 18px; aspect-ratio: 4 / 3; overflow: hidden; background: var(--v4-bg-card);
    clip-path: polygon(0 0, calc(100% - var(--v4-cut-l)) 0, 100% var(--v4-cut-l), 100% 100%, var(--v4-cut-l) 100%, 0 calc(100% - var(--v4-cut-l)));
}
body.mc-v4 #mc-page .mc-stage__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--v4-ease); }
@media (hover: hover) { body.mc-v4 #mc-page .mc-stage--img:hover .mc-stage__img img { transform: scale(1.04); } }
body.mc-v4 #mc-page .mc-stage__lvl { font-family: var(--mc-mono); font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--v4-muted); }
body.mc-v4 #mc-page .mc-stage h3 { margin: 8px 0 14px; font-family: var(--mc-display); font-weight: 700; text-transform: uppercase; font-size: clamp(24px, 2.4vw, 30px); line-height: var(--v4-lh-head); letter-spacing: .02em; color: var(--v4-ink); }
body.mc-v4 #mc-page .mc-stage__pwr { font-family: var(--mc-display); font-weight: 700; font-size: clamp(28px, 3vw, 38px); line-height: 1; color: var(--v4-lamp); white-space: nowrap; }
body.mc-v4 #mc-page .mc-stage__pwr em { margin-left: .3em; font-style: normal; font-size: 15px; letter-spacing: .02em; color: var(--v4-red-hi); }
body.mc-v4 #mc-page .mc-stage__bar { height: 2px; margin: 16px 0 18px; background: var(--v4-tube); }
body.mc-v4 #mc-page .mc-stage__bar i { display: block; height: 100%; background: var(--v4-lamp); box-shadow: var(--v4-glow); transform: scaleX(0); transform-origin: 0 50%; transition: transform 1.1s var(--v4-ease) calc(var(--d, 0s) + .45s); }
body.mc-v4 #mc-page .mc-stage.in .mc-stage__bar i { transform: none; }
body.mc-v4 #mc-page .mc-stage > p { flex: 1; color: var(--v4-soft); font-size: 14.5px; line-height: 1.6; }
body.mc-v4 #mc-page .mc-stage__link { align-self: flex-start; margin-top: 18px; padding-bottom: 5px; border-bottom: 1px solid var(--v4-line); font-family: var(--mc-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--v4-soft); transition: color .2s, border-color .2s; }
body.mc-v4 #mc-page .mc-stage__link:hover { color: var(--v4-lamp); border-color: var(--v4-lamp); }
/* верхняя ступень — трубка горит всегда, название светом */
body.mc-v4 #mc-page .mc-stage--top::before { transform: none; background: var(--v4-lamp); box-shadow: var(--v4-glow); }
body.mc-v4 #mc-page .mc-stage--top h3 { color: var(--v4-lamp); }
body.mc-v4 #mc-page .mc-stages-note { margin-top: 22px; font-size: 13px; line-height: 1.55; color: var(--v4-muted); }
@media (min-width: 769px) {
    body.mc-v4 #mc-page .mc-stages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1040px) {
    body.mc-v4 #mc-page .mc-stages { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    body.mc-v4 #mc-page .mc-stage__img { aspect-ratio: 4 / 5; }
}
/* три ступени — три колонки (ниже базовой сетки, иначе проиграет ей) */
@media (min-width: 769px) { body.mc-v4 #mc-page .mc-stages--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* -------------------------------------------------------------------------
   ЦЕНЫ — табло в рамке со срезом; цены светом, единицы и подписи — моно
   ------------------------------------------------------------------------- */
/* рамка: clip-path режет border, поэтому линия = фон блока, нутро — ::before (приём .v4-cut общего слоя) */
body.mc-v4 #mc-page .mc-price {
    position: relative; isolation: isolate; background: var(--v4-line);
    clip-path: polygon(0 0, calc(100% - var(--v4-cut-panel)) 0, 100% var(--v4-cut-panel), 100% 100%, var(--v4-cut-panel) 100%, 0 calc(100% - var(--v4-cut-panel)));
}
body.mc-v4 #mc-page .mc-price::before {
    content: ""; position: absolute; inset: 1px; z-index: -1; background: var(--v4-bg-2);
    clip-path: polygon(0 0, calc(100% - var(--v4-cut-panel)) 0, 100% var(--v4-cut-panel), 100% 100%, var(--v4-cut-panel) 100%, 0 calc(100% - var(--v4-cut-panel)));
}
body.mc-v4 #mc-page .mc-price__t { width: 100%; border-collapse: collapse; }
body.mc-v4 #mc-page .mc-price__t thead th {
    padding: 18px 24px 14px; border-bottom: 1px solid var(--v4-line); text-align: left; font-weight: 400; white-space: nowrap;
    font-family: var(--mc-mono); font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--v4-muted);
}
body.mc-v4 #mc-page .mc-price__t tbody td { padding: 17px 24px; border-bottom: 1px solid rgba(242, 245, 247, .06); vertical-align: top; font-size: 15px; line-height: 1.5; color: var(--v4-soft); white-space: nowrap; }
body.mc-v4 #mc-page .mc-price__t tbody tr:last-child td { border-bottom: 0; }
body.mc-v4 #mc-page .mc-price__t td:first-child { white-space: normal; min-width: 260px; color: var(--v4-ink); font-weight: 600; }
body.mc-v4 #mc-page .mc-price__v { font-family: var(--mc-display); font-weight: 600; font-size: 18px; letter-spacing: .02em; color: var(--v4-lamp); }
@media (hover: hover) { body.mc-v4 #mc-page .mc-price__t tbody tr:hover td { background: rgba(242, 245, 247, .06); } }
body.mc-v4 #mc-page .mc-price__note { padding: 16px 24px 18px; border-top: 1px solid var(--v4-line); color: var(--v4-muted); font-size: 14px; line-height: 1.6; }
body.mc-v4 #mc-page .mc-price__note b { color: var(--v4-ink); }
/* узкий экран: прокручивается только таблица, страница вбок не едет */
@media (max-width: 768px) {
    body.mc-v4 #mc-page .mc-price__t { display: block; overflow-x: auto; }
    body.mc-v4 #mc-page .mc-price__t thead th,
    body.mc-v4 #mc-page .mc-price__t tbody td { padding: 14px 16px; }
    body.mc-v4 #mc-page .mc-price__t td:first-child { min-width: 220px; }
    body.mc-v4 #mc-page .mc-price__note { padding: 14px 16px 16px; }
}

/* -------------------------------------------------------------------------
   АККОРДЕОН и ВОПРОСЫ — строки между линиями; у открытого пункта загорается трубка слева
   ------------------------------------------------------------------------- */
body.mc-v4 #mc-page .mc-acc { max-width: 920px; border-top: 1px solid var(--v4-line); }
body.mc-v4 #mc-page .mc-acc__item { position: relative; border-bottom: 1px solid var(--v4-line); }
body.mc-v4 #mc-page .mc-acc__item::before {
    content: ""; position: absolute; left: 0; top: -1px; bottom: -1px; width: 2px; z-index: 1;
    background: var(--v4-lamp); box-shadow: var(--v4-glow); transform: scaleY(0); transform-origin: 50% 0; transition: transform .4s var(--v4-ease);
}
body.mc-v4 #mc-page .mc-acc__item.is-open::before { transform: none; }
body.mc-v4 #mc-page .mc-acc__btn { width: 100%; display: flex; align-items: center; gap: 18px; padding: 22px 4px 22px 0; text-align: left; transition: padding-left .35s var(--v4-ease); }
body.mc-v4 #mc-page .mc-acc__item.is-open .mc-acc__btn { padding-left: 22px; }
body.mc-v4 #mc-page .mc-acc__num { flex: none; font-family: var(--mc-mono); font-size: 12px; letter-spacing: .14em; color: var(--v4-faint); transition: color .3s; }
body.mc-v4 #mc-page .mc-acc__item.is-open .mc-acc__num { color: var(--v4-red-hi); }
body.mc-v4 #mc-page .mc-acc__btn h3 { flex: 1; font-family: var(--mc-display); font-weight: 600; text-transform: uppercase; font-size: clamp(17px, 1.7vw, 22px); line-height: var(--v4-lh-head); letter-spacing: .02em; color: var(--v4-ink); }
/* плюс из двух трубок без кружка; открыт — вертикальная гаснет, остаётся минус светом */
body.mc-v4 #mc-page .mc-acc__plus { position: relative; flex: none; width: 18px; height: 18px; }
body.mc-v4 #mc-page .mc-acc__plus::before,
body.mc-v4 #mc-page .mc-acc__plus::after { content: ""; position: absolute; left: 50%; top: 50%; background: var(--v4-soft); transition: transform .35s var(--v4-ease), background .3s; }
body.mc-v4 #mc-page .mc-acc__plus::before { width: 16px; height: 2px; transform: translate(-50%, -50%); }
body.mc-v4 #mc-page .mc-acc__plus::after { width: 2px; height: 16px; transform: translate(-50%, -50%); }
body.mc-v4 #mc-page .mc-acc__item.is-open .mc-acc__plus::before { background: var(--v4-lamp); }
body.mc-v4 #mc-page .mc-acc__item.is-open .mc-acc__plus::after { transform: translate(-50%, -50%) scaleY(0); }
@media (hover: hover) {
    body.mc-v4 #mc-page .mc-acc__btn:hover .mc-acc__plus::before,
    body.mc-v4 #mc-page .mc-acc__btn:hover .mc-acc__plus::after { background: var(--v4-lamp); }
}
body.mc-v4 #mc-page .mc-acc__body { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .4s var(--v4-ease); }
body.mc-v4 #mc-page .mc-acc__item.is-open .mc-acc__body { grid-template-rows: 1fr; }
body.mc-v4 #mc-page .mc-acc__inner { overflow: hidden; }
/* текст ответа — под заголовком вопроса (отступ = трубка 22 + номер ~18 + зазор 18) */
body.mc-v4 #mc-page .mc-acc__content { padding: 0 4px 24px 58px; max-width: 80ch; color: var(--v4-soft); font-size: var(--v4-text); line-height: 1.7; }
body.mc-v4 #mc-page .mc-acc__content p { margin-bottom: 12px; }
body.mc-v4 #mc-page .mc-acc__content p:last-child { margin-bottom: 0; }
body.mc-v4 #mc-page .mc-acc__content strong,
body.mc-v4 #mc-page .mc-acc__content b { color: var(--v4-ink); font-weight: 600; }
body.mc-v4 #mc-page .mc-acc__content a { color: var(--v4-lamp); border-bottom: 1px solid var(--v4-line); }
body.mc-v4 #mc-page .mc-acc__content ul { margin: 6px 0 12px; display: grid; gap: 8px; }
body.mc-v4 #mc-page .mc-acc__content li { position: relative; padding-left: 22px; }
body.mc-v4 #mc-page .mc-acc__content li::before { content: ""; position: absolute; left: 0; top: .8em; width: 10px; height: 2px; background: var(--v4-lamp); }
/* появление пункта при смене темы (madcat-detail.js сбрасывает style.animation, чтобы проиграть заново) */
body.mc-v4 #mc-page .mc-acc[data-mc-faq] .mc-acc__item { animation: mc-v4-fade .32s var(--v4-ease) both; }
@keyframes mc-v4-fade { from { opacity: 0; } to { opacity: 1; } }

/* темы вопросов — плашки со срезом: погашенная контуром, выбранная горит панелью, как главная кнопка */
body.mc-v4 #mc-page .mc-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 30px; }
body.mc-v4 #mc-page .mc-tab {
    position: relative; isolation: isolate; padding: 11px 18px 10px; background: var(--v4-line);
    font-family: var(--mc-mono); font-size: 12px; line-height: 1.3; letter-spacing: .14em; text-transform: uppercase; color: var(--v4-soft);
    clip-path: polygon(0 0, calc(100% - var(--v4-cut-s)) 0, 100% var(--v4-cut-s), 100% 100%, var(--v4-cut-s) 100%, 0 calc(100% - var(--v4-cut-s)));
    transition: color .2s, background .2s;
}
body.mc-v4 #mc-page .mc-tab::before {
    content: ""; position: absolute; inset: 1px; z-index: -1; background: var(--v4-bg); transition: background .2s;
    clip-path: polygon(0 0, calc(100% - var(--v4-cut-s)) 0, 100% var(--v4-cut-s), 100% 100%, var(--v4-cut-s) 100%, 0 calc(100% - var(--v4-cut-s)));
}
body.mc-v4 #mc-page .mc-tab:hover { color: var(--v4-lamp); background: rgba(242, 245, 247, .4); }
body.mc-v4 #mc-page .mc-tab.is-active { color: #050506; background: var(--v4-lamp); }
body.mc-v4 #mc-page .mc-tab.is-active::before { background: var(--v4-lamp); }

/* -------------------------------------------------------------------------
   ФОТОПОЛОСА «свой цех» — как «Ремзона» главной: кадр во всю ширину, подпись на бирке, цифры табло
   ------------------------------------------------------------------------- */
body.mc-v4 #mc-page .mc-band { position: relative; isolation: isolate; overflow: hidden; min-height: clamp(460px, 72vh, 720px); display: flex; align-items: flex-end; }
body.mc-v4 #mc-page .mc-band__img { position: absolute; inset: 0; z-index: -2; background-size: cover; background-position: center; }
body.mc-v4 #mc-page .mc-band__scrim { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(5, 5, 6, .45) 0%, rgba(5, 5, 6, .1) 32%, rgba(5, 5, 6, .88) 76%, var(--v4-bg) 100%); }
/* 'shade' => 'left' и 'align' => 'right' — затемнение под колонкой текста (Mokka, Corvette; см. band.php) */
body.mc-v4 #mc-page .mc-band--shade-left .mc-band__scrim {
    background:
        linear-gradient(90deg, rgba(5, 5, 6, .86) 0%, rgba(5, 5, 6, .72) 38%, rgba(5, 5, 6, .3) 60%, rgba(5, 5, 6, 0) 76%),
        linear-gradient(180deg, rgba(5, 5, 6, .45) 0%, rgba(5, 5, 6, .1) 32%, rgba(5, 5, 6, .88) 76%, var(--v4-bg) 100%);
}
@media (min-width: 900px) {
    body.mc-v4 #mc-page .mc-band--right .mc-band__in { display: flex; flex-direction: column; align-items: flex-end; }
    body.mc-v4 #mc-page .mc-band--right .mc-band__in > * { width: 100%; max-width: 640px; }
    /* плитка в колонке 640 — 177 px: «10:00–20:00» кеглем 38 вылезал на 26 px (Mustang, GMC; владелец 26.10.2026) */
    body.mc-v4 #mc-page .mc-band--right .mc-band-stats b { font-size: clamp(26px, 2.2vw, 32px); }
    body.mc-v4 #mc-page .mc-band--right .mc-band__scrim {
        background:
            linear-gradient(270deg, rgba(5, 5, 6, .86) 0%, rgba(5, 5, 6, .72) 42%, rgba(5, 5, 6, .3) 62%, rgba(5, 5, 6, 0) 76%),
            linear-gradient(180deg, rgba(5, 5, 6, .45) 0%, rgba(5, 5, 6, .1) 32%, rgba(5, 5, 6, .88) 76%, var(--v4-bg) 100%);
    }
}
body.mc-v4 #mc-page .mc-band__in { width: 100%; padding-block: 120px clamp(48px, 6vw, 72px); }
/* подпись ложится на лампы и стены кадра → глухая бирка, иначе моно-кегль 12 не читается */
body.mc-v4 #mc-page .mc-band__in .mc-eyebrow { width: fit-content; margin-left: -10px; padding: 7px 10px 6px; background: rgba(5, 5, 6, .82); color: var(--v4-soft); }
body.mc-v4 #mc-page .mc-band__in .mc-eyebrow::before { background: var(--v4-lamp); box-shadow: var(--v4-glow); }
body.mc-v4 #mc-page .mc-band__in h2 {
    margin: 0; max-width: 20ch; 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);
    text-shadow: 0 2px 20px rgba(0, 0, 0, .5); overflow-wrap: normal; word-break: keep-all;
}
body.mc-v4 #mc-page .mc-band__in h2 em { font-style: normal; color: var(--v4-red-hi); }
body.mc-v4 #mc-page .mc-band__in p { margin-top: 18px; max-width: 56ch; color: var(--v4-soft); font-size: clamp(15px, 1.3vw, 18px); line-height: 1.65; }
body.mc-v4 #mc-page .mc-band-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; max-width: 820px; margin-top: 34px; background: var(--v4-line); border-block: 1px solid var(--v4-line); }
body.mc-v4 #mc-page .mc-band-stats div { background: var(--v4-bg-card); padding: 20px 18px 22px; }
body.mc-v4 #mc-page .mc-band-stats b { display: block; font-family: var(--mc-display); font-weight: 700; font-size: clamp(26px, 2.6vw, 38px); line-height: 1; color: var(--v4-lamp); white-space: nowrap; }
body.mc-v4 #mc-page .mc-band-stats b em { font-style: normal; color: var(--v4-red-hi); }
body.mc-v4 #mc-page .mc-band-stats small { display: block; margin-top: 9px; font-size: 13px; line-height: 1.45; color: var(--v4-muted); }

/* -------------------------------------------------------------------------
   ГРУППЫ МОДЕЛЕЙ (хаб) — «световая рейка», как марки главной: без рамок, под моделью трубка
   ------------------------------------------------------------------------- */
body.mc-v4 #mc-page .mc-grp { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px 20px; margin: 52px 0 6px; padding-bottom: 14px; border-bottom: 1px solid var(--v4-line); }
body.mc-v4 #mc-page .mc-shead + .mc-grp { margin-top: 0; }
body.mc-v4 #mc-page .mc-grp__t { font-family: var(--mc-display); font-weight: 600; text-transform: uppercase; font-size: clamp(21px, 2.2vw, 30px); line-height: var(--v4-lh-head); letter-spacing: .02em; color: var(--v4-ink); }
body.mc-v4 #mc-page .mc-grp__t small { margin-left: 12px; vertical-align: middle; font-family: var(--mc-mono); font-size: 11px; font-weight: 400; letter-spacing: .14em; text-transform: uppercase; color: var(--v4-muted); }
body.mc-v4 #mc-page .mc-grp__all { padding-bottom: 5px; border-bottom: 1px solid var(--v4-line); white-space: nowrap; font-family: var(--mc-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--v4-soft); transition: color .2s, border-color .2s; }
body.mc-v4 #mc-page .mc-grp__all:hover { color: var(--v4-lamp); border-color: var(--v4-lamp); }
body.mc-v4 #mc-page .mc-mdl-grid { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: clamp(24px, 2.8vw, 44px); }
body.mc-v4 #mc-page .mc-mdl { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 22px 0 24px; }
body.mc-v4 #mc-page .mc-mdl::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--v4-tube); transition: background .4s var(--v4-ease), box-shadow .4s var(--v4-ease); }
body.mc-v4 #mc-page .mc-mdl b { display: block; font-family: var(--mc-display); font-weight: 600; text-transform: uppercase; font-size: clamp(19px, 1.7vw, 23px); line-height: var(--v4-lh-head); letter-spacing: .02em; color: var(--v4-ink); transition: color .2s; }
body.mc-v4 #mc-page .mc-mdl small { display: block; margin-top: 5px; font-family: var(--mc-mono); font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--v4-muted); }
body.mc-v4 #mc-page .mc-mdl__go,
body.mc-v4 #mc-page .mc-gen__go { flex: none; width: 22px; height: 22px; color: var(--v4-soft); transition: transform .3s var(--v4-ease), color .3s; }
body.mc-v4 #mc-page .mc-mdl__go svg,
body.mc-v4 #mc-page .mc-gen__go svg { width: 22px; height: 22px; }
@media (hover: hover) {
    body.mc-v4 #mc-page .mc-mdl:hover::after { background: var(--v4-lamp); box-shadow: var(--v4-glow); }
    body.mc-v4 #mc-page .mc-mdl:hover b { color: var(--v4-lamp); }
    body.mc-v4 #mc-page .mc-mdl:hover .mc-mdl__go,
    body.mc-v4 #mc-page .mc-gen:hover .mc-gen__go { color: var(--v4-lamp); transform: translateX(4px); }
}
body.mc-v4 #mc-page .mc-gens__all { margin-top: 40px; }
@media (min-width: 600px) { body.mc-v4 #mc-page .mc-mdl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1025px) { body.mc-v4 #mc-page .mc-mdl-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
/* карточка поколения с фото (группа 'photo' в конфиге и эталонные лендинги): трубка → кадр со срезом → название */
body.mc-v4 #mc-page .mc-gen-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px clamp(24px, 2.6vw, 40px); margin-top: 24px; }
body.mc-v4 #mc-page .mc-gen { position: relative; display: block; padding-top: 16px; }
body.mc-v4 #mc-page .mc-gen__img {
    position: relative; aspect-ratio: 16 / 10; display: flex; align-items: flex-end; padding: 16px; overflow: hidden;
    background: var(--v4-bg-card) center / cover no-repeat;
    clip-path: polygon(0 0, calc(100% - var(--v4-cut-l)) 0, 100% var(--v4-cut-l), 100% 100%, var(--v4-cut-l) 100%, 0 calc(100% - var(--v4-cut-l)));
}
body.mc-v4 #mc-page .mc-gen__img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 5, 6, 0) 55%, rgba(5, 5, 6, .6)); }
body.mc-v4 #mc-page .mc-gen__badge { position: relative; z-index: 1; padding: 6px 10px; background: rgba(5, 5, 6, .82); font-family: var(--mc-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--v4-soft); }
body.mc-v4 #mc-page .mc-gen__body { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 18px; }
body.mc-v4 #mc-page .mc-gen__body 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-v4 #mc-page .mc-gen__body small { display: block; margin-top: 4px; font-family: var(--mc-mono); font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--v4-muted); }
@media (min-width: 769px) { body.mc-v4 #mc-page .mc-gen-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1025px) {
    body.mc-v4 #mc-page .mc-gen-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    body.mc-v4 #mc-page .mc-gen-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    body.mc-v4 #mc-page .mc-gen-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* -------------------------------------------------------------------------
   НАШИ ДЕТАЛИ (madtun.ru) — трубка → кадр со срезом → бирка, название, ссылки моно
   ------------------------------------------------------------------------- */
body.mc-v4 #mc-page .mc-goods { display: grid; grid-template-columns: minmax(0, 1fr); gap: 44px clamp(24px, 2.6vw, 40px); }
body.mc-v4 #mc-page .mc-good { position: relative; display: flex; flex-direction: column; padding-top: 16px; }
body.mc-v4 #mc-page .mc-good__img {
    display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--v4-bg-card);
    clip-path: polygon(0 0, calc(100% - var(--v4-cut-l)) 0, 100% var(--v4-cut-l), 100% 100%, var(--v4-cut-l) 100%, 0 calc(100% - var(--v4-cut-l)));
}
body.mc-v4 #mc-page .mc-good__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--v4-ease); }
@media (hover: hover) { body.mc-v4 #mc-page .mc-good:hover .mc-good__img img { transform: scale(1.04); } }
body.mc-v4 #mc-page .mc-good__body { display: flex; flex-direction: column; flex: 1; padding-top: 18px; }
body.mc-v4 #mc-page .mc-good__tag { font-family: var(--mc-mono); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--v4-red-hi); }
body.mc-v4 #mc-page .mc-good 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-v4 #mc-page .mc-good p { margin-top: 10px; color: var(--v4-soft); font-size: 14.5px; line-height: 1.55; }
body.mc-v4 #mc-page .mc-good .mc-nw { white-space: nowrap; }
body.mc-v4 #mc-page .mc-good__go { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-top: auto; padding-top: 18px; }
body.mc-v4 #mc-page .mc-good__go a { padding-bottom: 5px; border-bottom: 1px solid var(--v4-line); font-family: var(--mc-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--v4-soft); transition: color .2s, border-color .2s; }
body.mc-v4 #mc-page .mc-good__go a:hover { color: var(--v4-lamp); border-color: var(--v4-lamp); }
body.mc-v4 #mc-page .mc-good__go .mc-good__extra { color: var(--v4-muted); }
@media (min-width: 640px) { body.mc-v4 #mc-page .mc-goods { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) {
    body.mc-v4 #mc-page .mc-goods--3,
    body.mc-v4 #mc-page .mc-goods--5,
    body.mc-v4 #mc-page .mc-goods--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    body.mc-v4 #mc-page .mc-goods--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* -------------------------------------------------------------------------
   ПЕРЕЛИНКОВКА — ссылки между линиями; при наведении под ссылкой загорается трубка
   ------------------------------------------------------------------------- */
body.mc-v4 #mc-page .mc-links { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); column-gap: clamp(24px, 2.8vw, 44px); }
body.mc-v4 #mc-page .mc-link { position: relative; display: block; padding: 20px 40px 22px 0; border-top: 1px solid var(--v4-line); }
body.mc-v4 #mc-page .mc-link::after { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 2px; background: var(--v4-lamp); box-shadow: var(--v4-glow); transform: scaleX(0); transform-origin: 0 50%; transition: transform .45s var(--v4-ease); }
body.mc-v4 #mc-page .mc-link b { display: block; font-weight: 600; font-size: 16px; line-height: 1.4; color: var(--v4-ink); }
body.mc-v4 #mc-page .mc-link small { display: block; margin-top: 4px; font-size: 13.5px; line-height: 1.5; color: var(--v4-muted); }
body.mc-v4 #mc-page .mc-link__arr { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); font-size: 18px; line-height: 1; color: var(--v4-soft); transition: transform .25s var(--v4-ease), color .25s; }
@media (hover: hover) {
    body.mc-v4 #mc-page .mc-link:hover::after { transform: none; }
    body.mc-v4 #mc-page .mc-link:hover .mc-link__arr { color: var(--v4-lamp); transform: translateY(-50%) translateX(4px); }
}

/* -------------------------------------------------------------------------
   ФИНАЛЬНЫЙ ПРИЗЫВ — рамка-светильник со срезом, как «Выдача» главной: загорается, когда в кадре
   ------------------------------------------------------------------------- */
body.mc-v4 #mc-page .mc-final__panel {
    --cut: var(--v4-cut-photo); position: relative; isolation: isolate; padding: clamp(40px, 6vw, 84px) clamp(22px, 5vw, 80px); text-align: center;
    background: var(--v4-tube); transition: opacity .7s var(--v4-ease), transform .7s var(--v4-ease), background 1.2s var(--v4-ease) .4s;
    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-v4 #mc-page .mc-final__panel.in { background: var(--v4-lamp); }
body.mc-v4 #mc-page .mc-final__panel::before {
    content: ""; position: absolute; inset: 1px; z-index: -1; background: var(--v4-bg-card);
    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-v4 #mc-page .mc-final__logo { width: clamp(170px, 30vw, 230px); height: auto; margin: 0 auto 22px; filter: brightness(0) invert(1); opacity: .92; }
body.mc-v4 #mc-page .mc-final__panel .mc-eyebrow { justify-content: center; margin-bottom: 0; }
body.mc-v4 #mc-page .mc-final__panel 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-v4 #mc-page .mc-final__panel h2 em { font-style: normal; color: var(--v4-red-hi); }
body.mc-v4 #mc-page .mc-final__panel p { margin: 20px auto 0; max-width: 60ch; color: var(--v4-soft); line-height: 1.65; }
body.mc-v4 #mc-page .mc-final__cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 34px; }
body.mc-v4 #mc-page .mc-final__links { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 28px; margin-top: 24px; }
body.mc-v4 #mc-page .mc-final__links a { position: relative; padding-bottom: 5px; border-bottom: 1px solid var(--v4-line); font-family: var(--mc-mono); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--v4-soft); transition: color .2s, border-color .2s; }
body.mc-v4 #mc-page .mc-final__links a::before { content: ""; position: absolute; inset: -12px -4px; }
@media (hover: hover) { body.mc-v4 #mc-page .mc-final__links a:hover { color: var(--v4-lamp); border-color: var(--v4-lamp); } }
body.mc-v4 #mc-page .mc-final__phone { display: inline-block; margin-top: 30px; font-family: var(--mc-display); font-weight: 700; font-size: clamp(30px, 4.4vw, 56px); line-height: 1; color: var(--v4-lamp); }
/* липкая панель и своё окно серии на v4 не печатаются (final.php): их заменяют нижняя панель и окно записи общего слоя */
body.mc-v4 #mc-page .mc-sticky { display: none; }

/* -------------------------------------------------------------------------
   ОТДЕЛЬНЫЕ ЛЕНДИНГИ (этап 2b: hero.php = Mustang, camaro, cadillac, escalade, tahoe, cadillac-xt) — правки по классу
   страницы, перенесены из madcat-detail.css по смыслу. Классы body ставит скрипт в начале каждого файла.
   ------------------------------------------------------------------------- */
/* первая строка H1 («Ремонт и сервис») — зачин меньшим кеглем над маркой */
body.mc-v4.mc-camaro-page #mc-page .mc-hero h1 .mc-h1-lead,
body.mc-v4.mc-tahoe-page #mc-page .mc-hero h1 .mc-h1-lead,
body.mc-v4.mc-escalade-page #mc-page .mc-hero h1 .mc-h1-lead,
body.mc-v4.mc-cadillac-page #mc-page .mc-hero h1 .mc-h1-lead,
body.mc-v4.mc-xt-page #mc-page .mc-hero h1 .mc-h1-lead { font-weight: 600; font-size: clamp(16px, 4.1vw, 37px); letter-spacing: .6px; line-height: var(--v4-lh-head); margin-bottom: .1em; -webkit-text-stroke: 0; }
/* машина в кадре по центру (у Mustang — справа, штатное center right) */
body.mc-v4.mc-camaro-page #mc-page .mc-hero__photo,
body.mc-v4.mc-tahoe-page #mc-page .mc-hero__photo,
body.mc-v4.mc-escalade-page #mc-page .mc-hero__photo,
body.mc-v4.mc-cadillac-page #mc-page .mc-hero__photo,
body.mc-v4.mc-xt-page #mc-page .mc-hero__photo { background-position: center center; }
/* Mustang на телефоне: в окно — перёд Shelby (машина на 45–93% ширины кадра), а не подъёмник у края */
@media (max-width: 768px) { body.mc-v4.mc-mustang-only #mc-page .mc-hero__photo { background-position: 74% center; } }
/* светлые кадры фотополосы — затемнение плотнее и тень под текстом */
body.mc-v4.mc-tahoe-page #mc-page .mc-band__scrim,
body.mc-v4.mc-escalade-page #mc-page .mc-band__scrim,
body.mc-v4.mc-cadillac-page #mc-page .mc-band__scrim,
body.mc-v4.mc-xt-page #mc-page .mc-band__scrim {
    background:
        linear-gradient(180deg, rgba(5, 5, 6, .6) 0%, rgba(5, 5, 6, .32) 40%, rgba(5, 5, 6, .62) 72%, var(--v4-bg) 100%),
        linear-gradient(90deg, rgba(5, 5, 6, .74) 0%, rgba(5, 5, 6, .34) 48%, rgba(5, 5, 6, 0) 80%);
}
body.mc-v4.mc-tahoe-page #mc-page .mc-band__in h2,
body.mc-v4.mc-escalade-page #mc-page .mc-band__in h2,
body.mc-v4.mc-cadillac-page #mc-page .mc-band__in h2,
body.mc-v4.mc-xt-page #mc-page .mc-band__in h2,
body.mc-v4.mc-tahoe-page #mc-page .mc-band__in p,
body.mc-v4.mc-escalade-page #mc-page .mc-band__in p,
body.mc-v4.mc-cadillac-page #mc-page .mc-band__in p,
body.mc-v4.mc-xt-page #mc-page .mc-band__in p { text-shadow: 0 2px 16px rgba(0, 0, 0, .55); }

/* -------------------------------------------------------------------------
   НИЗКИЙ ДЕСКТОП (1366×768): «Записаться» над сгибом — те же значения, что в madcat-detail.css (29.09.2026).
   🔴 Блок ниже базовых правил первого экрана: специфичность та же, решает порядок. --long/--xlong сильнее.
   ------------------------------------------------------------------------- */
@media (min-width: 1100px) and (max-height: 820px) {
    body.mc-v4 #mc-page .mc-hero__inner { padding-top: 60px; }
    body.mc-v4 #mc-page .mc-hero h1 { font-size: min(80px, 8.8svh); }
    body.mc-v4 #mc-page .mc-hero__sub { max-width: 66ch; margin-top: 14px; }
    body.mc-v4 #mc-page .mc-hero__cta { margin-top: 22px; }
}

/* -------------------------------------------------------------------------
   ТЕЛЕФОН
   ------------------------------------------------------------------------- */
@media (max-width: 768px) {
    body.mc-v4 #mc-page .mc-hero h1 .mc-l2 { -webkit-text-stroke-width: 1.4px; }
    body.mc-v4 #mc-page .mc-hero__loc { font-size: 11px; letter-spacing: .14em; }
    /* аудит 16.10.2026: на 360 лид в 8 строк уводил «Записаться» под сгиб — кнопки сразу под H1 и слоганом,
       лид ниже них; текст и порядок в HTML прежние (для поиска ничего не меняется) */
    body.mc-v4 #mc-page .mc-hero__inner { display: flex; flex-direction: column; }
    body.mc-v4 #mc-page .mc-hero__inner > * { order: 5; }
    body.mc-v4 #mc-page .mc-hero__inner > .mc-hero__loc { order: 1; }
    body.mc-v4 #mc-page .mc-hero__inner > h1 { order: 2; }
    body.mc-v4 #mc-page .mc-hero__inner > .mc-slogan { order: 3; }
    body.mc-v4 #mc-page .mc-hero__inner > .mc-hero__cta { order: 4; }
    body.mc-v4 #mc-page .mc-hero__inner > .mc-hero__sub { order: 5; margin-top: 22px; }
    body.mc-v4 #mc-page .mc-hero__inner > .mc-specs { order: 6; }
    body.mc-v4 #mc-page .mc-hero__sub { margin-top: 16px; padding-left: 16px; }
    body.mc-v4 #mc-page .mc-hero__cta { margin-top: 22px; gap: 10px; }
    body.mc-v4 #mc-page .mc-hero__cta .mc-btn { width: 100%; }
    /* мессенджеры — в нижней панели («Написать») и окне записи, как на главной: первый экран короче */
    body.mc-v4 #mc-page .mc-hero__msgrs { display: none; }
    body.mc-v4 #mc-page .mc-spec { padding: 16px 14px 18px; }
    body.mc-v4 #mc-page .mc-marquee__track { padding: 16px 0 14px; }
    body.mc-v4 #mc-page .mc-marquee__track span { font-size: 15px; }
    body.mc-v4 #mc-page .mc-marquee__track span::after { margin: 0 22px; }
    body.mc-v4 #mc-page .mc-proc__media { aspect-ratio: 16 / 11; 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-v4 #mc-page .mc-steps { padding-left: 36px; }
    body.mc-v4 #mc-page .mc-step::before { left: -35px; }
    body.mc-v4 #mc-page .mc-acc__btn { gap: 14px; padding-block: 20px; }
    body.mc-v4 #mc-page .mc-acc__item.is-open .mc-acc__btn { padding-left: 16px; }
    body.mc-v4 #mc-page .mc-acc__content { padding-left: 16px; }
    body.mc-v4 #mc-page .mc-band__scrim { background: linear-gradient(180deg, rgba(5, 5, 6, .3) 0%, rgba(5, 5, 6, .25) 28%, rgba(5, 5, 6, .92) 60%, var(--v4-bg) 100%); }
    body.mc-v4 #mc-page .mc-band__in { padding-top: 96px; }
    body.mc-v4 #mc-page .mc-band-stats div { padding: 16px 10px 18px; }
    /* три плитки в ~100 px: «10:00–20:00» одной строкой вылезал из плитки (владелец 26.10.2026) — перенос после тире */
    body.mc-v4 #mc-page .mc-band-stats b { font-size: 26px; white-space: normal; }
    body.mc-v4 #mc-page .mc-band-stats small { font-size: 12px; }
    body.mc-v4 #mc-page .mc-gen__img,
    body.mc-v4 #mc-page .mc-good__img { clip-path: polygon(0 0, calc(100% - var(--v4-cut-l)) 0, 100% var(--v4-cut-l), 100% 100%, var(--v4-cut-l) 100%, 0 calc(100% - var(--v4-cut-l))); }
    body.mc-v4 #mc-page .mc-final__panel { --cut: var(--v4-cut-photo); }
}

/* -------------------------------------------------------------------------
   БЕЗ АНИМАЦИИ: всё видно и горит сразу
   ------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    body.mc-v4 #mc-page *,
    body.mc-v4 #mc-page *::before,
    body.mc-v4 #mc-page *::after { animation: none !important; transition: none !important; }
    body.mc-v4 #mc-page .mc-reveal { opacity: 1; transform: none; }
    body.mc-v4 #mc-page .mc-eyebrow::before,
    body.mc-v4 #mc-page .mc-card::before,
    body.mc-v4 #mc-page .mc-prod__card::before,
    body.mc-v4 #mc-page .mc-good::before,
    body.mc-v4 #mc-page .mc-gen::before { transform: none; background: var(--v4-lamp); box-shadow: var(--v4-glow); }
    body.mc-v4 #mc-page .mc-step::before { background: var(--v4-lamp); border-color: var(--v4-lamp); box-shadow: var(--v4-glow); }
    body.mc-v4 #mc-page .mc-step__n { color: var(--v4-red-hi); }
    body.mc-v4 #mc-page .mc-final__panel { background: var(--v4-lamp); }
}

/* -------------------------------------------------------------------------
   СТАТЬЯ БЛОГА В ВИДЕ ЛЕНДИНГА (аудит v4 П4.9, 19.10.2026: tpl/article.php, разбор текста — lib/article.php)
   и ОТЗЫВЫ С ЯНДЕКС КАРТ (tpl/sections/reviews.php — в конце всех лендингов серии)
   ------------------------------------------------------------------------- */
/* H1 = название статьи: у 22 из 181 длиннее 64 знаков — ещё на шаг мельче, чтобы «Записаться» осталась над сгибом */
body.mc-v4 #mc-page .mc-hero h1.mc-h1--xxlong { font-size: clamp(22px, 6vw, 42px); }

/* текст статьи из админки — колонка для чтения; первая секция после первого экрана, без лишнего зазора снизу */
body.mc-v4 #mc-page .mc-article { padding-bottom: 0; }
body.mc-v4 #mc-page .mc-article__body { max-width: 860px; font-size: var(--v4-text); line-height: 1.7; color: var(--v4-soft); overflow-wrap: break-word; }
body.mc-v4 #mc-page .mc-article__body > :first-child { margin-top: 0; }
body.mc-v4 #mc-page .mc-article__body :is(h2, h3, h4) {
    margin: 1.8em 0 .6em; font-family: var(--mc-display); font-weight: 700; text-transform: uppercase; letter-spacing: 0;
    line-height: var(--v4-lh-head); color: var(--v4-ink);
}
body.mc-v4 #mc-page .mc-article__body h2 { font-size: clamp(24px, 2.8vw, 34px); }
body.mc-v4 #mc-page .mc-article__body :is(h3, h4) { font-size: clamp(20px, 2.2vw, 24px); }
body.mc-v4 #mc-page .mc-article__body :is(p, div) { margin: 0 0 1em; }
body.mc-v4 #mc-page .mc-article__body :is(b, strong) { font-weight: 700; color: var(--v4-ink); }
body.mc-v4 #mc-page .mc-article__body a { color: var(--v4-lamp); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
body.mc-v4 #mc-page .mc-article__body a:hover { color: var(--v4-red-hi); }
body.mc-v4 #mc-page .mc-article__body :is(ul, ol) { margin: .4em 0 1.2em; padding-left: 1.4em; }
body.mc-v4 #mc-page .mc-article__body li { margin: 0 0 .5em; padding-left: .2em; }
/* маркированный список — тире-трубка, как на всех страницах v4 (аудит П2 2.8); нумерованный — номера красным */
body.mc-v4 #mc-page .mc-article__body ul { list-style: none; padding-left: 0; }
body.mc-v4 #mc-page .mc-article__body ul > li { position: relative; display: block; padding-left: 22px; }
body.mc-v4 #mc-page .mc-article__body ul > li::before { content: ""; position: absolute; left: 0; top: .8em; width: 10px; height: 2px; background: var(--v4-lamp); }
body.mc-v4 #mc-page .mc-article__body ol > li::marker { color: var(--v4-red-hi); }
body.mc-v4 #mc-page .mc-article__body img { display: block; max-width: 100%; height: auto; margin: 24px 0; }
body.mc-v4 #mc-page .mc-article__body iframe { display: block; max-width: 100%; border: 1px solid var(--v4-line); }
body.mc-v4 #mc-page .mc-article__body table { width: 100%; margin: 1em 0 1.4em; border-collapse: collapse; font-size: 15px; display: block; overflow-x: auto; }
body.mc-v4 #mc-page .mc-article__body :is(td, th) { padding: 10px 12px; border: 1px solid var(--v4-line); text-align: left; vertical-align: top; }
body.mc-v4 #mc-page .mc-article__body th { font-family: var(--mc-display); font-weight: 600; text-transform: uppercase; letter-spacing: .02em; color: var(--v4-ink); }
body.mc-v4 #mc-page .mc-article__body blockquote { margin: 1.2em 0; padding: 4px 0 4px 20px; border-left: 2px solid var(--v4-lamp); color: var(--v4-ink); }
/* страховка: цвет и кегль, если где-то остались в разметке (разбор их снимает) — чёрный на чёрном не читается */
body.mc-v4 #mc-page .mc-article__body [style*="color"] { color: inherit !important; }
body.mc-v4 #mc-page .mc-article__body [style*="font-size"] { font-size: inherit !important; }

/* «Поделиться» под текстом статьи */
body.mc-v4 #mc-page .mc-share { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 28px; }
body.mc-v4 #mc-page .mc-share__label { font-family: var(--mc-mono); font-size: 12px; letter-spacing: .22em; text-transform: uppercase; color: var(--v4-muted); }
body.mc-v4 #mc-page .mc-share .ya-share2__item { line-height: 1.5; }

/* «Все работы и цены <марка>» под ценами по моделям */
body.mc-v4 #mc-page .mc-works__all {
    display: inline-block; margin-top: 32px; font-family: var(--mc-mono); font-size: 13px; letter-spacing: .14em;
    text-transform: uppercase; color: var(--v4-lamp); text-decoration: none; border-bottom: 1px solid var(--v4-line); padding-bottom: 4px;
}
body.mc-v4 #mc-page .mc-works__all:hover { color: var(--v4-red-hi); border-bottom-color: currentColor; }

/* отзывы (lib/reviews.php): плашка рейтинга (nap.php) + пять карточек из копии виджета Яндекса. ПК — сетка 3 колонки,
   плашка в первой ячейке; ниже 1025 — плашка над лентой карточек с прокруткой вбок */
body.mc-v4 #mc-page .mc-reviews__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(14px, 1.8vw, 20px); align-items: stretch; }
body.mc-v4 #mc-page .mc-reviews__score {
    display: flex; align-items: center; gap: clamp(18px, 2.4vw, 28px); padding: clamp(20px, 2.4vw, 30px);
    text-decoration: none; background: var(--v4-bg-card); box-shadow: inset 0 0 0 1px var(--v4-line);
    clip-path: polygon(0 0, calc(100% - var(--v4-cut)) 0, 100% var(--v4-cut), 100% 100%, 0 100%);
}
body.mc-v4 #mc-page .mc-reviews__score b { font-family: var(--mc-display); font-weight: 700; font-size: clamp(48px, 5vw, 68px); line-height: 1.1; color: var(--v4-lamp); white-space: nowrap; }
body.mc-v4 #mc-page .mc-reviews__score > span { display: grid; gap: 6px; font-size: 15px; line-height: 1.5; color: var(--v4-soft); }
body.mc-v4 #mc-page .mc-reviews__score strong { font-family: var(--mc-display); font-weight: 600; text-transform: uppercase; font-size: clamp(18px, 1.8vw, 22px); line-height: var(--v4-lh-head); color: var(--v4-ink); }
body.mc-v4 #mc-page .mc-reviews__score i { font-style: normal; font-family: var(--mc-mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--v4-red-hi); margin-top: 4px; }
body.mc-v4 #mc-page .mc-reviews__score:hover { box-shadow: inset 0 0 0 1px var(--v4-lamp), var(--v4-glow); }
body.mc-v4 #mc-page .mc-reviews__list {
    display: flex; gap: clamp(14px, 1.8vw, 20px); overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain;
    margin-inline: calc(-1 * var(--mc-pad)); padding: 0 var(--mc-pad) 6px; scroll-padding-inline: var(--mc-pad); scrollbar-width: none;
}
body.mc-v4 #mc-page .mc-reviews__list::-webkit-scrollbar { display: none; }
body.mc-v4 #mc-page .mc-review {
    flex: 0 0 min(84%, 380px); scroll-snap-align: start; margin: 0; display: flex; flex-direction: column; gap: 12px;
    padding: clamp(20px, 2.4vw, 28px); background: var(--v4-bg-card); box-shadow: inset 0 0 0 1px var(--v4-line);
    clip-path: polygon(0 0, calc(100% - var(--v4-cut)) 0, 100% var(--v4-cut), 100% 100%, 0 100%);
}
body.mc-v4 #mc-page .mc-review__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
body.mc-v4 #mc-page .mc-review__name { 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); }
body.mc-v4 #mc-page .mc-review__date { font-family: var(--mc-mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--v4-muted); white-space: nowrap; }
/* звёзды — маска SVG из data-URI (0 запросов), заливка градиентом по оценке: 5 → 100 %, 4,5 → 90 % */
body.mc-v4 #mc-page .mc-review__stars {
    display: block; width: 90px; height: 16px; flex: none;
    background: linear-gradient(90deg, var(--v4-red) calc(var(--mc-stars, 5) * 20%), var(--v4-tube) 0);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 16'%3E%3Cpath d='M8 0l1.88 5.41 5.73.12-4.57 3.46 1.66 5.48L8 11.2l-4.7 3.27 1.66-5.48L.39 5.53l5.73-.12z'/%3E%3C/svg%3E") 0 0 / 18px 16px repeat-x; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 16'%3E%3Cpath d='M8 0l1.88 5.41 5.73.12-4.57 3.46 1.66 5.48L8 11.2l-4.7 3.27 1.66-5.48L.39 5.53l5.73-.12z'/%3E%3C/svg%3E") 0 0 / 18px 16px repeat-x;
}
body.mc-v4 #mc-page .mc-review__text {
    margin: 0; padding: 0; border: 0; quotes: none; font-style: normal; font-size: 15px; line-height: 1.6; color: var(--v4-soft); white-space: pre-line;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; line-clamp: 7; overflow: hidden;
}
body.mc-v4 #mc-page .mc-review.is-open .mc-review__text { display: block; -webkit-line-clamp: unset; line-clamp: none; }
body.mc-v4 #mc-page .mc-review__more {
    align-self: flex-start; margin-top: auto; padding: 0; border: 0; background: none; cursor: pointer;
    font-family: var(--mc-mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--v4-red-hi);
}
body.mc-v4 #mc-page .mc-review__more:hover { color: var(--v4-lamp); }
@media (min-width: 1025px) {
    body.mc-v4 #mc-page .mc-reviews__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    body.mc-v4 #mc-page .mc-reviews__grid--solo { grid-template-columns: minmax(0, 560px); }
    body.mc-v4 #mc-page .mc-reviews__score { flex-direction: column; align-items: flex-start; justify-content: center; }
    body.mc-v4 #mc-page .mc-reviews__list { display: contents; }
}

/* End */


/* Start:/bitrix/templates/kosmos_s3/components/intec.kosmos/sidebar/sections/view/items/blocks.standard.1/style.min.css?17737648714773*/
.intec-sidebar.sections{display:grid;row-gap:32px}.intec-sidebar.sections .sidebar-banner picture{display:block;overflow:hidden;border-radius:2px}.intec-sidebar.sections .sidebar-forms{position:relative;display:flex;flex-direction:column}.intec-sidebar.sections .sidebar-forms-item{position:relative;display:flex;column-gap:24px;align-items:center;padding:18px 28px;background-color:var(--color-neutral-bright);border:1px solid var(--color-neutral-semi-bright);cursor:pointer;appearance:none;transition:border-color,box-shadow,var(--duration-base)}.intec-sidebar.sections .sidebar-forms-item:focus-visible{outline:0}.intec-sidebar.sections .sidebar-forms-item:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.intec-sidebar.sections .sidebar-forms-item:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.intec-sidebar.sections .sidebar-forms-item[data-awaiting=true] span{display:none}.intec-sidebar.sections .sidebar-forms-item[data-awaiting=true] int-spinner-loading{display:inline-flex}.intec-sidebar.sections .sidebar-forms-item svg{width:24px;height:24px;fill:var(--color-primary-base);stroke:var(--color-primary-base)}.intec-sidebar.sections .sidebar-forms-item span{line-height:1.4;color:var(--color-neutral-semi-dark)}.intec-sidebar.sections .sidebar-forms-item int-spinner-loading{--int-spinner-loading-background-color:var(--color-primary-base);display:none}.intec-sidebar.sections .sidebar-forms-item+.sidebar-forms-item{margin-top:-1px}.intec-sidebar.sections .sidebar-forms-item:focus-visible,.intec-sidebar.sections .sidebar-forms-item:hover{z-index:1;border-color:var(--color-neutral-bright);box-shadow:var(--shadow-dark)}.intec-sidebar.sections .sidebar-manager{display:flex;flex-direction:column}.intec-sidebar.sections .sidebar-manager picture{display:block;overflow:hidden;width:115px;height:115px;margin:0 auto 20px;border-radius:50%}.intec-sidebar.sections .sidebar-manager-content{padding:32px;background-color:var(--color-neutral-bright);border:1px solid var(--color-neutral-semi-bright);border-radius:2px;text-align:center}.intec-sidebar.sections .sidebar-manager-position{margin-bottom:8px;font-size:1rem;line-height:1.4;color:var(--color-neutral-semi-dark)}.intec-sidebar.sections .sidebar-manager-name{font-size:1.15rem;font-weight:500;line-height:1.2;color:var(--color-neutral-dark)}.intec-sidebar.sections .sidebar-manager-contacts{display:flex;flex-direction:column;row-gap:8px;margin-top:24px}.intec-sidebar.sections .sidebar-manager-contact{display:flex;column-gap:8px;align-items:center;width:max-content;margin:0 auto}.intec-sidebar.sections .sidebar-manager-contact svg{width:16px;height:16px;fill:var(--color-neutral-semi-dark);stroke:var(--color-neutral-semi-dark)}.intec-sidebar.sections .sidebar-manager-contact div{flex-grow:1;line-height:1.4}.intec-sidebar.sections .sidebar-manager-contact a{color:var(--color-neutral-dark);text-decoration:none;transition:color,var(--duration-base)}.intec-sidebar.sections .sidebar-manager-contact a:hover{color:var(--color-primary-bright)}.intec-sidebar.sections .sidebar-subscribe{display:flex;flex-direction:column}.intec-sidebar.sections .sidebar-subscribe-content{padding:32px;border:1px solid var(--color-neutral-semi-bright);border-radius:2px 2px 0 0}.intec-sidebar.sections .sidebar-subscribe-icon{display:block;width:64px;height:64px;margin:0 auto 24px;stroke:var(--color-primary-base)}.intec-sidebar.sections .sidebar-subscribe-name{font-size:1.15rem;font-weight:500;line-height:1.4;color:var(--color-neutral-dark);text-align:center}.intec-sidebar.sections .sidebar-subscribe-description{margin-top:10px;font-size:1rem;line-height:1.4;color:var(--color-neutral-semi-dark);text-align:center}.intec-sidebar.sections .sidebar-block-title{margin-bottom:24px;font-size:1.15rem;font-weight:500;line-height:1.2}.intec-sidebar.sections .sidebar-manager-feedback,.intec-sidebar.sections .sidebar-subscribe-activator{--ui-button-padding-vertical:1.3rem;--ui-button-background-color-transparent:var(--color-neutral-bright);--ui-button-border-color:var(--color-neutral-semi-bright);--ui-button-border-radius:0 0 2px 2px;--ui-button-color-transparent:var(--color-neutral-dark);margin-top:-1px}.intec-sidebar.sections [data-awaiting=true].sidebar-manager-feedback span,.intec-sidebar.sections [data-awaiting=true].sidebar-subscribe-activator span{display:none}.intec-sidebar.sections [data-awaiting=true].sidebar-manager-feedback int-spinner-loading,.intec-sidebar.sections [data-awaiting=true].sidebar-subscribe-activator int-spinner-loading{display:inline-flex}.intec-sidebar.sections .sidebar-manager-feedback int-spinner-loading,.intec-sidebar.sections .sidebar-subscribe-activator int-spinner-loading{display:none}
/*# sourceMappingURL=style.min.css.map */
/* End */


/* Start:/bitrix/templates/kosmos_s3/components/intec.kosmos/news/sidebar/view/items/blocks.standard.1/style.min.css?17737648711737*/
.intec-news.sidebar .blocks-standard-1 .item{padding-bottom:24px;border-bottom:1px solid var(--color-neutral-semi-bright)}.intec-news.sidebar .blocks-standard-1 .item:last-child{padding-bottom:0;border-bottom:none}.intec-news.sidebar .blocks-standard-1 .item-info{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:24px}.intec-news.sidebar .blocks-standard-1 .item-info-badge{display:flex;column-gap:8px;align-items:center}.intec-news.sidebar .blocks-standard-1 .item-info-badge span{font-size:.85rem;line-height:1;color:var(--color-neutral-semi-dark)}.intec-news.sidebar .blocks-standard-1 .item-info-badge svg{width:19px;height:19px;stroke:var(--color-neutral-semi-dark)}.intec-news.sidebar .blocks-standard-1 .item-name{font-weight:500;line-height:1.6}.intec-news.sidebar .blocks-standard-1 .item-name a{color:var(--color-neutral-dark);text-decoration:none;transition:color var(--duration-base)}.intec-news.sidebar .blocks-standard-1 .item-name a:hover{color:var(--color-primary-bright)}.intec-news.sidebar .blocks-standard-1 .item-description{margin-top:16px;font-size:1rem;line-height:1.6;color:var(--color-neutral-semi-dark)}.intec-news.sidebar .blocks-standard-1 .item-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;font-size:.85rem;line-height:1;color:var(--color-neutral-semi-dark)}.intec-news.sidebar .blocks-standard-1 .item-tags [data-active]{cursor:pointer;transition:color var(--duration-base)}.intec-news.sidebar .blocks-standard-1 .item-tags [data-active]:hover{color:var(--color-primary-bright)}.intec-news.sidebar .blocks-standard-1 .item-tags [data-active=true]{color:var(--color-primary-base)}.intec-news.sidebar .blocks-standard-1 .item+.item{padding-top:24px}
/*# sourceMappingURL=style.min.css.map */
/* End */


/* Start:/bitrix/templates/kosmos_s3/components/intec.kosmos/tags.list/standard/style.min.css?17737648711064*/
.intec-tags-list.standard{display:block}.intec-tags-list.standard .tags-list-item input[type=checkbox]{position:absolute;opacity:0;top:0;right:auto;bottom:auto;left:0;width:0;height:0;overflow:hidden}.intec-tags-list.standard .tags-list-item input[type=checkbox]:checked+.tags-list-item-button{background-color:var(--color-primary-base);color:#fff}.intec-tags-list.standard .tags-list-item-button{display:block;position:relative;padding:3px 12px;font-size:0;line-height:1.5;cursor:pointer;color:var(--color-neutral-semi-dark);background-color:var(--color-neutral-bright);border:1px solid var(--color-neutral-semi-bright);border-radius:2px;user-select:none;transition-duration:var(--duration-base);transition-property:color,background-color,top}.intec-tags-list.standard .tags-list-item-button:hover{background-color:var(--color-primary-base);color:var(--color-neutral-bright)}.intec-tags-list.standard .tags-list-item-name{font-size:1rem}.intec-tags-list.standard .tags-list-item-quantity{margin-left:.3rem;font-size:1rem}
/*# sourceMappingURL=style.min.css.map */
/* End */
/* /bitrix/templates/kosmos_s3/components/bitrix/news/news/style.min.css?17737648724424 */
/* /bitrix/templates/kosmos_s3/components/bitrix/news.detail/news/style.min.css?177376487210034 */
/* /bitrix/templates/kosmos_s3/components/bitrix/news.detail/news/parts/catalog-v4.css?179303074373986 */
/* /bitrix/templates/kosmos_s3/components/intec.kosmos/sidebar/sections/view/items/blocks.standard.1/style.min.css?17737648714773 */
/* /bitrix/templates/kosmos_s3/components/intec.kosmos/news/sidebar/view/items/blocks.standard.1/style.min.css?17737648711737 */
/* /bitrix/templates/kosmos_s3/components/intec.kosmos/tags.list/standard/style.min.css?17737648711064 */