/* acdc-configurator 1.8.1 */
/**
 * «Подбор комплекта Living Now» — стили страницы.
 *
 * Разметку рисует `templates/podbor.php`, здесь только вид: две колонки
 * (слева карточки блоков, справа липкая карточка комплекта), образцы отделок,
 * строки в три колонки, плитки рамок и таблица спецификации.
 *
 * Палитра и формы не свои: те же переменные и те же скругления, что у
 * конфигуратора серии (`assets/configurator.css`) — обе страницы живут в
 * одном плагине и на одном сайте, и второй палитре взяться неоткуда.
 *
 * Главное правило вида: три колонки строки одинаковы у всех строк, и
 * счётчики стоят друг под другом. До 1.4.0 они не стояли — панель вариантов
 * была `hidden`, но `display:flex` на её классе перебивал `display:none` от
 * атрибута, панели раскрывались у всех строк сразу и роняли счётчик на
 * вторую строку у одних строк и не роняли у других. Отсюда предохранитель
 * ниже: `[hidden]` в этой странице гасится с `!important`, и ни одно
 * будущее `display:` его больше не перебьёт.
 */

#acdc-podbor {
	--b: #e6e8ec;
	--muted: #7a8291;
	--accent: #1a63d8;
	--accent-fon: #f6f9ff;
	--ink: #1d2330;

	font: 15px/1.5 -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	color: var(--ink);
	max-width: 1200px;
	margin: 0 auto;
}

#acdc-podbor * {
	box-sizing: border-box;
}

/* Предохранитель: атрибут `hidden` сильнее любого `display` этой страницы.
   Им прячут плитки рамок в отделке, где их нет (`применить_отделку_к_рамкам()`),
   таблицу спецификации на пустом составе и обе панели подсказок. */
#acdc-podbor [hidden] {
	display: none !important;
}

/* Скрытые от глаза, но живые для скрипта и клавиатуры: `<select>` остаётся
   источником истины для `podbor.js`, видимые образцы и сегменты только
   подставляют в него значение. `display:none` тут нельзя — с ним выбор
   пропал бы для чтеца с экрана и для клавиатуры. */
#acdc-podbor .acdc-pb-skrytoe {
	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;
}

/* Шапка */

.acdc-podbor-nadzagolovok {
	font-size: 11.5px;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #9aa1ad;
	font-weight: 600;
	margin-bottom: 10px;
}

#acdc-podbor .acdc-podbor-title {
	margin: 0 0 10px;
	font-size: 32px;
	line-height: 1.14;
	font-weight: 650;
	letter-spacing: -.015em;
}

#acdc-podbor .acdc-podbor-lead {
	color: var(--muted);
	margin: 0 0 26px;
	max-width: 680px;
}

/* Две колонки */

.acdc-pb-setka {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: 26px;
	align-items: start;
}

.acdc-pb-levo,
.acdc-pb-pravo {
	min-width: 0;
}

.acdc-pb-levo {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

#acdc-podbor .acdc-pb-stroki {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/* Карточка блока */

.acdc-pb-karta {
	border: 1px solid var(--b);
	border-radius: 14px;
	background: #fff;
	padding: 20px 22px 16px;
}

.acdc-pb-karta-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
}

#acdc-podbor .acdc-pb-blok-zagolovok {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	font-size: 17px;
	font-weight: 600;
	border: 0;
	padding: 0;
}

.acdc-pb-znachok {
	display: inline-flex;
	width: 30px;
	height: 30px;
	border-radius: 9px;
	background: #f3f5f8;
	align-items: center;
	justify-content: center;
	color: #5b6470;
	flex: 0 0 auto;
}

.acdc-pb-podskazka {
	font-size: 12.5px;
	color: #9aa1ad;
}

/* Отделка и цвет */

.acdc-pb-pole + .acdc-pb-pole {
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid #f1f2f4;
}

.acdc-pb-pole-podpis {
	font-size: 12.5px;
	color: var(--muted);
	margin-bottom: 10px;
}

.acdc-pb-obraztsy {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
	gap: 8px;
}

.acdc-pb-obrazets {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 7px;
	padding: 11px 6px 9px;
	border: 1.5px solid var(--b);
	border-radius: 12px;
	background: #fff;
	cursor: pointer;
	text-align: center;
	font: inherit;
	transition: border-color .14s, transform .1s;
}

.acdc-pb-obrazets:hover {
	transform: translateY(-1px);
	border-color: #cfd4dc;
}

.acdc-pb-obrazets.is-on {
	border-color: var(--accent);
	background: var(--accent-fon);
}

.acdc-pb-plashka {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px rgba(20, 25, 35, .14);
}

.acdc-pb-obrazets-imya {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.2;
}

/* Размеры рамок в отделке — не украшение: у половины отделок рамок на
   2–4 поста нет вовсе, и выпадающий список это молча скрывал. */
.acdc-pb-obrazets-posty {
	font-size: 10.5px;
	color: #9aa1ad;
}

.acdc-pb-obrazets.is-on .acdc-pb-obrazets-posty {
	color: var(--accent);
}

.acdc-pb-fishki {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.acdc-pb-fishka {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 15px 8px 10px;
	border: 1.5px solid var(--b);
	border-radius: 999px;
	background: #fff;
	cursor: pointer;
	font: inherit;
	font-size: 13.5px;
}

.acdc-pb-fishka:hover {
	border-color: #cfd4dc;
}

.acdc-pb-fishka.is-on {
	border-color: var(--accent);
	background: var(--accent-fon);
	color: var(--accent);
	font-weight: 600;
}

.acdc-pb-fishka-plashka {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px rgba(20, 25, 35, .16);
}

/* Строка точки: название — варианты — счётчик, тремя колонками. */

/* Средняя колонка — `minmax(0, auto)`, а не `auto`: у строки бывает два
   варианта сразу (жалюзи: тип прибора и стрелки накладки), и с `auto`
   колонка растёт по содержимому, выдавливая счётчик за край карточки.
   С нулевым минимумом она ужимается первой, а сегменты внутри переносятся. */
.acdc-pb-stroka {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, auto) 132px;
	align-items: center;
	gap: 18px;
	padding: 10px 8px 10px 10px;
	border-radius: 10px;
	border-bottom: 1px solid #f1f2f4;
}

.acdc-pb-blok .acdc-pb-stroka:last-child {
	border-bottom: none;
}

/* Строка с двумя вариантами: варианты уходят на свою строку сетки, слева,
   под названием. Метку ставит шаблон (`data-shirokaya`). */
.acdc-pb-stroka[data-shirokaya] {
	grid-template-columns: minmax(0, 1fr) 132px;
	row-gap: 10px;
}

.acdc-pb-stroka[data-shirokaya] .acdc-pb-varianty-wrap {
	grid-column: 1 / -1;
	grid-row: 2;
	justify-content: flex-start;
}

.acdc-pb-stroka-verh {
	min-width: 0;
}

.acdc-pb-nazvanie {
	display: block;
	font-size: 14.5px;
	font-weight: 500;
}

.acdc-pb-primechanie {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	color: #9aa1ad;
}

.acdc-pb-varianty-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 14px;
	justify-content: flex-end;
	min-width: 0;
}

.acdc-pb-var-pole {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.acdc-pb-var-podpis {
	font-size: 12px;
	color: #9aa1ad;
	white-space: nowrap;
}

/* Набор сегментов переносится: у жалюзи три длинных значения типа прибора
   (642 пикселя в ряд), и без переноса они распирали страницу вбок — на
   телефоне вместе со всей вёрсткой. Поймано снимком в 390 пикселей. */
.acdc-pb-seg {
	display: inline-flex;
	flex-wrap: wrap;
	max-width: 100%;
	padding: 3px;
	border: 1px solid var(--b);
	border-radius: 999px;
	background: #fbfcfd;
	gap: 2px;
}

.acdc-pb-seg-knopka {
	border: 0;
	background: none;
	padding: 5px 13px;
	border-radius: 999px;
	font: inherit;
	font-size: 12.5px;
	color: #6b7280;
	cursor: pointer;
	white-space: nowrap;
}

.acdc-pb-seg-knopka:hover {
	color: var(--ink);
}

.acdc-pb-seg-knopka.is-on {
	background: #fff;
	color: var(--accent);
	font-weight: 600;
	box-shadow: 0 1px 2px rgba(20, 25, 35, .08), inset 0 0 0 1px rgba(20, 25, 35, .06);
}

/* Счётчик */

.acdc-pb-kolvo {
	display: inline-flex;
	align-items: center;
	justify-self: end;
	border: 1px solid #e0e3e8;
	border-radius: 11px;
	background: #fff;
	overflow: hidden;
}

.acdc-pb-minus,
.acdc-pb-plus {
	width: 40px;
	height: 40px;
	border: 0;
	background: none;
	cursor: pointer;
	font: inherit;
	font-size: 17px;
	line-height: 1;
	color: var(--muted);
}

.acdc-pb-minus:hover,
.acdc-pb-plus:hover {
	background: #f3f5f8;
	color: var(--ink);
}

.acdc-pb-kol {
	width: 48px;
	text-align: center;
	padding: 5px 0;
	border: 0;
	background: none;
	font: inherit;
	font-size: 15px;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	color: var(--ink);
	-moz-appearance: textfield;
}

.acdc-pb-kol::-webkit-outer-spin-button,
.acdc-pb-kol::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.acdc-pb-kol:focus {
	outline: none;
}

/* Рамки — плитками с картинкой поста, а не четырьмя текстовыми строками. */

.acdc-pb-ramki {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}

.acdc-pb-ramki .acdc-pb-stroka {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
	border: 1.5px solid var(--b);
	border-radius: 14px;
	padding: 14px;
}

.acdc-pb-ramki .acdc-pb-varianty-wrap {
	display: none;
}

.acdc-pb-ramki .acdc-pb-kolvo {
	justify-self: stretch;
	width: 100%;
	justify-content: space-between;
}

.acdc-pb-ramki .acdc-pb-nazvanie {
	font-size: 14px;
	font-weight: 600;
}

/* Картинка поста: рамка с местами по числу постов. */
.acdc-pb-ramka-pic {
	display: flex;
	gap: 3px;
	padding: 4px;
	height: 54px;
	border: 2px solid #d6d9df;
	border-radius: 9px;
	background: #fff;
}

.acdc-pb-ramka-mesto {
	flex: 1;
	border-radius: 4px;
	background: #eef0f3;
}

/* Подсказки под рамками */

/* Подсказки под рамками — настоящие кнопки, а не подчёркнутый текст. Владелец:
   «это надписи вернуть как было и попарно просто текст кнопка, нужно их в
   полноценную кнопку превратить». Подчёркнутая строка читалась ссылкой на
   другую страницу, а это действия здесь же. */
.acdc-pb-podskazki {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
}

.acdc-pb-link {
	display: inline-flex;
	align-items: center;
	height: 40px;
	padding: 0 16px;
	border: 1px solid #e0e3e8;
	border-radius: 11px;
	background: #fff;
	color: #3a414d;
	cursor: pointer;
	font: inherit;
	font-size: 13.5px;
	font-weight: 500;
	text-decoration: none;
}

.acdc-pb-link:hover {
	background: #f7f8fa;
	border-color: #cfd4dc;
	color: var(--ink);
}

/* Нажатая «сложить попарно» — состояние, а не действие: пока комплект показан
   парным, кнопка держится отмеченной, чтобы покупатель видел, в каком он виде. */
.acdc-pb-link.is-on {
	border-color: var(--accent);
	background: var(--accent-fon);
	color: var(--accent);
	font-weight: 600;
}

.acdc-pb-nedostacha,
.acdc-pb-parovat {
	margin-top: 10px;
	padding: 12px 14px;
	background: #fdf7e8;
	color: #8a6100;
	border-radius: 12px;
	font-size: 13px;
	line-height: 1.45;
}

/* Строка варианта: подпись — состав — цена — кнопка справа. Кнопка «добавить»
   здесь не во всю ширину: у `.acdc-pb-btn` ширина 100% ради карточки комплекта,
   а тут она сидит в строке и должна быть по себе. */
.acdc-pb-variant-dobor {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	padding: 8px 0;
	border-bottom: 1px dashed rgba(138, 97, 0, .25);
	font-size: 13px;
}

.acdc-pb-vd-podpis {
	font-weight: 600;
}

.acdc-pb-vd-tsena {
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.acdc-pb-variant-dobor .acdc-pb-btn {
	width: auto;
	height: 34px;
	margin-left: auto;
	padding: 0 16px;
	font-size: 13px;
}

.acdc-pb-variant-dobor:last-child {
	border-bottom: none;
}

/* Спецификация */

/* Обёртка со своей горизонтальной прокруткой: пять колонок на узком телефоне
   не помещаются, и без неё вбок ездила бы вся страница. */
.acdc-pb-smeta-obertka {
	overflow-x: auto;
}

.acdc-pb-smeta-tablitsa {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
}

.acdc-pb-smeta-tablitsa th,
.acdc-pb-smeta-tablitsa td {
	text-align: left;
	padding: 10px 12px 10px 0;
	border-bottom: 1px solid #f1f2f4;
	vertical-align: top;
}

.acdc-pb-smeta-tablitsa th {
	font-weight: 600;
	color: var(--muted);
	font-size: 11px;
	letter-spacing: .05em;
	text-transform: uppercase;
	border-bottom: 1px solid var(--b);
	white-space: nowrap;
}

.acdc-pb-smeta-tablitsa tr:last-child td {
	border-bottom: none;
}

.acdc-pb-smeta-art {
	white-space: nowrap;
	color: #9aa1ad;
	font-family: ui-monospace, Consolas, monospace;
	font-size: 12px;
}

/* Числовые колонки — вправо и одинаковой ширины цифрами, иначе разряды сумм
   не встают друг под другом и столбец читается как каша. */
.acdc-pb-chislo {
	text-align: right;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

.acdc-pb-smeta-tablitsa th.acdc-pb-chislo {
	text-align: right;
}

/* Пометки строки («уточним у менеджера», «нет в наличии», «добор») — под
   наименованием, а не отдельной колонкой: колонок и так пять. Красным их
   не красим: строка остаётся строкой сметы, а громкие вести о том же
   составе стоят в карточке комплекта. */
.acdc-pb-smeta-pometka {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	color: #9aa1ad;
}

/* Карточка комплекта — правая колонка. Прежде была липкой полосой во всю
   ширину внизу: полоса перекрывала последние строки списка и оставляла итог
   и кнопки без всякой связи с составом. */

#acdc-pb-polosa {
	position: sticky;
	top: 20px;
	border: 1px solid var(--b);
	border-radius: 14px;
	background: #fff;
	padding: 20px 20px 18px;
}

.acdc-pb-komplekt-zagolovok {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 10px;
}

.acdc-pb-polosa-teksty {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 13.5px;
}

.acdc-pb-svod {
	color: var(--muted);
	line-height: 1.45;
}

.acdc-pb-zamechanie {
	color: #8a6100;
	line-height: 1.45;
}

.acdc-pb-dobornye {
	color: var(--muted);
	line-height: 1.45;
}

.acdc-pb-smeta {
	margin-top: 6px;
	padding-top: 12px;
	border-top: 1px solid var(--b);
	font-size: 24px;
	font-weight: 680;
	letter-spacing: -.02em;
	font-variant-numeric: tabular-nums;
}

.acdc-pb-knopki {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 16px;
}

.acdc-pb-btn {
	display: block;
	width: 100%;
	height: 48px;
	padding: 0 18px;
	border-radius: 12px;
	border: 1px solid transparent;
	font: inherit;
	font-size: 14.5px;
	font-weight: 600;
	cursor: pointer;
}

.acdc-pb-btn-glavnaya {
	background: var(--accent);
	color: #fff;
}

.acdc-pb-btn-glavnaya:hover {
	background: #14509f;
}

/* Второстепенная кнопка живая: до задачи 8 «Скачать КП» была заперта навсегда,
   и серый цвет с `cursor: not-allowed` стоял прямо здесь. Теперь мёртвый вид
   принадлежит не кнопке, а её запертому состоянию — иначе живая кнопка выглядела
   бы нажатой напрасно. */

.acdc-pb-btn-vtorostep {
	background: #fff;
	color: #3a414d;
	border-color: #e0e3e8;
}

.acdc-pb-btn-vtorostep:hover {
	background: #f7f8fa;
}

.acdc-pb-btn:disabled {
	background: #f3f5f8;
	color: #b4bac3;
	border-color: #eceef1;
	cursor: not-allowed;
}

/* Исход «В корзину»: «Добавляем…», успех/отказ, предупреждение о прежнем составе */

.acdc-pb-korzina-status {
	margin-top: 12px;
	font-size: 12.5px;
	line-height: 1.45;
	color: #3a414d;
}

.acdc-pb-korzina-status a {
	color: var(--accent);
}

/* Исход выгрузки спецификации — свой узел, свой единственный писатель
   (`скачать_кп()`). */

.acdc-pb-kp-status {
	margin-top: 6px;
	font-size: 12.5px;
	line-height: 1.45;
	color: #3a414d;
}

/* Что уже лежит в корзине — постоянная весть, живёт рядом с исходом отправки
   и не затирает его: у каждого из двух узлов ровно один писатель. */

.acdc-pb-korzina-lezhit {
	margin-top: 6px;
	font-size: 12.5px;
	line-height: 1.45;
	color: var(--muted);
}

.acdc-pb-korzina-lezhit a {
	color: var(--accent);
}

/* Список «уточним у менеджера» — позиции без найденного артикула */

.acdc-pb-utochnim {
	margin-top: 12px;
	padding: 11px 13px;
	background: #f2f4f7;
	border-radius: 11px;
	font-size: 12.5px;
	line-height: 1.45;
	color: #5b6470;
}

.acdc-pb-utochnim-zagolovok {
	font-weight: 600;
	color: #3a414d;
	margin-bottom: 4px;
}

.acdc-pb-utochnim-poz {
	padding: 2px 0;
}

/* Пометка «нет в наличии» — тот же вид, что у «уточним у менеджера», но своим
   цветом: неналичие у конфигуратора уже помечено красным (`.acdc-net`), и
   второй цвет для той же вести завёл бы разнобой между двумя страницами
   одного плагина. */
.acdc-pb-net-blok {
	margin-top: 12px;
	padding: 11px 13px;
	background: #fdeeeb;
	border-radius: 11px;
	font-size: 12.5px;
	line-height: 1.45;
	color: #a33a2a;
}

.acdc-pb-net-zagolovok {
	font-weight: 600;
	margin-bottom: 4px;
}

.acdc-pb-net-poz {
	padding: 2px 0;
}

/* Узкий экран: одна колонка, и карточка комплекта возвращается полосой вниз —
   там ей и место, когда правой колонке негде стоять. Кнопки счётчика на
   телефоне 44 пикселя: палец в 40 попадает не всегда. */

@media (max-width: 900px) {
	.acdc-pb-setka {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
	}

	#acdc-podbor {
		padding-bottom: 150px;
	}

	.acdc-pb-stroka {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 10px 12px;
	}

	.acdc-pb-varianty-wrap {
		grid-column: 1 / -1;
		grid-row: 2;
		justify-content: flex-start;
	}

	.acdc-pb-ramki {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* Перенесённый набор сегментов — уже не таблетка, а скруглённая коробка:
	   овальные торцы у двухрядного набора смотрятся поломкой. */
	.acdc-pb-seg {
		border-radius: 14px;
	}

	.acdc-pb-seg-knopka {
		border-radius: 999px;
	}

	.acdc-pb-minus,
	.acdc-pb-plus {
		width: 44px;
		height: 44px;
	}

	#acdc-pb-polosa {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: auto;
		z-index: 20;
		border: 0;
		border-top: 1px solid var(--b);
		border-radius: 0;
		padding: 12px 16px;
		box-shadow: 0 -6px 20px rgba(20, 25, 35, .08);
		max-height: 48vh;
		overflow-y: auto;
	}

	.acdc-pb-komplekt-zagolovok {
		display: none;
	}

	/* Кнопки в ряд — и обязательно `width:auto`: в колонке у них `width:100%`,
	   а два стопроцентных ребёнка в ряду дают двойную ширину полосы, и вместе
	   с ней горизонтальную прокрутку всей страницы (полоса ведь `fixed` во всю
	   ширину окна). Поймано на снимке в 390 пикселей. */
	.acdc-pb-knopki {
		flex-direction: row;
		margin-top: 10px;
	}

	.acdc-pb-knopki .acdc-pb-btn {
		width: auto;
		flex: 1 1 0;
		padding: 0 12px;
	}

	.acdc-pb-smeta {
		margin-top: 2px;
		padding-top: 8px;
	}
}

@media (max-width: 560px) {
	#acdc-podbor .acdc-podbor-title {
		font-size: 25px;
	}

	/* Поля карточки и строки ужимаются: каждый лишний пиксель отступа здесь
	   отбирается у названия точки, а оно и так переносится по слову. */
	.acdc-pb-karta {
		padding: 16px 14px 12px;
	}

	.acdc-pb-stroka {
		padding-left: 2px;
		padding-right: 2px;
	}

	/* Шестнадцать отделок сеткой в две колонки съедают весь первый экран
	   телефона — до строк подбора приходится листать восемь рядов образцов.
	   Лентой с прокруткой вбок они занимают одну строку, а выбранная отделка
	   всё равно видна: её подписывает заголовок поля. */
	.acdc-pb-obraztsy {
		display: flex;
		gap: 8px;
		overflow-x: auto;
		padding-bottom: 4px;
		scroll-snap-type: x proximity;
		-webkit-overflow-scrolling: touch;
	}

	.acdc-pb-obrazets {
		flex: 0 0 84px;
		scroll-snap-align: start;
	}
}

/* Поверх темы. Woodmart красит кнопки и поля по-своему: квадратит скругление
   нажатого сегмента и рисует рамку с фоном вокруг поля количества — видно на
   снимке живой страницы, в голой разметке этого нет. Перебиваем не
   `!important`, а весом идентификатора: правила те же, что выше, только под
   `#acdc-podbor`. Размеры сюда не переносим — их задают правила выше и
   медиа-запросы, и продублированный здесь размер увёл бы кнопку счётчика с
   телефонных 44 пикселей обратно на 40. */

#acdc-podbor .acdc-pb-seg-knopka {
	border: 0;
	border-radius: 999px;
	background: none;
	box-shadow: none;
}

#acdc-podbor .acdc-pb-seg-knopka.is-on {
	background: #fff;
	box-shadow: 0 1px 2px rgba(20, 25, 35, .08), inset 0 0 0 1px rgba(20, 25, 35, .06);
}

#acdc-podbor .acdc-pb-kol {
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}

#acdc-podbor .acdc-pb-minus,
#acdc-podbor .acdc-pb-plus {
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
}

#acdc-podbor .acdc-pb-obrazets,
#acdc-podbor .acdc-pb-fishka,
#acdc-podbor .acdc-pb-btn {
	box-shadow: none;
}

/* Скругления кнопок. Тема ставит ВСЕМ кнопкам `border-radius: 5px !important`
   (настройка скругления кнопок Woodmart) — проверено чтением computed style на
   живой странице: у образца отделки, фишки цвета, сегмента, кнопки счётчика и
   кнопки «В корзину» выходило 5px вместо заданных. Вес идентификатора против
   `!important` не помогает, поэтому здесь единственное место в файле, где он
   стоит у нас, и только по одному свойству — остальное тема не трогает. */

#acdc-podbor .acdc-pb-seg-knopka {
	border-radius: 999px !important;
}

#acdc-podbor .acdc-pb-fishka {
	border-radius: 999px !important;
}

#acdc-podbor .acdc-pb-obrazets {
	border-radius: 12px !important;
}

#acdc-podbor .acdc-pb-btn {
	border-radius: 12px !important;
}

/* Кнопки счётчика — прямые: скругление у них носит коробка `.acdc-pb-kolvo`,
   а своё в 5px рисовало ступеньку внутри неё. */
#acdc-podbor .acdc-pb-minus,
#acdc-podbor .acdc-pb-plus {
	border-radius: 0 !important;
}

#acdc-podbor .acdc-pb-link {
	border-radius: 0 !important;
}

/* Артикул под названием строки — просьба владельца: покупатель должен видеть,
   что именно подбор для этой строки возьмёт, и мочь уйти на карточку товара.
   Моноширинный, тускло: это подпись, а не заголовок. */

.acdc-pb-artikul {
	display: block;
	margin-top: 2px;
	font-family: ui-monospace, Consolas, monospace;
	font-size: 11.5px;
	letter-spacing: .01em;
}

.acdc-pb-artikul a {
	color: #7a8291;
	text-decoration: none;
	border-bottom: 1px dotted #c2c7d0;
}

.acdc-pb-artikul a:hover {
	color: var(--accent);
	border-bottom-color: var(--accent);
}

/* Артикула нет в каталоге — не ссылка и без подчёркивания: вести некуда.
   Прятать его нельзя, это ровно тот случай, когда в спецификации выйдет
   «уточним у менеджера», и покупатель вправе знать заранее. */
.acdc-pb-artikul-net {
	color: #b4bac3;
}

/* «Очистить подбор» — тихая ссылка внизу карточки комплекта. Действие редкое
   и необратимое, поэтому и вид тихий: рядом с «В корзину» она не должна
   спорить за внимание. */

.acdc-pb-ochistit {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 10px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	font-weight: 400;
	text-align: center;
	font-size: 12.5px;
	color: #9aa1ad;
	text-decoration: none;
	border-bottom: 1px dotted transparent;
}

.acdc-pb-ochistit:hover {
	color: #a33a2a;
}

/* Вид комплекта: что покупатель собирает. Две плитки — рамка в выбранной
   отделке и лицевая панель в выбранном цвете приборов; снимки настоящие, из
   каталога, и меняются вместе с выбором ниже. */

.acdc-pb-vid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 20px;
}

.acdc-pb-vid-plitka {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.acdc-pb-vid-ramka {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 128px;
	padding: 10px;
	border: 1px solid var(--b);
	border-radius: 12px;
	background: #fbfcfd;
	overflow: hidden;
}

.acdc-pb-vid-ramka img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
}

.acdc-pb-vid-plitka figcaption {
	font-size: 12px;
	color: #9aa1ad;
	text-align: center;
}

@media (max-width: 560px) {
	.acdc-pb-vid-ramka {
		height: 96px;
	}
}