/* =====================================================================
МастерСервис34 — стиль вывесок (brand-ms34.css), версия 3 · 14.10.2026 (этап 3 — мягкий оранжевый на всех страницах, телефон)
Один общий слой поверх существующей вёрстки сайта. Подключать ПОСЛЕДНИМ
в на любой странице:
Ничего не знает о прототипе (плашка/заглушки форм — в proto.css / proto-guard.js).
Цвета сняты с векторов вывесок 13–14.10 (viveska1/2, banner_2890x1640, logo_robot):
#00122A фон вывесок · #021428 контур робота/плашки · #FF4315 «34», кнопка телефона
#D5DDE3 фон баннера · #CBD6E1 поле логотипа · #EDF2F6 нижняя полоса баннера
#B0C0D0 / #A3B4C5 дорожки платы · #468AAD сталь (рамки мониторов)
Специфичность: всё под префиксом :root:not(#m34b) (= 1 id) + !important —
сайт собран Astro (scoped [data-astro-cid]) и уже содержит !important-правила.
===================================================================== */
@font-face{font-family:"MS34 Display";font-style:normal;font-weight:700 900;font-display:swap;
src:url(../fonts/brand/montserrat-cyr.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"MS34 Display";font-style:normal;font-weight:700 900;font-display:swap;
src:url(../fonts/brand/montserrat-lat.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"MS34 Cond";font-style:normal;font-weight:500 700;font-display:swap;
src:url(../fonts/brand/oswald-cyr.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"MS34 Cond";font-style:normal;font-weight:500 700;font-display:swap;
src:url(../fonts/brand/oswald-lat.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
/* ---------- 1. Токены бренда + переназначение переменных сайта ---------- */
:root:not(#m34b){
--b-navy:#00122A; --b-ink:#021428; --b-orange:#FF4315;
--b-orange-h:#FF6A3D; /* оранжевый hover/тёмная тема: кнопки, акценты (14.10) */
--b-orange-t:#C2300A; /* оранжевый для ТЕКСТА на светлом: 5.64:1 на белом, 4.83:1 на #E9EEF2 */
--b-orange-d:#A82807; /* наведение / мелкий текст на сером #D5DDE3: 5.14:1 */
--b-grey:#D5DDE3; --b-grey-2:#CBD6E1; --b-pale:#EDF2F6; --b-trace:#B0C0D0; --b-trace-2:#A3B4C5; --b-steel:#468AAD;
--b-font-display:"MS34 Display","Montserrat","Arial Black",system-ui,sans-serif;
--b-font-cond:"MS34 Cond","Oswald","Arial Narrow",system-ui,sans-serif;
/* поверхности */
--b-hero-bg:var(--b-grey);
--b-band-bg:var(--b-navy); --b-plate:var(--b-ink); --b-plate-text:#fff; --b-plate-soft:#C9D4E0;
--b-btn-bg:var(--b-orange); --b-btn-bg-h:var(--b-orange-h); --b-btn-text:var(--b-ink);
/* переменные самого сайта (те же имена, что в его CSS) */
--bg:#E9EEF2; --paper:#FFFFFF; --ink:#021428; --ink-soft:#2A3B52; --muted:#4A5B70;
--rule:#CBD6E1; --rule-soft:#E3E9EF;
--blue:var(--b-orange-t); --blue-d:var(--b-orange-d); --blue-l:var(--b-orange); --blue-bg:#FFE9E1;
--shadow-sm:0 1px 3px #0214281a,0 1px 2px #02142812;
--shadow-md:0 10px 24px -10px #0214282e,0 4px 8px -4px #0214281a;
--shadow-lg:0 24px 48px -16px #02142838;
}
:root:not(#m34b)[data-theme=dark]{
color-scheme:dark;
--b-hero-bg:#021428;
--b-band-bg:#000C1D; --b-plate:#0C2A4D; --b-plate-soft:#B9C6D4;
--bg:#00122A; --paper:#0A2342; --ink:#EEF3F8; --ink-soft:#B9C6D4; --muted:#9FB0C3;
--rule:#1D3A5C; --rule-soft:#132D4D;
--blue:var(--b-orange-h); --blue-d:var(--b-orange); --blue-l:var(--b-orange-h); --blue-bg:#2A1B26;
--shadow-sm:0 1px 3px #00000066; --shadow-md:0 10px 24px -10px #000000a0; --shadow-lg:0 24px 48px -16px #000000b0;
}
/* ---------- 2. Основа: фон страницы с дорожками платы, шрифты заголовков ---------- */
:root:not(#m34b) body{background:var(--bg)!important;background-attachment:scroll!important}
/* Узор — строго ФОН. У сайта body::before = position:fixed; z-index:0, а (без astro-атрибута) не поднят выше,
поэтому слой рисовался ПОВЕРХ контента (заказ-наряд, карточки, текст). z-index:-1 кладёт его под всё содержимое. */
:root:not(#m34b) body::before{background:url(../img/brand/pcb-tile-l.svg) 0 0/360px 360px repeat!important;opacity:1!important;z-index:-1!important}
:root:not(#m34b)[data-theme=dark] body::before{background:url(../img/brand/pcb-tile-d.svg) 0 0/360px 360px repeat!important}
:root:not(#m34b) :is(main h1,main h2,.drawer__title,.qz__title,.cb-card h2){
font-family:var(--b-font-display)!important;font-weight:800!important;letter-spacing:-.02em!important}
:root:not(#m34b) :is(main h3,.step__t,.docs__t,.vyezd__t){font-family:var(--b-font-display)!important;font-weight:700!important;letter-spacing:-.01em!important}
:root:not(#m34b) :is(.manager__eye,.qz__step,.step__meta,.cb-label,.drawer__group-label,.ot__reply-t,.ft__h){
font-family:var(--b-font-cond)!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase}
:root:not(#m34b) :focus-visible{outline:3px solid var(--b-orange)!important;outline-offset:2px}
/* ---------- 3. Кнопки: оранжевая «кнопка телефона» с тёмно-синим текстом (5.35:1) ---------- */
:root:not(#m34b) :is(.btn--primary,.form-cta__btn,.qz-form__btn,.m34cm-submit,.m34cm--price .m34cm-submit){
background:var(--b-btn-bg)!important;color:var(--b-btn-text)!important;font-weight:800!important;
box-shadow:inset 0 -5px #02142833!important;border:0!important}
:root:not(#m34b) :is(.btn--primary,.form-cta__btn,.qz-form__btn,.m34cm-submit):hover{background:var(--b-btn-bg-h)!important;color:var(--b-btn-text)!important}
:root:not(#m34b) .btn--ghost{background:var(--paper)!important;color:var(--ink)!important;border:2px solid var(--ink)!important;box-shadow:none!important}
:root:not(#m34b) .btn--ghost:hover{border-color:var(--blue)!important;color:var(--blue)!important}
:root:not(#m34b) .fab__btn--call{background:var(--b-orange)!important;color:var(--b-ink)!important}
:root:not(#m34b) .fab__btn--call svg{color:var(--b-ink)!important;stroke:currentColor}
:root:not(#m34b) .m34cm-phone{background:var(--b-pale)!important;color:var(--b-orange-t)!important}
:root:not(#m34b) .m34cm-phone:hover{background:var(--b-ink)!important;color:#fff!important}
:root:not(#m34b) .m34cm-input:focus,:root:not(#m34b) .field__input:focus,:root:not(#m34b) .field__select:focus,:root:not(#m34b) .input:focus{
border-color:var(--b-orange)!important;box-shadow:0 0 0 3px #FF431533!important}
:root:not(#m34b) .m34cm-sub strong{color:var(--b-orange-t)!important}
:root:not(#m34b) .m34cm-disc{background:var(--b-ink)!important;color:#fff!important}
:root:not(#m34b) :is(.md-cc-t a){color:var(--b-orange-t)!important}
:root:not(#m34b) .md-cc-btn:is(:hover,:focus-visible){border-color:var(--b-orange)!important;background:var(--b-pale)!important}
/* ---------- 4. Шапка: робот + «МастерСервис» тёмно-синим + «34» оранжевым; полоса меню — как вывеска ---------- */
:root:not(#m34b) .hd{background:var(--paper)!important;border-bottom:0!important}
:root:not(#m34b) .brand__mark--robot{display:inline-flex!important;align-items:center;gap:10px;height:auto!important;line-height:1}
:root:not(#m34b) .brand__robot{width:56px;height:56px;flex:0 0 56px;border-radius:50%;display:block}
:root:not(#m34b) .brand__word{font-family:var(--b-font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.02em;color:var(--b-ink);white-space:nowrap}
:root:not(#m34b) .brand__word>span{display:inline}
:root:not(#m34b) .brand__word b{color:var(--b-orange);font-weight:900;letter-spacing:0} /* 34 крупным жирным: 3.46:1 на белом */
:root:not(#m34b)[data-theme=dark] .brand__word{color:#fff}
:root:not(#m34b) .hd__phone{font-family:var(--b-font-cond)!important;font-weight:700!important;font-size:1.3rem!important;letter-spacing:.01em!important}
:root:not(#m34b) .hd__bottom{background:var(--b-band-bg)!important;border-top:0!important;border-bottom:3px solid var(--b-orange)!important;
max-width:none!important;padding-inline:max(clamp(16px,2.5vw,40px),calc((100% - 1380px)/2 + clamp(16px,2.5vw,40px)))!important;
--ink:#fff;--paper:#0C2A4D;--rule:#2B4D75;--blue:var(--b-orange-h);--blue-l:var(--b-orange-h)}
/* светлые ссылки только в тёмной полосе меню; у служебных страниц .hd__nav стоит в белой шапке */
:root:not(#m34b) .hd__bottom .hd__nav a{color:#E3EAF2!important}
:root:not(#m34b) .hd__bottom .hd__nav a:hover{color:var(--b-orange-h)!important}
:root:not(#m34b) .hd__svc{background:transparent!important;color:#fff!important;border-color:#3A5F8A!important}
:root:not(#m34b) .hd__svc-icon{color:var(--b-orange)!important}
:root:not(#m34b) .hd__svc:hover{border-color:var(--b-orange)!important}
:root:not(#m34b)[data-theme=dark] .hd{background:#000C1D!important;border-bottom-color:transparent!important}
:root:not(#m34b)[data-theme=dark] .hd__bottom{background:#000C1D!important;border-top:1px solid #12305A!important}
:root:not(#m34b)[data-theme=dark] :is(.theme-toggle,.hd__prices,.hd__burger){background:#0A2342!important;border-color:#1D3A5C!important;color:#E3EAF2!important}
@media (max-width:700px){
:root:not(#m34b) .brand__robot{width:42px;height:42px;flex-basis:42px}
:root:not(#m34b) .brand__word{font-size:1.12rem}
}
@media (max-width:480px){
:root:not(#m34b) .brand__robot{width:40px;height:40px;flex-basis:40px}
:root:not(#m34b) .brand__mark--robot{gap:7px}
:root:not(#m34b) .brand__word{display:grid;font-size:1.06rem;line-height:1.02}
:root:not(#m34b) .brand__word>span{display:block}
}
/* ---------- 5. Первый экран: серый баннер с дорожками платы и бегущими импульсами ---------- */
:root:not(#m34b) .hero{position:relative;isolation:isolate;overflow:hidden;background:var(--b-hero-bg)!important;border-bottom:1px solid var(--b-trace)}
:root:not(#m34b) .hero::before,:root:not(#m34b) .hero::after,
:root:not(#m34b) .form-cta::before,:root:not(#m34b) .form-cta::after{
content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;border-radius:0!important;
pointer-events:none;z-index:0!important;transform:none!important}
:root:not(#m34b) :is(.hero,.form-cta)::before{background-image:url(../img/brand/pcb-a-l.svg),url(../img/brand/pcb-b-l.svg)!important;
background-position:left top,right bottom!important;background-repeat:no-repeat!important;
background-size:var(--pcb-w,560px) auto,var(--pcb-w,560px) auto!important;background-color:transparent!important}
:root:not(#m34b) .hero::before{z-index:-1!important}
:root:not(#m34b)[data-theme=dark] .hero::before,:root:not(#m34b) .form-cta::before{background-image:url(../img/brand/pcb-a-d.svg),url(../img/brand/pcb-b-d.svg)!important}
:root:not(#m34b) :is(.hero,.form-cta)::after{
background-image:url(../img/brand/pcb-a-pulse.svg),url(../img/brand/pcb-b-pulse.svg)!important;
background-position:left top,right bottom!important;background-repeat:no-repeat!important;
background-size:var(--pcb-w,560px) auto,var(--pcb-w,560px) auto!important;background-color:transparent!important}
:root:not(#m34b) .hero::after{z-index:-1!important}
:root:not(#m34b) .hero__h1{color:var(--ink)!important;font-size:clamp(2rem,4.4vw,3.5rem)!important;line-height:1.06!important}
:root:not(#m34b) .hero__accent{color:var(--b-orange-t)} /* 4.11:1 на #D5DDE3 — крупный жирный, норма 3:1 */
:root:not(#m34b)[data-theme=dark] .hero__accent{color:var(--b-orange-h)} /* 6.5:1 на #021428 */
:root:not(#m34b) .hero__sub{color:var(--ink-soft)!important}
:root:not(#m34b) .hero__sub strong{color:var(--ink)!important}
:root:not(#m34b) .hero__photo{border:3px solid var(--b-ink)!important;border-radius:22px!important;box-shadow:12px 12px 0 -3px var(--b-orange)!important}
:root:not(#m34b)[data-theme=dark] .hero__photo{border-color:#2B4D75!important}
:root:not(#m34b) .hero__seal{position:absolute;left:18px;bottom:18px;width:132px;height:132px;z-index:3;border-radius:50%;
filter:drop-shadow(0 8px 14px #02142859);transform:rotate(-8deg)}
@media (max-width:900px){
:root:not(#m34b) .hero{--pcb-w:300px}
:root:not(#m34b) .hero__seal{width:84px;height:84px;left:12px;bottom:12px}
:root:not(#m34b) .hero__photo{box-shadow:8px 8px 0 -3px var(--b-orange)!important}
}
/* плашка «Заявка по телефону» — та же композиция, что на баннере */
.b34-phone{display:inline-flex;align-items:stretch;margin-top:22px;border-radius:14px;overflow:hidden;text-decoration:none;
background:var(--b-plate,#021428);color:#fff;box-shadow:0 12px 26px -14px #021428aa;max-width:100%}
.b34-phone__ico{flex:0 0 68px;display:grid;place-items:center;background:var(--b-orange);color:#fff}
.b34-phone__ico svg{width:34px;height:34px}
.b34-phone__body{display:grid;padding:9px 20px 11px 16px;min-width:0}
.b34-phone__lbl{font-family:var(--b-font-cond);font-weight:500;font-size:.86rem;letter-spacing:.09em;text-transform:uppercase;color:var(--b-plate-soft,#C9D4E0)}
.b34-phone__num{font-family:var(--b-font-cond);font-weight:700;font-size:clamp(1.6rem,3vw,2.15rem);line-height:1.05;letter-spacing:.01em;color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums}
.b34-phone:hover .b34-phone__ico{background:var(--b-orange-h)}
:root[data-theme=dark] .b34-phone{box-shadow:inset 0 0 0 1px #2B4D75}
/* ---------- 6. Преимущества — тёмные плашки, как справа на баннере ---------- */
:root:not(#m34b) .usp__card{background:var(--b-plate)!important;border:0!important;box-shadow:0 14px 28px -18px #021428cc!important;
--ink:#fff;--ink-soft:var(--b-plate-soft)}
:root:not(#m34b) .usp__t strong{color:#fff!important;font-family:var(--b-font-cond);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:1.12em}
:root:not(#m34b) .usp__t,:root:not(#m34b) .usp__t span{color:var(--b-plate-soft)!important}
:root:not(#m34b) .usp__icon{background:transparent!important;color:var(--b-orange)!important;border:2.5px solid var(--b-orange);border-radius:50%!important}
:root:not(#m34b) .usp__card:hover{transform:translateY(-4px)}
/* ---------- 7. Секции на светлом: убрать голубые подложки/штриховки сайта ---------- */
:root:not(#m34b) .cat{background:transparent!important}
:root:not(#m34b) :is(.wf,.vyezd)::before{background-image:none!important}
:root:not(#m34b) :is(.svc,.qz-card,.step,.callmaster__card,.manager__card,.ot__card,.ot__panel,.cb-card,.docs__fig){border-color:var(--rule)!important}
:root:not(#m34b) :is(.svc,.qz-card,.step):hover{border-color:var(--b-orange)!important}
:root:not(#m34b) .qz-card__label{font-weight:700!important}
:root:not(#m34b) .qz__step{color:var(--b-orange-t)!important}
:root:not(#m34b)[data-theme=dark] .qz__step{color:var(--b-orange-h)!important}
/* шаги «Как мы работаем»: номер — оранжевый квадрат, как значок на вывеске */
:root:not(#m34b) .step__n{background:var(--b-orange)!important;color:var(--b-ink)!important;border-radius:10px!important;
font-family:var(--b-font-cond)!important;font-weight:700!important;font-size:1.3rem!important}
:root:not(#m34b) .step__meta{background:var(--b-pale)!important;color:var(--b-ink)!important;border:1px solid var(--rule)}
:root:not(#m34b)[data-theme=dark] .step__meta{background:#0C2A4D!important;color:#EEF3F8!important;border-color:#1D3A5C}
:root:not(#m34b) .docs__n{font-family:var(--b-font-display)!important;color:var(--b-orange)!important;opacity:.28!important}
:root:not(#m34b) .callmaster__card{background:var(--paper)!important;border:2px solid var(--b-ink)!important}
:root:not(#m34b)[data-theme=dark] .callmaster__card{border-color:#1D3A5C!important}
:root:not(#m34b) .callmaster__list li::before{background-color:var(--b-orange)!important}
:root:not(#m34b) .rev__card-avatar{background:var(--b-ink)!important}
:root:not(#m34b) .about__map-pin-icon{background:var(--b-orange)!important}
:root:not(#m34b) .cb-card{border:2px solid var(--b-ink)!important}
:root:not(#m34b)[data-theme=dark] .cb-card{border-color:#1D3A5C!important}
/* ---------- 8. «Запишитесь к мастеру» — тёмно-синяя вывеска с дорожками и импульсами ---------- */
:root:not(#m34b) .form-cta{background:var(--b-band-bg)!important;color:#fff!important;border-radius:22px!important;
box-shadow:inset 0 -6px 0 var(--b-orange)!important;--pcb-w:520px}
:root:not(#m34b) .form-cta::after{opacity:.85}
:root:not(#m34b) .form-cta__row{position:relative;z-index:1}
:root:not(#m34b) .form-cta__h{color:#fff!important}
:root:not(#m34b) .form-cta__sub{color:#D7E0EA!important;opacity:1!important}
:root:not(#m34b) .form-cta__sub strong{color:#fff!important;font-family:var(--b-font-cond);font-size:1.15em;letter-spacing:.02em}
:root:not(#m34b) .form-cta .input{background:#fff!important;color:var(--b-ink)!important;border:2px solid transparent!important}
:root:not(#m34b) .form-cta .m34-consent,:root:not(#m34b) .form-cta .m34-consent a{color:#D7E0EA!important}
@media (max-width:700px){:root:not(#m34b) .form-cta{--pcb-w:280px}}
/* ---------- 9. Подвал — вывеска ---------- */
:root:not(#m34b) .ft{background:var(--b-navy)!important;border-top:4px solid var(--b-orange)!important}
:root:not(#m34b)[data-theme=dark] .ft{background:#000A18!important}
:root:not(#m34b) .ft__brand{font-family:var(--b-font-display)!important;font-weight:800!important;letter-spacing:-.02em!important;
display:flex!important;align-items:center;gap:12px;color:#fff!important}
:root:not(#m34b) .ft__brand b{color:var(--b-orange)} /* 5.42:1 на #00122A */
:root:not(#m34b) .ft__brand em{color:inherit!important}
:root:not(#m34b) .ft__robot{width:52px;height:52px;border-radius:50%;flex:0 0 52px}
:root:not(#m34b) .ft__phone{font-family:var(--b-font-cond)!important;font-size:1.35rem!important;letter-spacing:.01em}
:root:not(#m34b) .ft__list a:hover{color:var(--b-orange-h)!important}
/* ---------- 10. Движение: импульсы выключаются по системной настройке ---------- */
@media (prefers-reduced-motion:reduce){
:root:not(#m34b) .hero::after,:root:not(#m34b) .form-cta::after{background-image:none!important}
:root:not(#m34b) .hero__seal{transform:none}
}
/* ---------- 11. Мелочи после просмотра скриншотов ---------- */
:root:not(#m34b) .field__select{background-image:url("data:image/svg+xml;utf8,")!important}
:root:not(#m34b)[data-theme=dark] .field__select{background-image:url("data:image/svg+xml;utf8,")!important}
:root:not(#m34b) .docs__n{opacity:.16!important}
:root:not(#m34b) .form-cta__sub strong{white-space:nowrap}
:root:not(#m34b) .ft__brand>span{white-space:nowrap}
@media (max-width:700px){
:root:not(#m34b) .ft__row>:first-child{grid-column:1/-1}
:root:not(#m34b) .ft__about{max-width:none!important}
}
/* отзывы: звёзды и аватары в цветах вывески (было золото 1.8:1 и пастель 1.7–2.2:1) */
:root:not(#m34b) :is(.ot__stars,.ot__bigstars,.rev__stars){color:var(--b-orange-t)!important;background:none!important;padding:0!important}
:root:not(#m34b)[data-theme=dark] :is(.ot__stars,.ot__bigstars,.rev__stars){color:var(--b-orange-h)!important}
:root:not(#m34b) .ot__av{background:var(--b-ink)!important;color:#fff!important;box-shadow:inset 0 0 0 2px var(--b-orange)}
:root:not(#m34b)[data-theme=dark] .ot__av{background:#0C2A4D!important}
:root:not(#m34b) .ot__all{background:var(--b-orange)!important;color:var(--b-ink)!important}
/* ---------- 12. Поля форм (обе темы): одна стрелка справа, текст под неё не залезает ----------
Тёмная тема сайта задаёт полям shorthand `background:…!important` — он сбрасывает repeat/position,
и стрелка-картинка повторялась на всю ширину. Поэтому все longhand-свойства задаём явно. */
:root:not(#m34b) .field__select{
-webkit-appearance:none!important;appearance:none!important;
background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:16px 16px!important;
padding-right:48px!important;text-overflow:ellipsis}
:root:not(#m34b) :is(.field__input,.field__select){background-color:var(--b-pale)!important;border-color:var(--rule)!important;color:var(--ink)!important}
:root:not(#m34b)[data-theme=dark] :is(.field__input,.field__select,.qz-form__input,.m34cm-input){
background-color:#06182F!important;border-color:#2B4D75!important;color:#EEF3F8!important}
:root:not(#m34b)[data-theme=dark] :is(.field__input,.field__select,.qz-form__input,.m34cm-input):focus{background-color:#0A2342!important;border-color:var(--b-orange)!important}
:root:not(#m34b) :is(.qz-form__input,.m34cm-input):focus{border-color:var(--b-orange)!important;box-shadow:0 0 0 3px #FF431533!important;outline:0}
:root:not(#m34b) :is(input,textarea)::placeholder{color:#5C6C80!important;opacity:1}
:root:not(#m34b)[data-theme=dark] :is(input,textarea)::placeholder{color:#8FA0B4!important}
:root:not(#m34b) .form-cta .input::placeholder{color:#5C6C80!important}
/* ---------- 13. Зелёные акценты сайта → фирменный оранжевый ---------- */
:root:not(#m34b) :is(.callmaster__sub strong,.qz-summary__note,.svc__extra,.ot__reply-t,.m34cm-sub strong){color:var(--b-orange-t)!important}
:root:not(#m34b)[data-theme=dark] :is(.callmaster__sub strong,.qz-summary__note,.svc__extra,.ot__reply-t,.m34cm-sub strong){color:var(--b-orange-h)!important}
:root:not(#m34b) .drawer__item-tag{background:#FFE9E1!important;color:var(--b-orange-d)!important}
:root:not(#m34b)[data-theme=dark] .drawer__item-tag{background:#2A1B26!important;color:var(--b-orange-h)!important}
:root:not(#m34b) .ot__reply{border-left-color:var(--b-orange)!important}
:root:not(#m34b) :is(.callmaster__list,.about__list) li::before{background-color:var(--b-orange)!important}
/* ---------- 14. Всплывающее «Вызовите мастера» и сводка квиза в цветах вывески ---------- */
:root:not(#m34b) .m34cm-ov{background:#00122ab8!important}
:root:not(#m34b) .m34cm-card{color:var(--b-ink)!important;border-top:5px solid var(--b-orange)}
:root:not(#m34b)[data-theme=dark] .m34cm-card{background:#0A2342!important;color:#EEF3F8!important}
:root:not(#m34b) .m34cm-list li::before{background-color:var(--b-orange)!important;
background-image:url("data:image/svg+xml;utf8,")!important;
background-size:12px 12px!important;background-position:center!important;background-repeat:no-repeat!important}
:root:not(#m34b)[data-theme=dark] .m34cm-phone{background:#06182F!important;color:var(--b-orange-h)!important;box-shadow:inset 0 0 0 1.5px #2B4D75}
:root:not(#m34b)[data-theme=dark] .m34cm-phone:hover{background:var(--b-orange)!important;color:var(--b-ink)!important}
:root:not(#m34b)[data-theme=dark]{--blue-bg:#0F2B4E}
/* ---------- 15. Внутренние страницы (категории, бренды, гео, статьи, служебные) — перенос 14.10 ---------- */
/* полоса якорного меню под шапкой — как вывеска (на главной это .hd__bottom) */
:root:not(#m34b) .subnav{background:var(--b-band-bg)!important;border-bottom:3px solid var(--b-orange)!important}
:root:not(#m34b) .subnav a{color:#E3EAF2!important}
:root:not(#m34b) .subnav a:hover{color:var(--b-orange-h)!important}
:root:not(#m34b)[data-theme=dark] .subnav{background:#000C1D!important;border-top:1px solid #12305A}
/* 4 плашки преимуществ в первом экране категорий — тёмные, как на главной */
:root:not(#m34b) .usp-row .usp{background:var(--b-plate)!important;border:0!important;box-shadow:0 14px 28px -18px #021428cc!important}
:root:not(#m34b) .usp-row .usp:hover{box-shadow:0 18px 30px -16px #021428dd,inset 0 -3px var(--b-orange)!important}
/* стрелка выпадающего списка в форме «Вызовите мастера» */
:root:not(#m34b) .fm__form select{background-image:url("data:image/svg+xml;utf8,")!important;
background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:16px 16px!important;padding-right:48px!important}
:root:not(#m34b)[data-theme=dark] .fm__form select{background-image:url("data:image/svg+xml;utf8,")!important}
/* фото по бокам формы «Получите консультацию» — поверх дорожек, а не под ними */
:root:not(#m34b) :is(.form-cta__photo,.form-cta__copy){position:relative;z-index:1}
/* «Куда выезжаем» в подвале: было rgba(255,255,255,.42) ≈ 4:1 — на тёмно-синем поднимаем до нормы */
:root:not(#m34b) .ft__geo{color:#A9B7C8!important}
:root:not(#m34b) .ft__geo>span:first-child{color:#C9D4E0!important}
/* служебные страницы (/about/, /kontakty/, /oferta/, /politika/, /spasibo/…): меню стоит в одной строке с логотипом —
надпись «МастерСервис34» шире старого значка, пункты меню не должны переноситься */
:root:not(#m34b) .hd__top>.hd__nav>*{white-space:nowrap}
@media (max-width:1440px){
:root:not(#m34b) .hd__top>.hd__nav{gap:14px!important;font-size:.86rem!important}
:root:not(#m34b) .hd__top:has(>.hd__nav) .brand__word{font-size:1.2rem}
:root:not(#m34b) .hd__top:has(>.hd__nav) .brand__robot{width:46px;height:46px;flex-basis:46px}
}
/* 901–1100 px: меню в строку уже не помещается (и на старом логотипе переносилось в 2 строки) — как на телефоне: бургер */
@media (max-width:1100px) and (min-width:901px){
:root:not(#m34b) .hd__top>.hd__nav{display:none!important}
:root:not(#m34b) .hd:not(:has(.hd__bottom)) .hd__burger{display:inline-flex!important}
}
/* /spasibo/ — карточка «Заявка принята» в цветах вывески */
:root:not(#m34b) .spb__icon{background:var(--b-orange)!important;color:var(--b-ink)!important;box-shadow:0 16px 38px -14px #FF4315b3!important}
:root:not(#m34b) .spb__sub strong{color:var(--b-orange-t)!important}
:root:not(#m34b) .spb__phone{background:var(--b-pale)!important;color:var(--b-orange-t)!important;font-family:var(--b-font-cond);font-weight:700}
:root:not(#m34b) .spb__phone:hover{background:var(--b-ink)!important;color:#fff!important}
:root:not(#m34b) .spb__note{color:#5C6C80!important}
:root:not(#m34b)[data-theme=dark] .spb__card{background:var(--paper)!important;border-color:#1D3A5C!important;color:#EEF3F8!important}
:root:not(#m34b)[data-theme=dark] .spb__sub{color:#B9C6D4!important}
:root:not(#m34b)[data-theme=dark] .spb__sub strong{color:var(--b-orange-h)!important}
:root:not(#m34b)[data-theme=dark] .spb__phone{background:#06182F!important;color:var(--b-orange-h)!important;box-shadow:inset 0 0 0 1.5px #2B4D75}
:root:not(#m34b)[data-theme=dark] .spb__phone:hover{background:var(--b-orange)!important;color:var(--b-ink)!important}
:root:not(#m34b)[data-theme=dark] .spb__note{color:#9FB0C3!important}
/* ---------- 16. Плашка cookie на телефоне: «Отказаться» слева, «Принять» справа — 14.10.2026 ----------
DOM-порядок кнопок (consent.js) не трогаем: сначала «Принять», потом «Отказаться» (десктоп — как было).
На ширинах, где сама плашка переходит в мобильный режим (её собственный @media в consent.js: max-width:720px),
визуально разворачиваем ряд кнопок — это не меняет тексты/логику/Метрику. */
@media (max-width:720px){
:root:not(#m34b) .md-cc-b{flex-direction:row-reverse!important}
}
/* ---------- 17. Мягкий оранжевый на телефоне, вариант Б #E8704F (M34-ORANGE-SOFT-ALL-20261014) ----------
SPEC_2026-10-14_ms34-myagche-oranzhevyi.md, этап 3 (владелец: «пересобирай весь сайт мобильной
версии… ПК пусть как есть»). Только @media (max-width:900px). Переопределены 4 базовых
токена — этого хватает везде, где цвет взят через var(--b-orange*)/var(--blue*) (раздел 1–16).
Отдельно переопределены составные литералы, которые var() не выражает: box-shadow с альфой
и SVG-стрелки списков в data-URI (были закодированы отдельно от --b-orange*). */
@media (max-width:900px){
:root:not(#m34b){--b-orange:#E8704F;--b-orange-h:#E8704F;--b-orange-t:#BD3C19;--b-orange-d:#BD3C19;}
:root:not(#m34b) .m34cm-input:focus,:root:not(#m34b) .field__input:focus,:root:not(#m34b) .field__select:focus,:root:not(#m34b) .input:focus{box-shadow:0 0 0 3px #E8704F33!important}
:root:not(#m34b) :is(.qz-form__input,.m34cm-input):focus{box-shadow:0 0 0 3px #E8704F33!important}
:root:not(#m34b) .spb__icon{box-shadow:0 16px 38px -14px #E8704Fb3!important}
:root:not(#m34b) .field__select{background-image:url("data:image/svg+xml;utf8,")!important}
:root:not(#m34b) .fm__form select{background-image:url("data:image/svg+xml;utf8,")!important}
:root:not(#m34b)[data-theme=dark] .field__select{background-image:url("data:image/svg+xml;utf8,")!important}
:root:not(#m34b)[data-theme=dark] .fm__form select{background-image:url("data:image/svg+xml;utf8,")!important}
}