/* ====================================================================
 * KENDA. Подбор по размеру: выпадающие фильтры.
 *
 * Веня 24.08.2026: «фильтры можно расширить и сделать их выпадающими, так
 * не красиво, при этом нужно дать акцент фильтрам, а не просто непонятные
 * кнопки».
 *
 * Что изменилось: группа стала крупной кнопкой, которая сама называет своё
 * состояние («Диаметр колеса: 26", 28"»), значения выпадают под ней, панель
 * получила тёмный заголовок и красный акцент выбора.
 *
 * Разметку печатает mu-plugins/kenda-filtry.php, поведение filtry.js.
 * ==================================================================== */

/* ⭐ Веня 26.08.2026: «блоки немного разносим друг от друга по высоте,
   сейчас сливаются». Было 26. */
.k-filtr {
	margin: 0 0 34px;
	padding: 0;
	border: 1px solid #e6e8ec;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 6px 20px rgba(24, 32, 45, .05);
}

/* ------------------------------------------------------- верхняя строка */
.k-filtr__verh {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 10px;
	/* ⚠️ 25.08.2026 по макету панель стала просторнее: было 129 пикселей
	   высоты на экране 1440, в макете 186. Воздух прибавлен полям панели и
	   высоте самих полей выбора, а не размеру шрифта. */
	padding: 30px 26px 14px;
}

.k-filtr__zagolovok {
	/* ⭐ Веня 25.08.2026: «Подбор по размеру и Любой сделать менее жирными и
	   шрифт меньше». Было 19 и вес 700. */
	font-size: 16px;
	font-weight: 600;
	color: #16181a;
	line-height: 1.25;
	letter-spacing: -0.01em;
}

.k-filtr__podskazka {
	/* ⚠️ Было #8b929b: контраст к белому 3,1 к 1, ниже нормы 4,5 к 1 для
	   обычного текста. Замечание Codex 24.08.2026. */
	color: #6b7280;
	font-size: 13px;
	line-height: 1.35;
}

/* --------------------------------------------------- ряд выпадающих групп */
/* ⭐⭐ Веня 26.08.2026: «обрамление должно быть симметричным, сейчас у
   фильтров нижняя часть больше верхней», и следом «делаем высоту как сейчас
   сверху у фильтров и сверху и снизу». Было 30 снизу против 18 сверху.
   ⚠️ Верхние 18 живут ОТДЕЛЬНЫМ правилом `.k-filtr { padding-top: 18px }`
   ниже по файлу: править надо оба места вместе, иначе симметрия разъедется
   при следующей правке. */
.k-filtr__gruppy {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 14px;
	padding: 0 26px 18px;
}

.k-filtr__gruppa {
	position: relative;
	/* ⚠️ Основание было 240: на экране 1024 в ряд влезали два поля, а третье
	   уезжало вниз одиноким прямоугольником (кадр 25.08.2026). */
	flex: 1 1 180px;
	min-width: 0;
	/* ⚠️ Предел 340 оставлял в разделе «Аксессуары», где полей всего два, 320
	   пикселей пустоты справа: ряд выглядел брошенным. Поля заполняют панель. */
	max-width: none;
}

/* ⭐ Кнопка группы: подпись сверху, выбранное снизу. Это и есть «акцент»:
   человек видит состояние подбора, не раскрывая ничего. */
.k-filtr__knopka {
	display: flex;
	align-items: center;
	gap: 11px;
	width: 100%;
	/* Веня 25.08.2026: «фильтры сделай такой же высоты, как и верхние
	   прямоугольники подкатегорий». Плитка категории 52 пикселя, было 72. */
	min-height: 52px;
	padding: 0 14px;
	border: 1px solid #e6e8ec;
	border-radius: 14px;
	/* ⭐ Веня 25.08.2026: «цвет внутри блоков фильтров и блоков категорий f6f6f6» */
	background: #f6f6f6;
	cursor: pointer;
	list-style: none;
	user-select: none;
	transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

.k-filtr__knopka::-webkit-details-marker { display: none; }

.k-filtr__knopka:hover {
	border-color: #c9ced6;
	background: #fff;
}

.k-filtr__gruppa[open] > .k-filtr__knopka {
	border-color: #16181a;
	background: #fff;
	box-shadow: 0 8px 22px rgba(24, 32, 45, .12);
}

/* выбранная группа читается издалека */
.k-filtr__gruppa--vybrana > .k-filtr__knopka {
	border-color: #d81f2a;
	background: #fff;
}

.k-filtr__znachok {
	flex: 0 0 22px;
	width: 22px;
	height: 22px;
	color: #98a0aa;
}

.k-filtr__gruppa--vybrana .k-filtr__znachok {
	color: #d81f2a;
}

.k-filtr__knopka-slova {
	display: flex;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
}

.k-filtr__knopka-podpis {
	overflow: hidden;
	color: #7a828d;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	line-height: 1.2;
	/* подпись держится ОДНОЙ строкой: перенос «ДИАМЕТР КОЛЕСА» на планшете
	   сдвигал значение вниз, и три поля переставали читаться одним рядом */
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* на планшете подписи набраны мельче и плотнее, чтобы влезть в одну строку */
@media (max-width: 1199px) {
	.k-filtr__knopka-podpis {
		font-size: 10px;
		letter-spacing: .04em;
	}
}

.k-filtr__knopka-vybor {
	overflow: hidden;
	color: #16181a;
	/* было 16 и вес 600 */
	font-size: 14px;
	font-weight: 500;
	line-height: 1.25;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.k-filtr__gruppa--vybrana .k-filtr__knopka-vybor {
	color: #d81f2a;
}

.k-filtr__strelka {
	flex: 0 0 10px;
	width: 10px;
	height: 10px;
	margin-left: auto;
	border-right: 2px solid #98a0aa;
	border-bottom: 2px solid #98a0aa;
	transform: rotate(45deg) translate(-2px, -2px);
	transition: transform .18s ease;
}

.k-filtr__gruppa[open] > .k-filtr__knopka .k-filtr__strelka {
	transform: rotate(-135deg) translate(-2px, -2px);
}

/* ------------------------------------------------------- выпадение */
/* ⚠️ Выпадение лежит ПОВЕРХ содержимого и не двигает товары. `z-index` взят
   с запасом от темы: она поднимает карточку товара до 101 при наведении. */
/* ⛔⭐⭐ Явное скрытие закрытой группы обязательно: замер 24.08.2026 показал,
   что содержимое закрытого `details` осталось видимым (display block, высота
   204 и 467 пикселей) и висело поверх товаров. Штатное поведение браузера
   здесь перебито чем-то из темы, поэтому закрываем сами. */
.k-filtr__gruppa:not([open]) > .k-filtr__vypadenie {
	display: none;
}

.k-filtr__vypadenie {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	z-index: 120;
	max-height: 60vh;
	overflow-y: auto;
	padding: 14px;
	border: 1px solid #e0e3e8;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 18px 40px rgba(24, 32, 45, .18);
}

.k-filtr__ryad + .k-filtr__ryad {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #f0f1f3;
}

.k-filtr__gruppa-podpis {
	display: block;
	margin: 0 0 8px;
	color: #6b7280;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.k-filtr__znacheniya {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
	gap: 6px;
}

.k-filtr__znachenie {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	min-height: 40px;
	padding: 0 11px;
	border: 1px solid #e6e8ec;
	border-radius: 9px;
	background: #fff;
	color: #16181a;
	font-size: 14px;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}

.k-filtr__znachenie:hover {
	border-color: #c9ced6;
	background: #f7f8fa;
	color: #16181a;
}

.k-filtr__znachenie--vybran,
.k-filtr__znachenie--vybran:hover {
	background: #d81f2a;
	border-color: #d81f2a;
	color: #fff;
}

.k-filtr__schet {
	/* было #98a0aa: 2,6 к 1 на белом, число рядом со значением не читалось */
	color: #6b7280;
	font-size: 11px;
}

.k-filtr__znachenie--vybran .k-filtr__schet {
	color: rgba(255, 255, 255, .92);
}

/* «Ещё N» внутри выпадения */
.k-filtr__eshche {
	display: block;
	margin-top: 8px;
}

.k-filtr__eshche-knopka {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 34px;
	padding: 0 12px;
	border: 1px dashed #c9ced6;
	border-radius: 9px;
	color: #5c636c;
	font-size: 13px;
	cursor: pointer;
	list-style: none;
	user-select: none;
}

.k-filtr__eshche-knopka::-webkit-details-marker { display: none; }

.k-filtr__eshche-knopka:hover {
	border-color: #98a0aa;
	color: #16181a;
}

.k-filtr__eshche[open] > .k-filtr__eshche-knopka {
	margin-bottom: 10px;
	border-style: solid;
}

/* ------------------------------------------------------------- сброс */
.k-filtr__sbros {
	display: inline-flex;
	align-items: center;
	align-self: center;
	min-height: 42px;
	padding: 0 16px;
	border-radius: 999px;
	border: 1px solid #e0e3e8;
	color: #5c636c;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: border-color .15s ease, color .15s ease;
}

.k-filtr__sbros:hover {
	border-color: #d81f2a;
	color: #d81f2a;
}

/* ---------------------------------------------- строка выбранного */
.k-filtr__vybrannye {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 0 20px 18px;
}

.k-filtr__vybran {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 32px;
	padding: 0 10px;
	border-radius: 8px;
	background: #16181a;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}

.k-filtr__vybran:hover {
	background: #d81f2a;
	color: #fff;
}

.k-filtr__vybran svg {
	width: 12px;
	height: 12px;
	flex: 0 0 12px;
}

.k-filtr__znachenie:focus-visible,
.k-filtr__vybran:focus-visible,
.k-filtr__knopka:focus-visible,
.k-filtr__sbros:focus-visible,
.k-filtr__eshche-knopka:focus-visible {
	outline: 2px solid #b4232f;
	outline-offset: 2px;
}

/* --------------------------------------------------------- телефон */
@media (max-width: 690px) {
	.k-filtr { border-radius: 14px; margin-bottom: 18px; }
	.k-filtr__verh { padding: 14px 14px 10px; }
	.k-filtr__zagolovok { font-size: 16px; }
	.k-filtr__podskazka { font-size: 12px; }

	.k-filtr__gruppy { padding: 0 14px 14px; gap: 8px; }

	/* ⚠️ На узком экране кнопки идут в столбик, а выпадение встаёт В ПОТОК:
	   абсолютное выпадение на 390 пикселях упиралось в край экрана. */
	.k-filtr__gruppa { flex: 1 1 100%; max-width: none; }

	.k-filtr__vypadenie {
		position: static;
		margin-top: 8px;
		max-height: none;
		box-shadow: none;
	}

	.k-filtr__znacheniya {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.k-filtr__znachenie { min-height: 42px; justify-content: center; }
	.k-filtr__sbros { width: 100%; justify-content: center; }
	.k-filtr__vybrannye { padding: 0 14px 14px; }
}

@media (prefers-reduced-motion: reduce) {
	.k-filtr__knopka,
	.k-filtr__strelka,
	.k-filtr__znachenie {
		transition: none;
	}
}


/* ====================================================================
 * Строка над панелью подбора.
 * ⭐ Веня 25.08.2026: «Подбор по размеру, укажите диаметр колеса и ширину»
 * вынести за обрамление и поставить слева красный значок. Заголовок теперь
 * такой же, как «Категории товаров» над плиткой разделов: один язык у всех
 * надписей над блоками.
 * ==================================================================== */
/* ⭐ Веня 26.08.2026: «заголовки к обрамлению ближе». Было 12. */
.k-filtr-nad {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 8px 2px;
}

/* надзаголовок внутри строки не двигает соседей своим полем */
.k-filtr-nad .k-nadzagolovok {
	margin: 0;
}

.k-filtr-nad .k-filtr__podskazka {
	color: #6b7280;
	font-size: 13px;
	line-height: 1.35;
}

/* ⚠️ Верхней строки внутри рамки больше нет, поэтому у панели появляется
   собственное верхнее поле: иначе поля выбора упирались бы в рамку. */
.k-filtr {
	padding-top: 18px;
}

@media (max-width: 690px) {
	.k-filtr-nad {
		gap: 6px;
	}

	.k-filtr {
		padding-top: 14px;
	}
}


/* ===== ЭКСПЕРИМЕНТ С ЦВЕТОМ 27.08.2026 =====================
   Веня: «фильтры красные - цвета как у кнопок в баннере».

   Цвета взяты замером с самого баннера, а не на глаз:
   красная плашка `rgb(216, 31, 42)` с белыми буквами,
   тихая плашка `rgba(255,255,255,.1)` с рамкой `rgba(255,255,255,.22)`.

   ⚠️ Блок стоит ОДНИМ куском в конце файла: опыт снимается
   удалением от этой метки до конца. */

.k-filtr__knopka {
	background: #d81f2a;
	border-color: #d81f2a;
	color: #ffffff;
}

.k-filtr__knopka-slova,
.k-filtr__knopka-vybor,
.k-filtr__knopka svg {
	color: #ffffff;
}

/* подпись над значением тише самого значения, но всё ещё читаемая */
.k-filtr__knopka-podpis {
	color: rgba(255, 255, 255, .82);
}

.k-filtr__strelka {
	color: #ffffff;
	opacity: .9;
}

.k-filtr__knopka:hover,
.k-filtr__gruppa[open] > .k-filtr__knopka {
	background: #b81824;
	border-color: #b81824;
}

/* значения в выпадающем списке остаются на белом: список длинный,
   сплошной красный фон на нём читается тяжело. Красным делаем
   только выбранное значение. */
.k-filtr__znachenie--vybrano,
.k-filtr__znachenie[aria-current="true"] {
	background: #d81f2a;
	border-color: #d81f2a;
	color: #ffffff;
}

.k-filtr__znachenie--vybrano .k-filtr__schet,
.k-filtr__znachenie[aria-current="true"] .k-filtr__schet {
	background: rgba(255, 255, 255, .22);
	color: #ffffff;
}


/* ⭐⭐ Переход по якорю не должен прятать панель под липкой шапкой.
   Ниже 1000 шапка 64 пикселя, у вошедшего в панель управления к ней
   добавляется полоса WordPress: высоту берём из той же переменной, что и
   левое меню, а на широком экране хватает запаса в 120.

   ⛔⭐⭐⭐ Запас 46, а не 14, и это НЕ на глаз. Замер 28.08.2026 по журналу
   самой страницы: браузер ставит панель ровно по этому отступу, а через 400
   миллисекунд её сдвигает вниз на 32 пикселя чужой скрипт, у темы своя
   доводка перехода по якорю. Высота документа при этом не меняется, значит
   дело именно в чужой прокрутке.
   ⚠️ Свой скрипт-поправку я писал и выбросил: `scrollIntoView()` и даже
   прямой `scrollTo` на этом сдвиге не держались, тема возвращала своё. Проще
   и надёжнее заложить её 32 в отступ.
   ⚠️ Ошибка в БЕЗОПАСНУЮ сторону: если тема когда-нибудь перестанет
   сдвигать, панель встанет на 32 пикселя ниже нужного, и это просто чуть
   больше воздуха сверху. Обратная ошибка спрятала бы её под шапку. */
#k-podbor {
	scroll-margin-top: calc(var(--k-levoe-shapka, 120px) + 46px);
}

/* ================================================================== *
 * Телефон и планшет: строка над подбором и три поля в ряд.
 * Веня 28.08.2026: «Заголовок фильтров без пояснения серого, справа. Сами
 * фильтры делаем в ряд три штуки».
 * ================================================================== */
@media (max-width: 999px) {
	/* ⛔ Серое пояснение убрано с ГЛАЗ, но не из разметки: оно объясняет
	   голосовому чтению, что делает панель подбора. На узком экране оно
	   занимало три строки при трёх полях подбора рядом. */
	.k-filtr-nad .k-filtr__podskazka {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		white-space: nowrap;
		border: 0;
	}

	/* ⚠️ Строка целиком уходит вправо: в ней остался один надзаголовок. */
	.k-filtr-nad {
		justify-content: flex-end;
		margin-right: 6px;
	}
}

/* --------------------------------------------- три поля подбора в ряд */
/* ⛔ Было: на телефоне поля шли столбиком, три штуки занимали 186 пикселей.
   Стало: ряд из трёх, 52 пикселя на всех. */
@media (max-width: 690px) {
	/* ⭐ Точка отсчёта для выпадения переезжает с поля на ВЕСЬ ряд: иначе
	   список значений получил бы ширину одного поля, то есть около 110
	   пикселей, и значения вроде «27.5" x 1.75-2.125"» в него не влезли бы. */
	.k-filtr__gruppy {
		position: relative;
		/* ⛔⭐⭐ Перенос РАЗРЕШЁН, и это не откат. Кнопка «Сбросить» лежит в
		   этом же ряду четвёртым элементом, и при запрете переноса она
		   вставала в строку и сжимала три поля почти до нуля (кадр Вени
		   28.08.2026). Основание полей 28 процентов: три штуки занимают 84,
		   и кнопке сброса места в строке уже не хватает, она переходит вниз
		   сама. */
		flex-wrap: wrap;
		/* ⚠️ Просвет только по горизонтали: перенос строки нужен нам ради
		   кнопки сброса, и лишнего воздуха между строками там быть не должно,
		   у самой кнопки есть своё верхнее поле. */
		column-gap: 6px;
		row-gap: 0;
		/* ⭐ Веня 28.08.2026: «отступ в обвёртке слева и справа 4px».
		   Было 14, поля стали шире на 20 пикселей каждое. */
		padding: 0 4px 12px;
	}

	/* ⛔⭐⭐ Пустой перенос строки перед кнопкой сброса.
	   Веня 28.08.2026 по кадру: «сбросить перебивает 3 фильтра, нужно сбросить
	   сделать ниже фильтров справа». Кнопка лежит в том же ряду четвёртым
	   элементом, и полагаться на нехватку места нельзя: когда после подбора
	   остаётся два поля, места хватает и кнопка снова встаёт в строку
	   (замер 28.08.2026: два поля по 130 и сброс на 283..379 рядом).
	   ⭐ Псевдоэлемент гибкого контейнера САМ становится гибким элементом,
	   поэтому им можно занять строку целиком и разорвать ряд. Высота ноль,
	   поэтому без кнопки сброса он не виден вовсе. */
	.k-filtr__gruppy::after {
		content: "";
		flex: 0 0 100%;
		height: 0;
		order: 8;
	}

	.k-filtr__gruppa {
		position: static;
		/* см. пояснение к переносу выше: 28 процентов держат три поля в одной
		   строке и выталкивают «Сбросить» на свою */
		flex: 1 1 28%;
		min-width: 0;
	}

	/* ⭐ «Сбросить» ниже полей и справа (Веня 28.08.2026). Строку разрывает
	   псевдоэлемент выше, а `margin-left: auto` прижимает кнопку к правому
	   краю. */
	.k-filtr__sbros {
		order: 9;
		flex: 0 0 auto;
		width: auto;
		margin: 8px 0 0 auto;
	}

	.k-filtr__knopka {
		gap: 6px;
		padding: 0 8px;
		/* ⭐ Веня 28.08.2026: «сами кнопки чуть-чуть уже по высоте». Было 52. */
		min-height: 46px;
	}

	/* ⛔ Значок слева убран: при ширине поля около 110 пикселей он забирал
	   четверть строки, а подпись рядом с ним переставала читаться. */
	.k-filtr__knopka > .k-filtr__znachok {
		display: none;
	}

	/* ⛔⭐ Перенос разрешён, обрезка снята. В ряду из трёх подписи достаётся
	   около 78 пикселей, а «Диаметр колеса» требует 94 и обрывалось в
	   «ДИАМЕТР КО…» (замер 28.08.2026). Двум строкам по 11 пикселей вместе со
	   значением хватает высоты 52, поле не растёт. */
	/* ⚠️ Резерва под две строки здесь БОЛЬШЕ НЕТ. Он был нужен, пока подпись
	   «Диаметр колеса» переносилась и сбивала значения с одной линии. Теперь
	   подпись «Диаметр», все три помещаются в строку, и значения выравнены
	   сами собой. Замер 28.08.2026: самой длинной нужен 51 пиксель при
	   доступных 96. */
	.k-filtr__knopka-podpis {
		display: block;
		font-size: 9.5px;
		letter-spacing: .06em;
		line-height: 1.15;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* ⭐ Веня 28.08.2026: «Любой сделать меньше шрифт». Было 12,5. */
	.k-filtr__knopka-vybor {
		font-size: 11.5px;
		line-height: 1.2;
	}

	.k-filtr__knopka-slova {
		min-width: 0;
	}

	/* ⛔⭐⭐ Выпадение снова ПОВЕРХ содержимого и во всю ширину ряда.
	   Правило выше по файлу ставило его в поток (`position: static`), потому
	   что поля шли столбиком во всю ширину. В ряду из трёх это дало бы
	   список значений шириной в одно поле. */
	.k-filtr__gruppa[open] > .k-filtr__vypadenie {
		position: absolute;
		top: calc(100% + 8px);
		left: 0;
		right: 0;
		margin-top: 0;
		max-height: 60vh;
		box-shadow: 0 18px 40px rgba(24, 32, 45, .18);
	}
}


/* ⛔⭐⭐⭐ Подпись ВЫБРАННОГО поля была БЕЛОЙ ПО БЕЛОМУ.
   Найдено 28.08.2026 по кадру Вени и подтверждено замером: у невыбранных
   полей заливка красная и подпись `rgba(255,255,255,.82)` читается, а у
   выбранного заливка становится белой (`.k-filtr__gruppa--vybrana >
   .k-filtr__knopka { background: #fff }`), и та же белая подпись пропадает
   совсем. Видно было только само значение.
   ⚠️ Беда старая, с цветового опыта 27.08.2026, и она на ВСЕХ ширинах, не
   только на телефоне.
   ⚠️ Правило стоит последним в файле намеренно: цветовой опыт лежит одним
   куском в конце и перебивает всё, что выше. */
.k-filtr__gruppa--vybrana > .k-filtr__knopka .k-filtr__knopka-podpis {
	color: #6b7280;
}


/* ================================================================== *
 * Телефон: подбор без коробки, только две линии во всю ширину экрана.
 * Веня 28.08.2026: «у фильтров убери общее обрамление и сделай как сейчас
 * обрамление, только 2 полоски сверху и снизу без отступов слева и справа
 * экрана. А у кнопок фильтра сделать отступ слева и справа как у левой
 * кнопки категории».
 * ================================================================== */
@media (max-width: 690px) {
	/* ⭐ Линии те же, что были у рамки: 1px #e6e8ec. Меняется только их число
	   и длина.
	   ⚠️ Выход за поля обёртки делается отрицательным полем -6: у контейнера
	   каталога боковое поле ровно 6 (замер 28.08.2026), и без него линии
	   обрывались бы за шесть пикселей до края экрана. Тем же приёмом выведена
	   лента категорий, katalog.css. */
	.k-filtr {
		margin-left: -6px;
		margin-right: -6px;
		border: 0;
		border-top: 1px solid #e6e8ec;
		border-bottom: 1px solid #e6e8ec;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	/* ⭐ Поле кнопок подбора равно полю первой плитки категорий: она стоит на
	   6 от края экрана (замер после снятия обрамления выше).
	   ⚠️ Это ОТМЕНЯЕТ прежние 4, поставленные утром того же дня по слову
	   «отступ в обвёртке слева и справа 4px». Теперь мерилом служит не число,
	   а кнопка категории: блоки стоят друг под другом, и левый край у них
	   обязан быть общий. Кнопки стали уже на 4 пикселя суммарно. */
	.k-filtr__gruppy {
		padding-left: 6px;
		padding-right: 6px;
	}
}

@media (max-width: 690px) {
	/* ⛔ Побочное от правила выше, поймано кадром сразу же. Выпадающий список
	   стоит absolute и считает края от `.k-filtr__gruppy`, а тот теперь идёт
	   во всю ширину экрана: список растянулся на 0..390, и его рамка со
	   скруглением обрезалась краями окна (замер: было 7..383, стало 0..390).
	   Даём ему те же 6, что у кнопок, и он снова стоит по их вертикали. */
	.k-filtr__gruppa[open] > .k-filtr__vypadenie {
		left: 6px;
		right: 6px;
	}
}


/* ⭐ Веня 28.08.2026: «цвет шрифта в фильтрах — белые, fff». Подпись поля шла
   полупрозрачной белой `rgba(255,255,255,.82)` с цветового опыта 27.08, а
   значение и стрелка уже были чистыми #fff. Теперь все три одинаковые.
   ⛔ Исключение остаётся ровно одно, и снимать его нельзя: у ВЫБРАННОГО поля
   заливка белая, и белая подпись на ней исчезает совсем. Там она серая
   `#6b7280`, правило стоит последним в файле. */
.k-filtr__knopka-podpis {
	color: #ffffff;
}

/* ⛔⭐⭐ ЗАМЕТКА, ПРАВИЛА ЗДЕСЬ НЕТ НАМЕРЕННО.
   Ниже 1000 отступ `scroll-margin-top` на положение панели после перехода НЕ
   влияет вовсе. Опыт 28.08.2026: при отступе 0, 110 и 400 верх панели на 390
   одинаково равен 46, а прокрутка одинаково 628. На 1440 тот же опыт даёт
   ровно 0, 110 и 400, то есть там работает браузер, а на узком экране
   позицию ставит скрипт темы по своей формуле.
   ⚠️ Итог на телефоне: панель встаёт на 46 при шапке 64, то есть верхние 3
   пикселя первой кнопки подбора под шапкой. Кадр 28.08.2026 показывает, что
   глазами это не читается, поэтому со скриптом темы не боремся: днём того же
   дня такая борьба уже была проиграна трижды.
   ⭐ Проверять мерилом `_arves\524-perehody-podbora.js`. */