/* ====================================================================
 * KENDA. Верхнее меню сайта.
 *
 * Собрано по макету Вени от 25.08.2026: меню не полоса во всю ширину, а
 * тёмная плашка со скруглёнными углами, которая плавает над страницей и
 * лежит прямо на картинке баннера. Справа круглая кнопка поиска, красная
 * кнопка «Стать дилером» и красный квадрат вызова бокового меню.
 *
 * ⭐⭐⭐ ПРОПОРЦИИ. Плашка чуть шире содержимого страницы, а её внутреннее
 * поле подобрано так, что логотип стоит правее левого края содержимого
 * ровно настолько же, насколько плашка левее его. По макету: плашка левее
 * содержимого на 23 пикселя, логотип совпадает с содержимым.
 *
 * ⛔ Предельная ширина шапки задаётся НЕ здесь, а в shirina.css: там один
 * источник правды по ширине для всего сайта. Здесь только вид.
 *
 * Подключает mu-plugins/kenda-menyu-verh.php (приоритет 1000, последним).
 * ==================================================================== */

/* ⛔⭐⭐ Цвета объявлены на :root, а НЕ внутри `#header-outer`.
   Поймано 28.08.2026: выезжающее меню телефона лежит в `#slide-out-widget-area`,
   это СОСЕД шапки, а не потомок. Переменные, объявленные на шапке, туда не
   доходят, `var(--k-verh-fon)` разрешался в пустоту, и панель стала
   прозрачной: пункты меню повисли прямо над страницей. */
:root {
	--k-verh-fon: #101216;
	--k-krasnyy: #d81f2a;
}

body.k-verh #header-outer {
	--k-verh-fon: #101216;
	/* ⛔ Высота плашки НЕ задаётся числом: она тянется по самой шапке.
	   На главной шапка выше (логотип там 150 против 50), и плашка с жёсткими
	   84 пикселями оставалась наверху, а меню съезжало под неё на фотографию
	   (кадр 25.08.2026). */
	--k-verh-sverhu: 12px;   /* просвет над плашкой */
	--k-verh-snizu: 10px;    /* просвет под плашкой */
	/* ⛔⭐ Вылет плашки за края контейнера. Положительным он может быть
	   ТОЛЬКО когда контейнер уже окна, то есть от 1760 (1680 плюс два поля
	   по 40). На узком окне контейнер прижат к краям экрана, и плашка с
	   плюсовым вылетом уезжала за край вместе со скруглением: при окне 1440
	   она выходила 1474 (замер 25.08.2026). */
	--k-verh-vylet: -8px;
	--k-verh-radius: 18px;
	--k-krasnyy: #d81f2a;
}

/* ⛔ Фон снимаем с внешней обёртки: он рисовал полосу во всю ширину экрана,
   а плашку рисует псевдоэлемент контейнера. `!important` обязателен: тема
   ставит фон и тень инлайном и при прокрутке. */
body.k-verh #header-outer,
body.k-verh #header-outer.scrolled-down,
body.k-verh.material #header-outer {
	background-color: transparent !important;
	box-shadow: none !important;
	border-bottom: 0 !important;
}

/* ⭐ Сама плашка. Псевдоэлемент, а не фон контейнера: у контейнера высота
   шапки 106, а плашке нужно 84 и просвет сверху. Менять высоту самого
   контейнера нельзя, на ней держится раскладка логотипа и пунктов. */
body.k-verh #header-outer #top > .container::before {
	content: "";
	/* ⛔ Обязательно `display: block` и ширина: тема держит на этом же
	   псевдоэлементе клирфикс `display: table`, и плашка выходила шириной
	   в ноль пикселей, то есть невидимой (замер 25.08.2026). */
	display: block;
	width: auto;
	position: absolute;
	left: calc(var(--k-verh-vylet) * -1 + 0px);
	right: calc(var(--k-verh-vylet) * -1 + 0px);
	top: var(--k-verh-sverhu);
	bottom: var(--k-verh-snizu);
	border-radius: var(--k-verh-radius);
	background: var(--k-verh-fon);
	box-shadow: 0 20px 44px -28px rgba(0, 0, 0, .95);
	pointer-events: none;
	z-index: 0;
}

/* ⚠️ Плашка лежит псевдоэлементом, поэтому содержимое шапки обязано быть
   ВЫШЕ него по слою, иначе логотип и пункты уходят под заливку. */
body.k-verh #header-outer #top > .container {
	position: relative;
}

/* ⛔ ТОЛЬКО прямые дети ряда, не все потомки. Со звёздочкой правило ставило
   `position: relative` вообще всему внутри шапки, включая окно поиска: окно
   с `position: fixed` теряло полный экран и раскрывалось лоскутом 475 на 278
   внутри шапки (замер 25.08.2026). Поднять над плашкой достаточно колонки. */
body.k-verh #header-outer #top > .container > .row,
body.k-verh #header-outer #top > .container > .row > * {
	position: relative;
	z-index: 1;
}

/* ⭐⭐ По макету поиск и кнопка дилера стоят СПРАВА, рядом с квадратом
   бокового меню, а не сразу за пунктами. Между пунктами и ними просвет.
   ⚠️ Тема раскладывает пункты через `float`, поэтому строка меню сначала
   становится гибкой, и только тогда работает распорка `margin-left: auto`. */
/* ⚠️ Одной гибкой строки мало: полоса меню занимала ширину по содержимому
   и кончалась там же, где пункты, поэтому распорке некуда было толкать
   (замер 25.08.2026: строка меню 858 при свободных 1350). Тянем всю цепочку
   от ряда шапки до списка пунктов. */
body.k-verh #header-outer #top > .container > .row {
	display: flex;
	align-items: center;
}

body.k-verh #header-outer #top > .container > .row > .col.span_9 {
	flex: 1 1 auto;
	min-width: 0;
}

body.k-verh #header-outer #top nav,
body.k-verh #header-outer #top nav > ul.sf-menu {
	width: 100%;
}

body.k-verh #header-outer #top nav > ul.sf-menu {
	display: flex;
	align-items: center;
}

body.k-verh #header-outer #top nav > ul.sf-menu > li {
	float: none;
}

/* ⭐ Веня 25.08.2026: «пункты меню сделать посередине». Две распорки:
   одна перед первым пунктом, вторая перед поиском. Между ними пункты
   встают ровно посередине свободного места. */
body.k-verh #header-outer #top nav > ul.sf-menu > li:first-child {
	margin-left: auto;
}

body.k-verh #header-outer #top nav > ul.sf-menu > li.k-poisk {
	margin-left: auto;
}

/* ------------------------------------------------- пункты меню и активный */
/* ⭐ У открытого раздела красная черта под словом, как в макете. Черта висит
   на самом пункте, поэтому не двигает соседей. */
body.k-verh #header-outer #top nav > ul > li > a {
	position: relative;
}

body.k-verh #header-outer #top nav > ul > li.current-menu-item > a::after,
body.k-verh #header-outer #top nav > ul > li.current-menu-ancestor > a::after,
body.k-verh #header-outer #top nav > ul > li.current_page_item > a::after {
	content: "";
	position: absolute;
	left: 9px;
	right: 9px;
	/* ⚠️ Отсчёт от СЕРЕДИНЫ, а не от низа: у ссылки пункта высота во всю
	   шапку, и черта, поставленная от низа, оказывалась НАД словом
	   (кадр 25.08.2026). */
	top: 50%;
	margin-top: 14px;
	height: 2px;
	border-radius: 2px;
	background: var(--k-krasnyy);
}

/* ---------------------------------------------------------- кнопка поиска */
/* ⭐ По макету это круг, а не квадрат со скруглением, и у него есть своя
   тихая заливка: иначе лупа висит в воздухе рядом с красной кнопкой. */
body.k-verh #header-outer .k-poisk__knopka {
	width: 42px;
	height: 42px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .08);
}

body.k-verh #header-outer .k-poisk__knopka:hover,
body.k-verh #header-outer .k-poisk__gnezdo[open] .k-poisk__knopka {
	background: rgba(255, 255, 255, .16);
}

/* ------------------------------------------------- кнопка «Стать дилером» */
/* По макету кнопка выше и с большим полем, чем была: она главная в шапке.
   ⭐ 27.08.2026 кнопка стала ОДНОЙ ссылкой: слово и значок внутри неё,
   поэтому никаких половин, стыков и разъезжающихся высот больше нет. */
body.k-verh #header-outer .k-diler__knopka {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	margin-left: 14px;
	padding: 0 18px;
	border-radius: 12px;
	font-size: 14px;
	white-space: nowrap;
}

/* ⛔ Размер значка задаём с `!important`: тема правит размеры любых svg
   своими правилами, и без него полоски растягивались во всю высоту кнопки.
   Те же грабли были у прежнего квадрата со стрелкой.

   ⛔⭐ Селектор НЕ привязан к шапке. Замечание Кодекса 28.08.2026, проверено:
   ту же кнопку рисует выезжающее меню телефона, а оно лежит ВНЕ
   `#header-outer`, и там правило не срабатывало вовсе. Заодно убран
   невозможный селектор `#ajax-content-wrap body`: тело документа не бывает
   потомком div, такая строка не совпадает никогда и только путает. */
.k-diler__knopka .k-diler__znak,
body.k-verh .k-diler__knopka .k-diler__znak {
	flex: 0 0 auto;
	width: 18px !important;
	height: 18px !important;
	max-width: 18px;
	/* значок чуть тише слова, чтобы не спорил с ним по весу */
	opacity: .92;
}

/* --------------------------------------------- квадрат бокового меню */
/* ⭐ В макете это красный квадрат со скруглением, а не три серые полоски
   в пустоте. Полоски внутри белые. */
body.k-verh #header-outer .slide-out-widget-area-toggle > div > a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	/* ⚠️ `!important` обязателен: у темы свои размеры этой ссылки, и без него
	   красный квадрат вытягивался во всю высоту шапки. */
	width: 48px !important;
	height: 48px !important;
	min-width: 48px;
	padding: 0 !important;
	/* ⛔ Своих отступов у квадрата нет: просвет даёт правый блок целиком.
	   Тема держит `margin-left: 22px` на пункте и ещё 6 на ссылке, а ширину
	   родителя под них не пересчитывает, поэтому квадрат выпирал вправо на
	   28 пикселей и уезжал за край экрана (замер 25.08.2026). */
	margin-left: 0;
	/* ⛔ Тема сдвигает эту ссылку своими координатами, и квадрат уезжал за
	   правый край экрана на 16 пикселей при окне 1440 и на 24 при 1024
	   (замер 25.08.2026). Ставим на место и запрещаем сдвиг. */
	position: relative !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	transform: none !important;
	border-radius: 13px;
	background: var(--k-krasnyy);
	transition: background-color .16s ease;
}

body.k-verh #header-outer .slide-out-widget-area-toggle > div > a:hover {
	background: #b3141e;
}

/* ⛔⭐⭐ Полосок на самом деле ЧЕТЫРЕ, а не три. Кроме `.lines` и двух её
   псевдоэлементов тема рисует ещё `.lines-button::after` и красит его в
   серый #999. Он ложится ровно поверх средней белой полоски, и средняя
   выходила серой на красном квадрате: заметно даже без увеличения
   (кадр 28.08.2026, увеличение восьмикратное).
   ⚠️ `::before` у `.lines-button` в список не входит намеренно: у него
   `content: none`, он не рисуется вовсе, и правило было бы мёртвым. */
body.k-verh #header-outer .slide-out-widget-area-toggle .lines,
body.k-verh #header-outer .slide-out-widget-area-toggle .lines::before,
body.k-verh #header-outer .slide-out-widget-area-toggle .lines::after,
body.k-verh #header-outer .slide-out-widget-area-toggle .lines-button::after {
	background-color: #fff !important;
}

/* ⚠️ Тема разводит полоски по краям своей широкой кнопки. Внутри квадрата
   их надо собрать по центру, иначе они прижимаются к левому краю. */
body.k-verh #header-outer .slide-out-widget-area-toggle .lines-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* ⛔⭐⭐ Полоски стояли НИЖЕ середины квадрата. Веня 28.08.2026 по кадру:
   «бургер в кнопке не по середине». Замер на 390: квадрат 8..56, середина 32,
   а полоска шла на 37, то есть на шесть пикселей ниже.
   Виноват не наш отступ, а собственное правило темы: у `.lines-button` стоит
   `position: relative; top: 10px` (снято через CDP). Гасим сдвиг и растягиваем
   обёртку `span` на весь квадрат, чтобы центрирование считалось от квадрата,
   а не от двухпиксельной полоски. */
body.k-verh #header-outer .slide-out-widget-area-toggle > div > a > span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

body.k-verh #header-outer .slide-out-widget-area-toggle .lines-button {
	top: 0 !important;
	margin: 0 !important;
}

/* ====================================================================
 * Каталог: баннер уходит ПОД меню.
 * ⭐ По макету плашка меню лежит на картинке баннера, а не над ней. Пустую
 * распорку темы на этих страницах снимаем, а высоту шапки баннер добирает
 * своим верхним полем.
 * ==================================================================== */
body.tax-product_cat #header-space,
body.tax-product_tag #header-space,
body.post-type-archive-product #header-space {
	display: none;
}

@media (min-width: 1000px) {
	body.tax-product_cat .k-shapka__vnutri,
	body.tax-product_tag .k-shapka__vnutri,
	body.post-type-archive-product .k-shapka__vnutri {
		/* 106 это высота шапки темы, дальше своя шкала баннера.
		   ⭐ Через переменную, чтобы настройка баннера мышкой могла ужать
		   поле и поднять край.
		   ⛔ Ужимать НИЖЕ 106 нельзя: меню лежит поверх баннера, и текст
		   уедет под него. */
		padding-top: var(--k-pole-verh, calc(106px + var(--k-shag) * 7));
	}

	/* ⚠️ Это правило сильнее базового `.k-shapka` (два класса против одного)
	   и раньше перебивало настроенную высоту: у покупателя баннер оставался
	   546 пикселей, хотя в настройке стояло 375. Поймано 26.08.2026.
	   Теперь высота идёт одной переменной, а настройка перекрывает её
	   селектором тройной силы. */
	body.tax-product_cat .k-shapka,
	body.tax-product_tag .k-shapka,
	body.post-type-archive-product .k-shapka {
		--k-vysota: calc(440px + 106px);
		min-height: var(--k-vysota);
	}
}

/* ------------------------------------------------------------ до 999 */
/* ⚠️ Здесь шапка темы уже 48 пикселей, замерено 24.08.2026. */
@media (max-width: 999px) {
	body.k-verh #header-outer {
		/* ⚠️ Отступы ОТРИЦАТЕЛЬНЫЕ: ниже 1000 контейнер шапки высотой всего
		   24 пикселя при самой шапке в 48 (замер 25.08.2026), и плашка,
		   посаженная внутрь контейнера, выходила полосой в 10 пикселей. */
		--k-verh-sverhu: -8px;
		--k-verh-snizu: -8px;
		--k-verh-vylet: -12px;
		--k-verh-radius: 14px;
	}

	body.tax-product_cat .k-shapka__vnutri,
	body.tax-product_tag .k-shapka__vnutri,
	body.post-type-archive-product .k-shapka__vnutri {
		padding-top: calc(76px + var(--k-shag) * 5);
	}

	/* ⛔⭐ `!important` обязателен: выше по файлу у того же селектора стоит
	   `width: 48px !important`, и это правило не работало вовсе. Замер
	   28.08.2026: на 390 квадрат оставался 48, хотя здесь стояло 42.
	   ⚠️ 44, а не 42: 44 это нижняя граница уверенного попадания пальцем,
	   и в плашке 54 квадрат оставляет по 5 сверху и снизу. */
	body.k-verh #header-outer .slide-out-widget-area-toggle > div > a {
		width: 44px !important;
		height: 44px !important;
		min-width: 44px;
		border-radius: 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.k-verh #header-outer .k-poisk__knopka,
	body.k-verh #header-outer .k-diler__knopka,
	body.k-verh #header-outer .slide-out-widget-area-toggle > div > a {
		transition: none;
	}
}

/* ⭐ Открытый раздел в верхнем меню красный, как в макете. Класс ставит
   mu-plugins/kenda-menyu-verh.php: сам WordPress на архивах разделов его
   не выставляет. */
body.k-verh #header-outer #top nav > ul > li.current-menu-item > a,
body.k-verh #header-outer #top nav > ul > li.current-menu-item > a .menu-title-text {
	color: #d81f2a !important;
}

/* ⛔⭐ На главной плашки нет. Там шапка темы своя: логотип втрое выше (150
   против 50), меню центрируется в полосе 206 пикселей, и тёмный прямоугольник
   на всю эту высоту закрывал бы верх фотографии. Прозрачная шапка на большом
   снимке главной и была решением Вени 24.08.2026, менять его макет раздела
   не требует. */
body.k-verh.home #header-outer #top > .container::before {
	content: none;
}

/* ⭐ Плашка шире содержимого только на широком экране: см. пояснение к
   переменной вылета выше. */
@media (min-width: 1760px) {
	body.k-verh #header-outer {
		--k-verh-vylet: 17px;
	}
}

/* ⛔ Правил ширины и отступов правого блока здесь БОЛЬШЕ НЕТ. Они держали
   квадрат бокового меню внутри обёрток темы, но сам блок теперь скрыт на всех
   ширинах (см. пояснение выше), и вместе с ним умерли все правила, которые
   целились в `li.slide-out-widget-area-toggle`: такого узла на видимой
   странице не осталось. Нашёл Кодекс 28.08.2026.
   ⚠️ Квадрат телефона живёт в ДРУГОМ узле, `div.slide-out-widget-area-toggle
   .mobile-icon`, и его правила остались выше нетронутыми. */

/* ====================================================================
 * ⭐⭐ Одна кнопка вместо двух.
 * Веня 25.08.2026: «Стать дилером и бургер совмести в одну кнопку».
 * Красная пилюля слева отдаёт на страницу дилеров, красный квадрат
 * справа открывает боковое меню, между ними светлая волосяная линия.
 * Скругления половинные, поэтому пара читается как один предмет.
 *
 * ⚠️ Только от 1200: ниже кнопка дилера из верхнего меню убрана совсем
 * (poisk.css), и квадрат снова становится самостоятельным.
 * ==================================================================== */
@media (min-width: 1200px) {
	body.k-verh #header-outer .k-diler__knopka {
		/* ⚠️ Высота задана числом, а не полом: пол всегда сильнее заданной
		   высоты, и кнопка оставалась 48 там, где стояло 44. */
		box-sizing: border-box;
		height: 48px;
		min-height: 48px;
		/* ⭐ Скругление круговое: кнопка одна, половин больше нет. */
		border-radius: 12px;
		/* ⛔ Тени НЕТ: она обрисовывала контур и спорила с заливкой. */
		box-shadow: none !important;
	}

	/* ⛔ Правила, делавшие из квадрата бокового меню правую половину кнопки
	   дилера, УДАЛЕНЫ: квадрата на широком экране нет с тех пор, как весь
	   правый блок скрыт. Кнопка дилера здесь одна и целая. Нашёл Кодекс
	   28.08.2026, подтверждено расчётным `display: none` на 1000 и 1200. */

	body.k-verh #header-outer .k-diler {
		border-radius: 12px;
	}
}

/* ====================================================================
 * Клавиатурный фокус.
 * ⛔ Обход клавишей Tab 25.08.2026: у шести пунктов верхнего меню видимого
 * фокуса не было вовсе, у квадрата бокового меню он был тёмный на красном,
 * то есть неразличимый. На тёмной плашке это особенно заметно.
 * ==================================================================== */
body.k-verh #header-outer #top nav > ul > li > a:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -4px;
	border-radius: 8px;
}

body.k-verh #header-outer .slide-out-widget-area-toggle > div > a:focus-visible {
	outline: 2px solid #fff !important;
	outline-offset: -4px;
}


/* ====================================================================
 * ⭐⭐ Кнопка дилера из двух половин.
 * Веня 25.08.2026: «убери правое выпадающее меню из бургера, это будет
 * кнопка на страницу дилеров». Квадрат теперь часть самой кнопки и ведёт
 * туда же, куда слово, а вызов боковой панели с широкого экрана убран.
 * ==================================================================== */
body.k-verh #header-outer .k-diler {
	display: inline-flex;
	align-items: stretch;
	height: 48px;
}

body.k-verh #header-outer .k-diler__knopka {
	align-self: stretch;
	height: 48px;
	margin-top: 0;
	margin-bottom: 0;
}

/* ⛔⭐⭐⭐ Квадрат бокового меню убран со ВСЕХ ширин, где видна строка меню,
   то есть с 1000, а не с 1200.

   Прежде порог стоял на 1200, и с 1000 до 1199 в шапке одновременно жили
   строка меню, кнопка-лупа и квадрат. Места им не хватало: замер 28.08.2026
   дал лупу на 945..987 и квадрат на 920..969 при окне 1000, то есть значок
   лупы ЛЕЖАЛ НА КВАДРАТЕ на 24 пикселя, а при окне 1024 на 43. На 1100 и 1199
   они не наезжали, но стояли впритык, просвет ноль.
   Веня 28.08.2026 назвал это первым пунктом: «иконка лупы находит на бургер».

   ⚠️ Ничего не теряется: с 1000 тема показывает всю строку меню целиком,
   включая пункт «Для дилеров», а выезжающая панель повторяет ту же строку.

   ⭐⭐ А ниже 1000 этот блок и вовсе ПУСТОЙ: замер 28.08.2026 дал ему
   ширину 42 при высоте 0 на 390, 768 и 999, потому что тема прячет в нём
   переключатель и показывает вместо него отдельный `mobile-icon` внутри
   колонки меню. Панель открывает именно он, проверено на десяти ширинах от
   320 до 999. Поэтому блок скрыт на ВСЕХ ширинах, а не только с 1000: пустая
   коробка занимала место в строке шапки. */
body.k-verh #header-outer .right-aligned-menu-items {
	display: none !important;
}

/* ⭐ Просвет от лупы до правого края плашки в промежутке от 1000 до 1199.
   Там кнопка дилера скрыта, лупа становится крайней справа и упиралась в
   кромку: при окне 1000 между ними оставалось 5 пикселей против 32 у логотипа
   слева (замер 28.08.2026). Отступ забирается у распорки `margin-left: auto`,
   поэтому на широких окнах промежутка он не меняет ничего.
   ⚠️ На 1200 и выше отступ НЕ нужен: там крайняя справа кнопка дилера, и она
   уже стоит в 24 пикселях от кромки. */
@media (min-width: 1000px) and (max-width: 1199px) {
	body.k-verh #header-outer #top nav > ul.sf-menu > li.k-poisk {
		margin-right: 24px;
	}
}

/* ⚠️ На главной плашки нет, шапка лежит прямо на светлой фотографии, и
   кнопка поиска со светлой полупрозрачной заливкой пропадала совсем
   (кадр 25.08.2026). Там заливка тёмная. */
body.k-verh.home #header-outer .k-poisk__knopka {
	background: rgba(0, 0, 0, .38);
}

body.k-verh.home #header-outer .k-poisk__knopka:hover,
body.k-verh.home #header-outer .k-poisk__gnezdo[open] .k-poisk__knopka {
	background: rgba(0, 0, 0, .55);
}


/* ====================================================================
 * ⭐⭐ Прилипшая шапка.
 * Веня 25.08.2026: «когда меню опускается и прилипает, оно узкое по высоте,
 * увеличь отступы от логотипа, кнопку чуть меньше по высоте».
 *
 * Замер: при прокрутке тема ставит шапке класс `small-nav`, высота падает
 * со 106 до 75, плашка с 84 до 53, логотип с 50 до 44. Логотипу оставалось
 * по четыре пикселя сверху и снизу.
 * ==================================================================== */
body.k-verh #header-outer.small-nav {
	--k-verh-sverhu: 5px;
	--k-verh-snizu: 4px;
}

/* кнопка ниже: 44 вместо 48, а в прилипшей шапке 40 */
@media (min-width: 1200px) {
	/* ⛔ `min-height` задаём ВСЕГДА вместе с `height`: пол всегда сильнее
	   заданной высоты, и кнопка оставалась 48, хотя высота стояла 44
	   (замер прилипшей шапки 25.08.2026). Эти грабли у нас уже были на
	   названии товара в каталоге. */
	body.k-verh #header-outer .k-diler,
	body.k-verh #header-outer .k-diler__knopka {
		height: 44px;
		min-height: 44px;
	}

	body.k-verh #header-outer.small-nav .k-diler,
	body.k-verh #header-outer.small-nav .k-diler__knopka {
		height: 40px;
		min-height: 40px;
	}

	body.k-verh #header-outer.small-nav .k-poisk__knopka {
		width: 38px;
		height: 38px;
	}
}


/* ====================================================================
 * Телефон и планшет: плашка меню ростом с образец.
 * Замер 4bike 26.08.2026: шапка 56 пикселей на 390, 768 и 1024.
 *
 * ⭐ Веня 28.08.2026 по кадру каталога: «меню сделать отступ сверху 5px и
 * само меню уже». Отсчёт идёт от контейнера шапки, а он начинается на 12-м
 * пикселе, поэтому 12 минус 7 даёт ровно 5 сверху. Снизу столько же, и
 * плашка выходит 54 вместо прежних 68: строка содержимого внутри неё
 * (40 пикселей) остаётся ровно по центру.
 * ⛔ Прежние -14 уводили верх плашки на -2, то есть ЗА край экрана: просвета
 * сверху не было вовсе, плашка упиралась в кромку.
 * ==================================================================== */
@media (max-width: 999px) {
	body.k-verh #header-outer {
		--k-verh-sverhu: -7px;
		--k-verh-snizu: -7px;
	}
}


/* ⭐ Логотип на телефоне был целью 72 на 24. Высоту области нажатия растим
   полями, сама картинка не меняется. */
@media (max-width: 999px) {
	/* ⛔⭐ `!important` вынужденный: у темы своё правило на `#logo`, и наше
	   `inline-flex` не применялось вовсе (расчётное значение оставалось
	   `inline-block`). Логотип от этого прижимался к верху строки и сидел на
	   четыре пикселя выше середины плашки, тогда как бургер стоял точно по
	   центру. Нашёл Кодекс 28.08.2026, подтверждено замером. */
	body.k-verh #header-outer #logo {
		display: inline-flex !important;
		align-items: center;
		justify-content: flex-start;
		min-height: 40px;
	}

	/* ⭐ Веня 28.08.2026: «логотип больше». Было 72 на 24 при исходнике
	   150 на 50, то есть меньше половины. Ставим 32 по высоте, ширина идёт
	   пропорцией и выходит 96. В плашке высотой 54 остаётся по 11 сверху
	   и снизу.
	   ⛔ `!important` вынужденный: высоту логотипа тема печатает своим
	   правилом из настроек, и без него оставалось 24 (замер 28.08.2026). */
	body.k-verh #header-outer #logo img {
		height: 32px !important;
		width: auto !important;
		max-height: none !important;
	}
}

/* ⭐ Цели нажатия в выезжающем меню и в подвале. Замер 26.08.2026: пункты
   боковой панели были высотой 30 пикселей, ссылки подвала 22. */
@media (max-width: 999px) {
	body #slide-out-widget-area .off-canvas-menu-container a,
	body #slide-out-widget-area .inner a {
		display: flex;
		align-items: center;
		min-height: 44px;
	}

	body #footer-outer a,
	body #copyright a {
		display: inline-flex;
		align-items: center;
		min-height: 34px;
	}
}

/* ⭐ Кнопка закрытия выезжающей панели была целью 22 на 21 пиксель.
   ⛔⭐⭐⭐ Селектор сужен до ШАПКИ. Прежний `body .slide-out-widget-area-toggle
   a.closed` задевал ещё и служебный клон переключателя, который тема сама
   вставляет в `#ajax-content-wrap` для анимации значка. Клон получал размер
   44 на 44, ложился ПОВЕРХ настоящего бургера и перехватывал курсор.
   А тема открывает панель по НАВЕДЕНИЮ и только на переключатель внутри
   `#header-outer` (salient/js/init.js, OCM_slideOutRightHoverInit). Итог:
   от 820 до 999 пикселей бургер не открывал ничего. Замер 28.08.2026:
   780 и 800 открывалось, 820, 850, 900, 999 нет. */
@media (max-width: 999px) {
	body #slide-out-widget-area .slide_out_area_close,
	body #slide-out-widget-area a.closed,
	body #header-outer .slide-out-widget-area-toggle a.closed {
		min-width: 44px;
		min-height: 44px;
	}
}

/* ⛔⭐⭐ Служебный клон переключателя УБРАН СОВСЕМ. Веня 28.08.2026 по кадру
   открытой панели: «верхний бургер и поле убираем». Тема вставляет его в
   `#ajax-content-wrap` только ради превращения полосок в крестик, и при
   открытой панели он ложился поверх неё вторым значком рядом с нашим
   крестиком (замер: 22 на 21 в точке 341, 0).
   ⚠️ `pointer-events` оставлен намеренно: если тема когда-нибудь покажет клон
   снова, курсор он всё равно перехватывать не должен (из-за него от 820 до 999
   не открывалось меню, см. пояснение выше). */
body #ajax-content-wrap > .slide-out-widget-area-toggle.slide-out-hover-icon-effect {
	display: none !important;
	pointer-events: none;
}


/* ================================================================== *
 * Выпадающее меню «Информация». Веня 28.08.2026.
 * ================================================================== */

/* ⭐ Стрелка справа от названия: сразу видно, что пункт раскрывается.
   Рисуем уголком из границ, без картинки и без шрифта значков. */
body.k-verh #header-outer #top nav > ul.sf-menu > li.menu-item-has-children > a {
	padding-right: 26px;
}

body.k-verh #header-outer #top nav > ul.sf-menu > li.menu-item-has-children > a::before {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	width: 7px;
	height: 7px;
	margin-top: -5px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	opacity: .7;
	transition: transform 160ms ease-out, opacity 160ms ease-out;
}

/* при наведении уголок разворачивается вверх */
body.k-verh #header-outer #top nav > ul.sf-menu > li.menu-item-has-children:hover > a::before,
body.k-verh #header-outer #top nav > ul.sf-menu > li.menu-item-has-children.sfHover > a::before {
	transform: rotate(-135deg);
	margin-top: -1px;
	opacity: 1;
}

/* ⛔ Красная черта активного раздела и стрелка это РАЗНЫЕ псевдоэлементы:
   черта на `::after`, стрелка на `::before`. Иначе одна затирает другую. */

/* ⛔⭐ Клавиатура. Мышь открывает список наведением, а `Tab` его не открывал
   вовсе: человек доходил до «Информации» и дальше проваливался мимо трёх
   пунктов (нашёл Кодекс 28.08.2026). `:focus-within` держит список открытым,
   пока фокус внутри. */
body.k-verh #header-outer #top nav > ul.sf-menu > li.menu-item-has-children:focus-within > ul.sub-menu {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	transform: none !important;
}

/* ------------------------------------------------------------ панель */

/* ⛔ Было: 12 пикселей, обычное начертание, серый #a0a0a0 и поля по 6.
   Веня 28.08.2026: «шрифт в выпадающем как и шрифт и цвет основного меню,
   дайте воздуха названиям». Основное меню это 16 пикселей, вес 700, белый. */
body.k-verh #header-outer #top nav ul.sf-menu ul.sub-menu {
	padding: 10px 0;
	border-radius: 14px;
	background: var(--k-verh-fon);
	border: 1px solid rgba(255, 255, 255, .08);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .38);
	width: 260px;
}

body.k-verh #header-outer #top nav ul.sf-menu ul.sub-menu li {
	margin: 0;
}

body.k-verh #header-outer #top nav ul.sf-menu ul.sub-menu li > a {
	display: block;
	padding: 13px 22px;
	font-family: inherit;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0;
	text-transform: none;
	color: #fff;
	opacity: 1;
	transition: background-color 140ms ease-out, color 140ms ease-out;
}

/* ⛔⭐ `!important` здесь ВЫНУЖДЕННЫЙ. У темы есть правило с длинным списком
   селекторов (`.orbit-wrapper ... .nectar-progress-bar span`), в котором стоит
   `background-color: #ff4f57 !important`, и текущий пункт в выпадающем меню
   заливался яркой лососевой полосой. Без `!important` наше правило проигрывает
   при любой специфичности (замер CDP 28.08.2026). */
body.k-verh #header-outer #top nav ul.sf-menu ul.sub-menu li > a,
body.k-verh #header-outer #top nav ul.sf-menu ul.sub-menu li.current-menu-item > a {
	background-color: transparent !important;
}

body.k-verh #header-outer #top nav ul.sf-menu ul.sub-menu li > a:hover,
body.k-verh #header-outer #top nav ul.sf-menu ul.sub-menu li.current-menu-item > a:hover {
	background-color: rgba(255, 255, 255, .07) !important;
	color: #fff;
}

/* текущий раздел отмечаем красной чертой слева, а не заливкой */
body.k-verh #header-outer #top nav ul.sf-menu ul.sub-menu li.current-menu-item > a {
	color: #fff;
}

/* ⭐ Красная метка слева у наведённого пункта: тот же язык, что у активного
   раздела в основном меню. */
body.k-verh #header-outer #top nav ul.sf-menu ul.sub-menu li > a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 3px;
	height: 0;
	margin-top: 0;
	border-radius: 0 3px 3px 0;
	background: var(--k-krasnyy);
	transition: height 140ms ease-out, margin-top 140ms ease-out;
	transform: none;
	border: 0;
	opacity: 1;
}

body.k-verh #header-outer #top nav ul.sf-menu ul.sub-menu li > a:hover::before,
body.k-verh #header-outer #top nav ul.sf-menu ul.sub-menu li.current-menu-item > a::before {
	height: 20px;
	margin-top: -10px;
}

body.k-verh #header-outer #top nav ul.sf-menu ul.sub-menu li > a {
	position: relative;
}

/* ⛔ Пункт «Информация» это заглушка на решётку: жать по нему некуда,
   но и курсор не должен обещать переход. */
body.k-verh #header-outer #top nav > ul.sf-menu > li.k-informaciya > a {
	cursor: default;
}

/* ⛔⭐ Видимый фокус с клавиатуры. Тема снимает `outline` у ссылок меню,
   и человек, идущий табом, не видел, где он находится (нашёл Кодекс
   28.08.2026). Своё кольцо ставим и в верхнем меню, и в выпадающем,
   и в панели телефона. */
/* ⚠️ Поля поиска в панели больше нет, поэтому и его строк в этом списке
   тоже нет: селектор без узла на странице это мёртвое правило. */
body #header-outer #top nav ul.sf-menu a:focus-visible,
body #header-outer #top nav ul.sf-menu ul.sub-menu li > a:focus-visible,
body #slide-out-widget-area .menu a:focus-visible,
body #slide-out-widget-area .slide_out_area_close:focus-visible,
body #header-outer .k-diler__knopka:focus-visible,
body #header-outer .k-poisk__knopka:focus-visible {
	outline: 2px solid #fff !important;
	outline-offset: 2px;
	border-radius: 6px;
}

/* в выпадающем при фокусе подсвечиваем строку так же, как при наведении */
body.k-verh #header-outer #top nav ul.sf-menu ul.sub-menu li > a:focus-visible {
	background-color: rgba(255, 255, 255, .07) !important;
}

body.k-verh #header-outer #top nav ul.sf-menu ul.sub-menu li > a:focus-visible::before {
	height: 20px;
	margin-top: -10px;
}

/* ------------------------------------------- кнопка «Стать дилером»: наведение */

/* ⛔ Было видно только потемнение фона. Добавлен подъём на пиксель и тень,
   буквы остаются белыми: тёмно-красный с белым даёт контраст выше нормы,
   а тёмные буквы на красном его не дают (Веня 28.08.2026). */
body.k-verh #header-outer .k-diler__knopka {
	transition: background-color 140ms ease-out, transform 140ms ease-out,
		box-shadow 140ms ease-out;
}

body.k-verh #header-outer .k-diler__knopka:hover,
body.k-verh #header-outer .k-diler__knopka:focus-visible {
	transform: translateY(-1px);
	box-shadow: 0 8px 18px rgba(216, 31, 42, .38);
}

body.k-verh #header-outer .k-diler__knopka:active {
	transform: translateY(0);
	box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
	body.k-verh #header-outer .k-diler__knopka,
	body.k-verh #header-outer .k-diler__knopka:hover {
		transform: none;
		transition: none;
	}
}


/* ================================================================== *
 * Выезжающее меню телефона. Веня 28.08.2026: «мобильное к новому виду».
 * ================================================================== */

/* ⛔⛔ Панель была ЛОСОСЕВАЯ (#ff4f57, служебный акцент темы), а не наша
   тёмная. У темы цвет стоит с `!important` в длинном списке селекторов,
   поэтому и здесь без него не обойтись. */
body #slide-out-widget-area,
body #slide-out-widget-area.fullscreen-alt,
body #slide-out-widget-area.slide-out-from-right,
body #slide-out-widget-area .inner {
	background-color: var(--k-verh-fon) !important;
}

/* тонкая грань слева, чтобы панель не сливалась со страницей */
body #slide-out-widget-area {
	border-left: 1px solid rgba(255, 255, 255, .08);
}

/* ------------------------------------------------------------- пункты */

body #slide-out-widget-area .menu > li > a,
body #slide-out-widget-area .menu li a {
	font-family: inherit;
	font-size: 20px !important;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
	color: #fff !important;
	opacity: 1 !important;
}

/* ⛔⭐⭐ Поля пунктов гасим с `!important`. У темы на пункте стоит
   `margin: 5px 0`, и наше `margin: 0` без пометки проигрывало по
   специфичности. Пока панель была обычным блоком, соседние поля схлопывались
   в одно и просвет выходил 5 пикселей. Как только панель стала колонкой,
   схлопывание в гибкой раскладке пропало, и просвет удвоился до 10
   (замер 28.08.2026). Линия-разделитель при этом висела в воздухе. */
body #slide-out-widget-area .menu > li {
	margin: 0 !important;
}

/* ⛔ Пустой служебный блок под меню съедал 50 пикселей своим верхним полем:
   из-за него колонка `.inner` не доходила до низа панели, и распорка кнопки
   дилера упиралась в невидимую границу (замер 28.08.2026: панель 682 по
   содержимому, `.inner` 632). Высота у блока нулевая, поле ему не нужно. */
body #slide-out-widget-area .bottom-meta-wrap {
	margin: 0 !important;
}

/* ⛔⭐ `!important` на полях ВЫНУЖДЕННЫЙ. У темы есть правило
   `body #slide-out-widget-area.slide-out-from-right-hover .inner .widget…li a`
   с `padding-left: 0; padding-right: 0`, и оно специфичнее нашего на один
   класс: наши 14 пикселей и место под стрелку не применялись вовсе
   (замер через CDP 28.08.2026). */
body #slide-out-widget-area .menu > li > a {
	display: block;
	/* ⭐ Веня 28.08.2026: «расстояние между пунктами очень большое». Было 14,
	   пункт выходил 58 пикселей при девяти пунктах в списке. Стало 10, пункт
	   51 вместе с линией: цель пальца выше порога в 44.
	   ⭐ Левый отступ 14 у ВСЕХ пунктов, а не только у текущего. Прежде метку
	   текущего раздела ставили вместе с отступом 26, и одно слово в списке
	   стояло правее остальных. Веня 28.08.2026: «всё должно быть эстетично и
	   симметрично». Теперь 14 это жёлоб под метку, и слова стоят по одной
	   вертикали независимо от того, открыт раздел или нет. */
	padding: 10px 4px 10px 14px !important;
}

/* ⭐ «Можно где-то разделители красиво сделать» (Веня 28.08.2026).
   Волосяная линия между пунктами: список читается строками, а не стеной. */
body #slide-out-widget-area .menu > li {
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}

/* ⛔ У кнопки дилера линии нет: она не пункт списка, а действие. И у
   последнего смыслового пункта тоже, иначе линия висит в пустоте над
   отжатой вниз кнопкой. */
body #slide-out-widget-area .menu > li.k-diler,
body #slide-out-widget-area .menu > li:nth-last-child(2) {
	border-bottom: 0;
}

/* внутри группы линии тише: они делят подпункты, а не разделы */
body #slide-out-widget-area .menu ul.sub-menu > li + li {
	border-top: 1px solid rgba(255, 255, 255, .06);
}

/* ⭐ Колонка меню занимала 171 пиксель в панели на 340. Виновата не сетка,
   а собственные поля панели: у темы там `padding: 80px 62px 62px`, то есть
   124 пикселя съедалось по горизонтали. Оставляем 22.
   ⭐ Верхнее поле снижено с 76 до 70: поля поиска над меню больше нет, а
   крестик закрытия занимает полосу до 62-го пикселя. */
body #slide-out-widget-area {
	padding: 70px 22px 28px !important;
	/* ⭐ Колонка во всю высоту: кнопка «Стать дилером» прижимается к низу
	   распоркой, а не отступом на глазок. Веня 28.08.2026: «кнопку опусти
	   ниже». */
	display: flex !important;
	flex-direction: column;
	/* ⛔⭐⭐ Прокрутка ОБЯЗАТЕЛЬНА. У темы стоит `overflow: hidden`, и на
	   коротком экране нижние пункты с кнопкой «Стать дилером» уходили за край
	   без всякой возможности до них добраться: на 320 на 568 содержимое
	   занимало 678 пикселей при окне 568 (замер 28.08.2026). С раскрытыми
	   подпунктами список стал ещё длиннее. */
	overflow-y: auto !important;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}

/* ⛔ Внутренняя обёртка тоже режет: у неё своя высота и центрирование. */
/* ⛔ `static`, а не `relative`: крестик закрытия лежит внутри `.inner` и
   отсчитывается от ближайшего позиционированного предка. При `relative`
   он вставал в 18 пикселях от верха обёртки, то есть уже ПОД полем поиска,
   и наезжал на него (замер 28.08.2026). При `static` он считается от самой
   панели и уходит в её угол. */
body #slide-out-widget-area .inner {
	height: auto !important;
	min-height: 0 !important;
	position: static !important;
	top: auto !important;
	transform: none !important;
	/* ⭐ Звено цепочки, по которой распорка кнопки дилера доходит до низа
	   панели. Без `min-height: 0` длинный список не даёт колонке сжаться, и
	   прокрутка панели перестаёт работать на коротком экране. */
	display: flex !important;
	flex-direction: column;
	flex: 1 1 auto;
	margin: 0 !important;
}

body #slide-out-widget-area .off-canvas-menu-container,
body #slide-out-widget-area .menu-wrap,
body #slide-out-widget-area ul.menu {
	display: flex !important;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
}

body #slide-out-widget-area .off-canvas-menu-container {
	position: static !important;
	transform: none !important;
	margin: 0 !important;
}

body #slide-out-widget-area .off-canvas-menu-container,
body #slide-out-widget-area .menu-wrap,
body #slide-out-widget-area ul.menu {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box;
}

body #slide-out-widget-area .menu li a:hover,
body #slide-out-widget-area .menu li.current-menu-item > a {
	color: #fff !important;
}

/* текущий раздел красной чертой слева, как в верхнем меню */
/* ⛔⭐ Метку ставим ТОЛЬКО текущей странице, а не её группе. Раньше правило
   ловило и `current-menu-ancestor`, то есть подзаголовок «ИНФОРМАЦИЯ», и
   красная черта висела у надписи группы, а не у открытой страницы. Вдобавок
   правило группы стоит ниже и при равной специфичности всё равно побеждало:
   поле слева оставалось 4 вместо 14 (нашёл Кодекс 28.08.2026). */
/* ⛔⭐ Отступа здесь БОЛЬШЕ НЕТ, только метка. Прежде правило добавляло
   текущему пункту `padding-left: 26px`, и он один стоял правее соседей.
   Теперь жёлоб под метку есть у всех пунктов сразу (14 у первого уровня,
   26 у подпунктов), и метка ничего не сдвигает. */
body #slide-out-widget-area .menu > li.current-menu-item:not(.menu-item-has-children) > a,
body #slide-out-widget-area .menu ul.sub-menu > li.current-menu-item > a {
	box-shadow: inset 3px 0 0 var(--k-krasnyy);
}

/* ------------------------------------------------- стрелка у «Информации» */

/* ⛔⭐⭐ Веня 28.08.2026: «в мобильном меню все пункты будут открыты».
   Тема прячет подменю и открывает его отдельным экраном с кнопкой «Назад».
   На телефоне это лишний шаг: пунктов всего девять, они помещаются сразу.
   Поэтому подменю разворачиваем на месте, а переход по «Информации»
   отключаем: это теперь просто подзаголовок группы. */
/* ⛔⭐ Здесь БОЛЬШЕ НЕТ `pointer-events: none`. Подзаголовок группы печатается
   обычным `span` (см. `mu-plugins/kenda-menyu-verh.php`), нажимать в нём
   нечего по самой разметке. Прежний приём отключал только мышь: клавиатура
   ставила фокус на ссылку в никуда, а голосовое чтение объявляло её ссылкой
   (нашёл Кодекс 28.08.2026).
   ⚠️ Селектор с `> a` оставлен вторым: если фильтр когда-нибудь перестанет
   срабатывать, подзаголовок не потеряет вид. */
body #slide-out-widget-area .menu > li.menu-item-has-children > .k-gruppa,
body #slide-out-widget-area .menu > li.menu-item-has-children > a {
	display: block;
	position: relative;
	font-family: inherit;
	font-size: 13px !important;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: .08em;
	text-transform: uppercase;
	/* ⚠️ Было 45% белого: на фоне #101216 это около 4,0 к 1 при норме 4,5 для
	   мелкого текста (нашёл Кодекс 28.08.2026). 62% дают примерно 6,4 к 1,
	   и подзаголовок по-прежнему тише пунктов, но читается. */
	color: rgba(255, 255, 255, .62) !important;
	padding: 14px 4px 6px 14px !important;
}

body #slide-out-widget-area .menu ul.sub-menu {
	display: block !important;
	position: static !important;
	visibility: visible !important;
	opacity: 1 !important;
	transform: none !important;
	width: auto !important;
	max-height: none !important;
	margin: 0;
	padding: 0;
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}

body #slide-out-widget-area .menu ul.sub-menu > li > a {
	display: block;
	padding: 10px 4px 10px 26px !important;
	box-shadow: inset 2px 0 0 rgba(255, 255, 255, .14);
}

/* ⛔ Пункт «Назад» с раскрытым списком не нужен вовсе. */
body #slide-out-widget-area li.back {
	display: none !important;
}

/* ------------------------------------------------------- пункт «Назад» */
/* ⛔ Оформления у него больше НЕТ, и это правильно: подменю развёрнуто на
   месте, а сам пункт скрыт правилом `li.back { display: none !important }`.
   ⚠️ 28.08.2026 в прежнем правиле сидел мусор: после моей же чистки
   управляющего символа в `content` осталось «9  Назад». Глазами это не видно
   только потому, что пункт скрыт. Правило удалено целиком.

*/

/* --------------------------------------------------------------- поиск */
/* ⛔ Правил поля поиска здесь БОЛЬШЕ НЕТ: саму разметку сняли в
   `mu-plugins/kenda-poisk-v-menyu.php` по решению Вени 28.08.2026.
   Мёртвые правила не оставляем, иначе следующий заход станет их «чинить».

*/

/* ------------------------------------------- кнопка «Стать дилером» в панели */

/* ⛔ Кнопка шла обычным пунктом и разваливалась на две строки, а значок
   бургера висел за словом. В выезжающей панели значок не нужен вовсе:
   там и так открытое меню. */
/* ⛔⭐ Селектор длиннее, чем кажется нужным, и с пометкой. Правило выше
   гасит поля ВСЕХ пунктов через `margin: 0 !important`, и распорка кнопки
   без такой же пометки и большей специфичности не действовала вовсе
   (замер 28.08.2026: кнопка осталась на 548 вместо 680). */
body #slide-out-widget-area .menu > li.k-diler {
	/* ⭐ Распорка, а не отступ: кнопка встаёт у нижнего края панели при любом
	   числе пунктов и любой высоте экрана. Веня 28.08.2026 отметил её место
	   красной чертой у самого низа кадра.
	   ⚠️ Верхнее поле остаётся: на коротком экране, где список занимает всю
	   высоту, распорка выключается, и кнопка не должна липнуть к «Контактам». */
	margin-top: auto !important;
	padding: 22px 4px 0;
}

body #slide-out-widget-area .k-diler__knopka {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 52px;
	margin: 0;
	padding: 0 18px;
	border-radius: 12px;
	background: var(--k-krasnyy);
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	white-space: nowrap;
}

body #slide-out-widget-area .k-diler__znak {
	display: none !important;
}

/* ------------------------------------------------------- крестик закрытия */

body #slide-out-widget-area .slide_out_area_close .icon-salient-x {
	color: #fff;
}

/* ⛔ После того как обёртка перестала центрироваться, крестик остался на
   прежнем месте и наехал на поле поиска. Сажаем его в угол панели. */
body #slide-out-widget-area .slide_out_area_close {
	position: absolute !important;
	top: 18px !important;
	right: 18px !important;
	left: auto !important;
	bottom: auto !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	z-index: 5;
}



/* ================================================================== *
 * Верхнее меню белым. Веня 28.08.2026: «верхнее горизонтальное меню — белые,
 * fff».
 * ================================================================== */

/* ⛔ Было: серый `#A0A0A0` от самой темы, правило
   `body[data-header-color="dark"] #top nav ul li a` в `salient/css/style.css`.
   Замер 28.08.2026 на 1920: пункты «Камеры», «Аксессуары», «Информация», «Для
   дилеров», «Контакты» шли цветом rgb(160,160,160), белой была только кнопка
   дилера. */
body.k-verh #header-outer #top nav > ul > li > a,
body.k-verh #header-outer #top nav > ul > li > a .menu-title-text {
	color: #ffffff !important;
}

/* ⭐ Открытый раздел ТОЖЕ белый, по той же просьбе. Красным он был с 24.08,
   и маркер текущего раздела не теряется: под словом остаётся красная черта
   `::after`, она стоит выше по файлу и не тронута.

   ⛔⭐⭐⭐ Здесь обязателен `ul.sf-menu` в селекторе, и это не украшение.
   Тема красит текущий пункт правилом
   `#header-outer[data-lhe="default"] #top nav .sf-menu > .current-menu-item > a`
   (`salient/css/salient-dynamic-styles.css`, строка 52). У него ТРИ класса
   (атрибут, `.sf-menu`, `.current-menu-item`), а у первой моей попытки было
   два, и она проиграла, хотя элементов в ней больше: классы весомее
   элементов. Замер показывал прежние rgb(255,79,87) при живом правиле с
   `!important`. */
body.k-verh #header-outer #top nav ul.sf-menu > li.current-menu-item > a,
body.k-verh #header-outer #top nav ul.sf-menu > li.current-menu-item > a .menu-title-text,
body.k-verh #header-outer #top nav ul.sf-menu > li.current-menu-ancestor > a,
body.k-verh #header-outer #top nav ul.sf-menu > li.current-menu-ancestor > a .menu-title-text,
body.k-verh #header-outer #top nav ul.sf-menu > li.current_page_item > a,
body.k-verh #header-outer #top nav ul.sf-menu > li.current_page_item > a .menu-title-text {
	color: #ffffff !important;
}

/* ⚠️ Наведение остаётся красным. Своё правило белого текста сильнее того, чем
   тема красила `:hover`, поэтому без этой строки пункт вообще перестал бы
   отзываться на мышь. */
/* ⛔⭐⭐ Кнопка дилера ИСКЛЮЧЕНА. Она лежит в том же `ul.sf-menu` отдельным
   пунктом `li.k-diler`, и это правило красило её буквы красным поверх
   тёмно-красного фона: замер 30.08.2026 дал rgb(255,79,87) на rgb(179,20,30),
   надпись почти пропадала. Веня: «при наведении белые буквы».
   ⚠️ Исключение стоит ЗДЕСЬ, а не отдельным правилом ниже: у этого селектора
   пять элементов против одного, и любое правило про саму кнопку ему
   проигрывало, хотя стояло позже и с `!important`. */
body.k-verh #header-outer #top nav ul.sf-menu > li:not(.k-diler) > a:hover,
body.k-verh #header-outer #top nav ul.sf-menu > li:not(.k-diler) > a:hover .menu-title-text,
body.k-verh #header-outer #top nav ul.sf-menu > li.sfHover:not(.k-diler) > a,
body.k-verh #header-outer #top nav ul.sf-menu > li.sfHover:not(.k-diler) > a .menu-title-text {
	color: #ff4f57 !important;
}


/* ⛔⭐⭐ Панель шире экрана на маленьких телефонах. Ширину ей задаёт тема
   числом 340, и на экране 320 она вставала от -20 до 320, то есть закрывала
   всё окно целиком: ткнуть мимо, чтобы закрыть, было НЕКУДА (замер
   30.08.2026).
   ⭐ Ограничиваем тем же способом, что у левой панели каталога: не больше 88
   процентов ширины окна. На 320 остаётся полоса в 38 пикселей, за которую
   панель закрывается касанием. */
@media (max-width: 999px) {
	body #slide-out-widget-area {
		width: min(340px, 88vw) !important;
		max-width: min(340px, 88vw) !important;
	}
}


/* ================================================================== *
 * Главная: плашка появляется при прокрутке. Веня 30.08.2026: «на главной при
 * скролле вниз чёрное горизонтальное меню, как и везде».
 * ================================================================== */

/* ⛔ Вверху главной плашки по-прежнему НЕТ: прозрачная шапка на большом снимке
   это решение Вени от 24.08, и оно в силе. Меняется только состояние после
   прокрутки.
   ⭐ Признак берём у самой темы: прокрутив страницу, она ставит на шапку класс
   `small-nav` и ужимает её со 106 до 75 пикселей (замер 30.08.2026). На этом
   состоянии плашку и включаем, отменяя своё же `content: none` выше. */
body.k-verh.home #header-outer.small-nav #top > .container::before {
	content: "";
}

/* ⛔⭐ Буквы кнопки дилера при наведении были КРАСНЫМИ на тёмно-красном фоне:
   замер 30.08.2026 дал цвет rgb(255,79,87) на фоне rgb(179,20,30), надпись
   почти пропадала. Красный на наведении приходит от общего правила темы для
   ссылок, а не от нашего. Веня: «при наведении белые буквы». */
/* ⚠️ `#top` в селекторе обязателен. Красный на наведении даёт правило темы
   `#header-outer[data-lhe="default"] #top nav > ul > li > a:hover` с ДВУМЯ
   идентификаторами, и первая моя попытка с одним проиграла ему, хотя стояла
   позже и с `!important`: сначала сравниваются идентификаторы. */
body.k-verh #header-outer #top .k-diler__knopka:hover,
body.k-verh #header-outer #top .k-diler__knopka:focus-visible,
body.k-verh #header-outer #top .k-diler__knopka:hover span,
body.k-verh #header-outer #top .k-diler__knopka:hover .k-diler__znak,
body #slide-out-widget-area .k-diler__knopka:hover,
body #slide-out-widget-area .k-diler__knopka:hover span {
	color: #ffffff !important;
}


/* ⛔⭐ На телефоне и планшете плашка на главной нужна ВСЕГДА, а не только при
   прокрутке. Причины две.
   1. Тема ниже 1000 не ставит класс `small-nav` вовсе (замер 30.08.2026:
      классы шапки пустые и вверху, и после прокрутки), поэтому зацепиться за
      прокрутку там не за что.
   2. Шапка на телефоне не уезжает и всегда стоит на 0..64, то есть логотип и
      бургер постоянно лежат прямо на светлом снимке. На всех остальных
      страницах плашка есть, и Веня 30.08.2026 просил «как и везде».
   ⚠️ Прозрачная шапка на главной остаётся только на широком экране, где
   логотип втрое выше и плашка закрыла бы верх фотографии. */
@media (max-width: 999px) {
	body.k-verh.home #header-outer #top > .container::before {
		content: "";
	}
}