/* Легенда — фирменный стиль по брендбуку 2024 и одобренному первому экрану.
   Источник правил: tools/brand/brand.json. Проверка: node tools/check-brand.mjs (входит в check-site).

   Цвета (стр. 20–21): сигнальный чёрный #282828, мокрый асфальт #4C4F52, серо-зелёный #54625A,
   умеренный синий #415B78, дымчато-белый #F5F2ED и их оттенки 75/50/20 %.
   Шрифты (стр. 24–25): заголовки — Gropled Bold, текст — SF UI Display (Regular — основной, Semibold — выделения).
   Фирменный элемент (стр. 28): паттерн из эмблемы — только на тёмных полосах, приглушённо. */

@font-face{font-family:"Gropled";src:url("../fonts/gropled-bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;ascent-override:83%;descent-override:22%;line-gap-override:0%}
@font-face{font-family:"SF UI Display";src:url("../fonts/SFUIDisplay-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"SF UI Display";src:url("../fonts/SFUIDisplay-Regular.woff2") format("woff2");font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:"SF UI Display";src:url("../fonts/SFUIDisplay-Semibold.woff2") format("woff2");font-weight:600 900;font-style:normal;font-display:swap}

:root{
	--brand-black:#282828;--brand-asphalt:#4c4f52;--brand-green:#54625a;--brand-blue:#415b78;--brand-paper:#f5f2ed;
	--brand-night:#1b201d;--brand-night-deep:#161b18;--brand-night-line:rgba(245,242,237,.13);
	--brand-accent:#aecab9;--brand-button:#62796c;--brand-button-hover:#748d7e;--brand-focus:#97b9a5;
	--font-display:"Gropled",Arial,Helvetica,sans-serif;
	--font-text:"SF UI Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
	/* переменные базовой вёрстки → фирменные */
	--ink:#282828;--muted:#4c4f52;--line:#dcded9;--light:#f5f2ed;--blue:#54625a;--blue-dark:#45524b;--blue-light:#e5ecdf;--navy:#1b201d;
	--radius:16px;--shadow:0 10px 28px rgba(40,40,40,.07)
}

/* ——— Основа ——— */
body{font-family:var(--font-text);background:var(--brand-paper);color:var(--ink)}
button,input,select,textarea{font-family:inherit}
p{color:var(--muted)}
b,strong{font-weight:600}
::selection{background:#b3cebd;color:#18231d}
:focus-visible{outline-color:var(--brand-focus)}
input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#788f7f;box-shadow:0 0 0 3px rgba(84,98,90,.16)}

/* Заголовки.
   Gropled — акцидентный шрифт с узкими пробелами и стилизованной кириллицей («п» похожа на «г»):
   плотный набор слипается в слова вроде «Скугка». Поэтому:
   - H2 и заголовки окон — Gropled, но только крупно (от 20px), с положительной разрядкой и пробелами пошире,
     отрицательный трекинг из базовой вёрстки запрещён (!important — это правило читаемости, его проверяет check-brand);
   - H1 — самая длинная и важная фраза страницы — SF UI Display Semibold: её должны прочитать с первого взгляда. */
h1,h2,.dialog__title,.valuation-form__title{font-family:var(--font-display);font-weight:700;line-height:1.12}
body :is(h2,.dialog__title,.valuation-form__title){letter-spacing:.012em!important;word-spacing:.05em}
h1{font-family:var(--font-text);font-weight:600;letter-spacing:-.02em;line-height:1.06}
h3,h4,.footer__title{font-family:var(--font-text);font-weight:600;letter-spacing:-.01em}
.valuation-form__heading .valuation-form__title{font-size:23px;white-space:normal}

.eyebrow{font-family:var(--font-text);color:#54665a;letter-spacing:.12em}
.hero .eyebrow,.page-hero .eyebrow{color:#8fa997}
a:not([class]){color:inherit}
.text-button{color:#54625a}
.text-button:hover{color:var(--brand-black)}

/* ——— Кнопки (как на одобренном первом экране) ——— */
.btn{border-radius:12px;font-weight:600;letter-spacing:0}
.btn:hover{transform:none}
.btn .icon{transition:transform .2s}
.btn:hover .icon{transform:translateX(3px)}
.btn-primary{color:var(--brand-paper);background:linear-gradient(110deg,#5c7566 0%,#63796d 57%,#54675c 100%);border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.btn-primary:hover{background:var(--brand-button-hover);box-shadow:0 6px 20px rgba(0,0,0,.13)}
.btn-outline{background:#fff;border:1px solid #d1d8d1;color:var(--brand-black)}
.btn-outline:hover{background:#e4e9e2;border-color:#a9b8ac}
.btn-outline-light{color:var(--brand-paper);background:rgba(19,25,22,.13);border:1px solid rgba(245,242,237,.78)}
.btn-outline-light:hover{background:rgba(245,242,237,.08);border-color:var(--brand-paper)}
.btn-dark{background:var(--brand-black);color:var(--brand-paper)}

/* ——— Шапка ——— */
.header{background:linear-gradient(105deg,#1b201d,#151a17 76%,#1b201d);box-shadow:0 1px 0 var(--brand-night-line);backdrop-filter:none}
.header__main{min-height:76px}
.brand>img{width:176px;height:auto}
.brand>span{display:none}
.city-button{border:0;background:none;padding:6px 0;color:var(--brand-paper)}
.city-button>.icon:first-child{color:var(--brand-paper)}
.a11y-toggle{color:var(--brand-paper)}
.header__trust{padding-left:20px;border-left:1px solid var(--brand-night-line);color:var(--brand-paper)}
.header__trust .icon{color:var(--brand-paper)}
.header__trust small{color:#aeb7b1}
.header__messengers{gap:24px;padding-left:20px;border-left:1px solid var(--brand-night-line);align-self:stretch}
.header__messengers button{gap:9px;color:var(--brand-paper)}
.header__messengers img{width:26px;height:26px;flex:none}
.header__phone{font-weight:600;color:var(--brand-paper)}
.header__phone .icon{color:var(--brand-paper)}
.header__cta{border-radius:8px;min-height:46px;padding-inline:20px}
.header__nav{justify-content:flex-start;height:50px;border-top:1px solid var(--brand-night-line);color:var(--brand-paper)}
.header__nav .menu{justify-content:flex-start;gap:34px}
.header__nav .menu>li>a{font-weight:600}
.header__nav .menu a:hover,.header__nav .current-menu-item>a,.header__nav .current-menu-ancestor>a{color:var(--brand-accent)}
.header__nav .sub-menu{background:#232c26;border:1px solid #425046;border-radius:0 0 18px 18px;box-shadow:0 16px 36px rgba(0,0,0,.3);padding:12px}
.header__nav .sub-menu a:hover{background:rgba(174,202,185,.12);color:var(--brand-accent)}
.header.is-scrolled .header__main{min-height:64px}
/* Пункты с подменю — стрелка вниз, чтобы было видно, что раздел раскрывается; при открытии поворачивается */
.header__nav .menu>li.menu-item-has-children>a{display:inline-flex;align-items:center;gap:7px}
.header__nav .menu>li.menu-item-has-children>a:after{content:"";width:6px;height:6px;margin-top:-4px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);opacity:.75;transition:transform .2s,margin .2s}
.header__nav .menu>li.menu-item-has-children:hover>a:after,.header__nav .menu>li.menu-item-has-children:focus-within>a:after{margin-top:3px;transform:rotate(-135deg)}
@media(max-width:767px){.header__nav .menu>li.menu-item-has-children>a:after{display:none}}
.a11y-toggle{border-color:var(--brand-night-line);color:var(--brand-paper)}
.a11y-toggle:hover{border-color:rgba(245,242,237,.5)}
@media(min-width:1400px){.header__messengers button span{display:inline}}

/* ——— Первый экран главной ——— */
.hero{background:var(--brand-night)}
.hero--brand{isolation:isolate;min-height:638px}
.hero--brand .hero__scene{position:absolute;inset:0;z-index:-1;display:block;pointer-events:none}
.hero--brand .hero__scene img{width:100%;height:100%;object-fit:cover;object-position:center top}
.hero--brand .hero__layout{display:block;min-height:638px;padding-top:40px;padding-bottom:72px}
.hero--brand .hero__copy{width:560px;max-width:46%}
.hero__eyebrow{color:#8fa997;font-size:19px;font-weight:600;line-height:1.3}
.hero--brand h1{font-size:60px;line-height:1.04;letter-spacing:-.022em;margin:12px 0 24px;text-shadow:none;text-wrap:initial}
.hero--brand .hero__lead{font-size:18px;line-height:1.38;color:#edeeeb;max-width:552px;text-shadow:none}
.hero--brand .guarantee{gap:26px;max-width:none;margin-top:25px;padding:16px 25px 16px 30px;min-height:100px;border:1px solid rgba(200,217,203,.25);border-radius:21px;background:linear-gradient(110deg,rgba(26,35,29,.44),rgba(130,142,132,.10));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.guarantee__icon{width:48px!important;height:48px!important;color:#b3cfbc;stroke-width:1.4}
.hero--brand .guarantee strong{font-size:18px;font-weight:600}
.hero--brand .guarantee>span>span{font-size:16px;line-height:1.45;color:#dce1dc}
.hero--brand .hero__actions{display:grid;grid-template-columns:1.57fr 1fr;gap:20px;margin-top:18px}
.hero--brand .hero__actions .btn{min-height:62px;font-size:17px;border-radius:19px;min-width:0}
.hero__facts{display:flex;flex-wrap:wrap;gap:12px 34px;margin-top:25px}
.hero__facts li{display:flex;align-items:center;gap:13px;font-size:16px;color:var(--brand-paper);white-space:nowrap}
.hero__facts .icon{width:32px;height:32px;color:#b4d0be;stroke-width:1.5}
.hero--brand .hero__note{color:#aeb7b1;font-size:13px}

/* ——— Светлая полоса онлайн-оценки ——— */
.estimate{position:relative;z-index:2;background:var(--brand-paper);color:#202823;border-radius:38px 38px 0 0;margin-top:-38px;padding:32px 0 34px}
.estimate__inner{display:grid;grid-template-columns:320px minmax(0,1fr);gap:40px;align-items:start}
.estimate__intro{padding-top:8px}
.estimate h2{font-size:36px;line-height:1.15;margin-bottom:18px}
.estimate__intro p{font-size:17px;line-height:1.45;color:#656965}
.estimate__quiz{margin-top:20px;font-size:15px}
.valuation-form--wide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"category condition phone" "upload contact send" "message message message";gap:18px 26px;align-items:start;padding:0;background:none;box-shadow:none;border-radius:0;color:#202823}
.valuation-form--wide .field,.valuation-form--wide .field--phone{margin:0}
.valuation-form--wide .field--category{grid-area:category}
.valuation-form--wide .choice-field--condition{grid-area:condition}
.valuation-form--wide .field--phone{grid-area:phone;padding-top:30px}
.valuation-form--wide .upload-field{grid-area:upload}
.valuation-form--wide .choice-field--contact{grid-area:contact}
.valuation-form--wide .valuation-form__send{grid-area:send;padding-top:30px}
.valuation-form--wide .form-message{grid-area:message;margin:0}
.valuation-form--wide .form-message:empty{display:none}

/* Поля форм — везде в фирменной гамме */
.valuation-form{background:var(--brand-paper);color:#202823;border-radius:22px}
.field>span:first-child:not(.input-wrap):not(.sr-only),.field-label,.choice-field legend{color:#222823;font-weight:500}
.field input,.field select,.field textarea{border:1px solid #dcded9;border-radius:10px;background:#fff;color:#222823}
.field input:hover,.field select:hover{border-color:#a9b8ac}
.field input::placeholder{color:#72766f}
.input-wrap>.icon{color:#656c64}
.chips>label>span{border:1px solid #dcded9;border-radius:9px;background:#fff;color:#202823}
.chips input:checked+span{border-color:#788f7e;background:#e8ede6;box-shadow:inset 0 0 0 1px #788f7e;color:#202823}
.chips input:focus-visible+span{outline:3px solid var(--brand-focus)}
.chips--contact img{width:22px;height:22px;flex:none}
.dropzone{border:1px dashed #b6bdb3;background:rgba(255,255,255,.4);border-radius:10px}
.dropzone:hover,.dropzone.is-dragover{border-color:#54625a;background:#e9eee7}
.dropzone>.icon{color:#4c5650}
.dropzone b{color:#222823}
.dropzone small{color:#656c64}
.upload-plus{background:#e1e7de;color:#4c5650}
.consent{color:#656965}
.consent input{accent-color:#63796c}
.valuation-form .btn-full{min-height:56px;font-size:17px}
.valuation-form__quiz{color:#54625a}

/* ——— Первый экран внутренних страниц: тёмная полоса с паттерном из эмблемы ——— */
.page-hero{background:linear-gradient(105deg,#1b201d,#161b18 70%,#1f2622)}
.page-hero>.hero__background{background:url("../img/brand/pattern-tile.svg") repeat right top/132px 120px;opacity:.05;-webkit-mask-image:linear-gradient(90deg,transparent 35%,#000 85%);mask-image:linear-gradient(90deg,transparent 35%,#000 85%)}
.page-hero>.hero__background:after{display:none}
.page-hero h1{font-size:50px;line-height:1.06;text-shadow:none}
.page-hero .hero__lead{color:#dce1dc;text-shadow:none}
.page-hero__points .icon{color:#b4d0be}
.breadcrumbs{color:#aeb7b1}
.breadcrumbs a:hover{color:var(--brand-paper)}

/* ——— Разделы ——— */
.price-table td:last-child{color:#314939}
.benefits-band{background:linear-gradient(100deg,#1b201d,#232c26);border-top:1px solid var(--brand-night-line);color:var(--brand-paper)}
.benefit{border-right-color:var(--brand-night-line)}
.category-card{background:#fff;border-color:#dcded9;border-radius:18px}
.category-card:hover{border-color:#a9b8ac;box-shadow:var(--shadow)}
.category-card__picture{background:#f5f2ed;border-radius:12px}
.faq-item{border-color:#dcded9;border-radius:14px}
.contact-banner{background:linear-gradient(110deg,#1b201d,#2b3b2f);border-radius:22px;position:relative;overflow:hidden}
.contact-banner:before{content:"";position:absolute;inset:0;background:url("../img/brand/pattern-tile.svg") repeat right center/132px 120px;opacity:.05;-webkit-mask-image:linear-gradient(90deg,transparent 45%,#000);mask-image:linear-gradient(90deg,transparent 45%,#000);pointer-events:none}
.contact-banner>*{position:relative}
.contact-banner h2{color:var(--brand-paper)}

/* ——— Подвал: тёмный, как носители стиля в брендбуке ——— */
.footer{margin-top:70px;padding-top:44px;background:var(--brand-night);color:var(--brand-paper)}
.footer__brand img{width:176px;height:auto}
.footer__brand p,.footer__brand>span{color:#aeb7b1}
.footer__grid :is(h3,.footer__title){color:var(--brand-paper)}
.footer__grid>div>a:not(.footer__phone),.footer__grid>div>button,.footer__grid>div>span{color:#c9cfca}
.footer__grid>div>button:hover,.footer__grid>div>a:not(.footer__phone):hover{color:var(--brand-accent)}
.footer__social>button{background:rgba(245,242,237,.08);color:var(--brand-paper)}
.footer__phone{color:var(--brand-paper)}
.footer__legal{border-top-color:var(--brand-night-line)}
.footer__legal p{color:#aeb7b1}
.footer__legal b{color:#dce1dc}

.mobile-bar{background:rgba(245,242,237,.96);border-top-color:#dcded9}
.mobile-bar>a,.mobile-bar>button{color:#314939}
.mobile-bar>.mobile-bar__primary{background:linear-gradient(110deg,#5c7566,#54675c);color:var(--brand-paper)}

/* ——— Адаптив ——— */
@media(min-width:1600px){
	.hero--brand,.hero--brand .hero__layout{min-height:680px}
	.hero--brand .hero__scene img{object-position:center center}
	.hero--brand h1{font-size:64px}
}
@media(max-width:1460px){
	.header__trust{display:none}
	.hero--brand h1{font-size:58px}
	.estimate__inner{grid-template-columns:270px minmax(0,1fr);gap:30px}
	.estimate h2{font-size:34px}
}
@media(max-width:1280px){
	.brand>img{width:160px}
	.header__messengers{gap:16px;padding-left:14px}
	.header__nav .menu{gap:24px}
	.hero--brand .hero__copy{width:520px;max-width:50%}
	.hero--brand h1{font-size:52px}
	.hero--brand .hero__lead{font-size:17px}
	.hero--brand .hero__scene img{object-position:right center}
	.hero__facts{gap:10px 22px}
	.hero__facts li{font-size:15px;gap:9px}
	.hero__facts .icon{width:28px;height:28px}
	.estimate__inner{grid-template-columns:1fr;gap:18px}
	.estimate__intro{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 24px;padding:0}
	.estimate h2{margin:0;font-size:36px}
	.estimate__quiz{margin:0}
	.page-hero h1{font-size:44px}
}
@media(max-width:1100px){
	.header__messengers{border-left:0;padding-left:0}
	.header__nav .menu{gap:18px}
	.hero--brand h1{font-size:46px}
	.hero--brand .hero__copy{width:480px;max-width:56%}
	.hero--brand .guarantee{padding:14px 18px;gap:16px}
	.guarantee__icon{width:40px!important;height:40px!important}
	.valuation-form--wide{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"category condition" "phone contact" "upload send" "message message";gap:16px 20px}
	.valuation-form--wide .field--phone{padding-top:0}
}
@media(max-width:900px){
	.hero--brand .hero__copy{width:auto;max-width:560px}
	.hero--brand .hero__scene img{opacity:.35}
	.hero--brand h1{font-size:44px}
	.hero--brand .hero__actions{grid-template-columns:1fr 1fr}
	.page-hero h1{font-size:38px}
}
/* Сцена 2026 (hero-scene*.webp): на средних ширинах картинка уезжает под текст — затемняем левую часть */
@media(min-width:768px) and (max-width:1460px){.hero--brand .hero__scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,31,29,.9) 0%,rgba(26,31,29,.72) 40%,rgba(26,31,29,0) 64%)}}
@media(max-width:767px){
	.header__nav{height:auto;background:#1b201d}
	.header__nav .menu{gap:0}
	.brand>img{width:140px}
	.hero--brand,.hero--brand .hero__layout{min-height:0}
	.hero--brand .hero__layout{padding-top:28px;padding-bottom:64px}
	.hero--brand .hero__scene img{opacity:1;object-position:center bottom}
	.hero--brand .hero__scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(27,32,29,.92) 0%,rgba(27,32,29,.78) 55%,rgba(27,32,29,.35) 100%)}
	.hero__eyebrow{font-size:16px}
	.hero--brand h1{font-size:clamp(34px,9vw,44px);line-height:1.02}
	.hero--brand .hero__lead{font-size:17px}
	.hero--brand .guarantee{border-radius:18px;padding:14px 16px;min-height:0}
	.guarantee__icon{width:34px!important;height:34px!important}
	.hero--brand .guarantee strong{font-size:17px}
	.hero--brand .hero__actions{grid-template-columns:1fr;gap:12px}
	.hero--brand .hero__actions .btn{min-height:54px;font-size:16px;border-radius:14px}
	.hero__facts{flex-direction:column;align-items:flex-start;gap:12px}
	.estimate{border-radius:26px 26px 0 0;margin-top:-26px;padding:26px 0 30px}
	.estimate__intro{display:block}
	.estimate h2{font-size:32px;margin-bottom:10px}
	.estimate__quiz{margin-top:10px}
	.valuation-form--wide{grid-template-columns:1fr;grid-template-areas:"category" "condition" "phone" "upload" "contact" "send" "message"}
	.valuation-form--wide .valuation-form__send{padding-top:0}
	.page-hero h1{font-size:34px}
	.page-hero>.hero__background{-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
	.footer{padding-top:34px}
}
@media(max-width:480px){
	.hero--brand h1{font-size:34px}
	.estimate h2{font-size:28px}
	.page-hero h1{font-size:31px}
}
@media(prefers-reduced-motion:reduce){.btn .icon{transition:none}.btn:hover .icon{transform:none}}

/* Согласие стоит перед кнопкой «Получить оценку» (valuation-form.php) */
.valuation-form__send>.consent{margin:0 0 14px}

/* «Условия выкупа» (template-parts/sections/terms.php) */
.terms-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.terms-card a{color:var(--brand-green,#3f5a4b);text-decoration:underline;text-underline-offset:3px}
.terms-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 14px;align-content:start;padding:20px;border-radius:16px;background:var(--brand-paper,#f5f2ed);border:1px solid rgba(98,121,108,.14)}
.terms-card__icon{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--brand-button,#62796c)}
.terms-card__icon .icon{width:21px;height:21px}
.terms-card h3{font-size:16px;align-self:center}
.terms-card p{font-size:14px;line-height:1.5}
@media(max-width:1180px){.terms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.terms-grid{grid-template-columns:1fr}.terms-card{padding:16px}}

/* Отзывы без фото/видео (текстовые с Яндекс Карт) и сетка из трёх на категориях */
.review-card.review-card--text{grid-template-columns:1fr}
.review-card--text .review-card__copy{padding:22px 22px 20px}
.review-card--text .review-card__copy blockquote{font-size:15px;line-height:1.5;flex:1}
.review-card--text .review-card__copy>strong{font-size:14px}
.review-card--text .review-card__copy>span:not(.stars){font-size:12px}
.review-card--text .review-card__copy>.text-button{font-size:12px}
.review-card--text .stars{color:#e0b33b}
.reviews-grid.reviews-grid--all{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.reviews-grid.reviews-grid--all{grid-template-columns:1fr 1fr}}

/* Строка списка моделей без колонки факторов (факторы — во вводке блока, 30.09.2026) */
.lgm__list .lgm__row{grid-template-columns:minmax(0,1fr) auto}

/* Выбор магазина обязателен (форма первого экрана, «Товар на заказ») */
.valuation-form .field--point__hint{font-size:12.5px;line-height:1.45;color:var(--muted)}
.valuation-form .field--point select.is-invalid,.zk-field select:invalid:focus{border-color:#c0392b;box-shadow:0 0 0 3px rgba(192,57,43,.12)}
.valuation-form .field--point select:has(option[value=""]:checked){color:var(--muted)}

/* ——— Мобильная полоса «Ваш город» под шапкой (01.10.2026) ——— */
.city-bar{display:none}
@media(max-width:900px){
	.city-bar{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;margin:0;padding:0 18px;border:0;border-top:1px solid var(--brand-night-line);background:rgba(245,242,237,.06);color:var(--brand-paper);font:inherit;font-size:15px;line-height:1.2;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:min-height .2s,opacity .2s}
	.city-bar>.icon{flex:none;width:18px;height:18px}
	.city-bar>.icon:first-child{color:var(--brand-accent)}
	.city-bar>.icon:last-child{transform:rotate(-90deg);opacity:.7}
	.city-bar__text{flex:1;min-width:0;color:rgba(245,242,237,.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.city-bar__text b{color:var(--brand-paper);font-weight:600}
	.city-bar:active{background:rgba(245,242,237,.12)}
	.city-bar:focus-visible{outline:2px solid var(--brand-focus);outline-offset:-2px}
	.header.is-scrolled .city-bar{min-height:0;height:0;overflow:hidden;opacity:0;border:0;pointer-events:none}
}

/* ——— Шапка на узких телефонах: кнопка меню не сжимается (02.10.2026); «Позвонить» без подписи — в callbox.css ——— */
@media(max-width:900px){.menu-button{flex:none}}