/*
Theme Name: Service Lux Дочерняя тема
Theme URI: https://goodwinpress.ru/wp-tema-wp-service-lux
Author: GoodwinPress
Author URI: https://goodwinpress.ru/
Description: Используем дочернюю тему лишь в тех случаях, когда собрались менять стили, разметку или функции темы. Просто так ее ставить не требуется.
Text Domain: service-lux
Template: service-lux
*/

/* Размещайте ваши стили под этой строкой. */

/* Вторичный текст (артикулы, наличие, подписи полей, счётчики).
   Раньше во всех местах работал запасной #888 — он даёт 3.5:1 на белом и
   3.3:1 на светло-серых плашках, ниже порога читаемости для мелкого текста.
   Это значение даёт 4.8:1 и 4.5:1 на тех же фонах. */
:root {
	--text-secondary: #6b7280;
}

.site-top-message__descr {
	display: none;
}

/* Шапка: контакты рядом с логотипом. Ряд у parent уже space-between, поэтому
   логотип стоит слева, а весь этот блок — справа; своего правила не нужно. */
.header-contacts {
	gap: 1.9rem;
	align-items: center;
}

.header-contacts__note {
	display: block;
	font-size: 0.8125rem;
	font-weight: var(--semi-bold);
	line-height: 130%;
	color: var(--text-secondary);
	text-align: center;
}

/* Подпись под телефоном центрируется по номеру, а вторая строка адреса
   идёт по краю самого адреса. Ниже 1130px эта строка скрывается совсем,
   поэтому выравнивание нужно только на десктопе. */
.header-contacts__item--address .header-contacts__note {
	text-align: left;
}

/* «Работаем с … года» — первый блок справа от логотипа, отделён от контактов
   тонкой чертой. Черта фиксированной высоты, поэтому рисуется псевдоэлементом,
   а не рамкой пункта (та тянулась бы по высоте текста). */
.header-contacts__item--since {
	position: relative;
	padding-inline-end: 1.9rem;
	font-size: 0.9375rem;
	font-weight: var(--bold);
	line-height: 130%;
	white-space: nowrap;
}

.header-contacts__item--since::after {
	content: "";
	position: absolute;
	inset-inline-end: 0;
	top: 50%;
	width: 1px;
	height: 38px;
	background-color: var(--border-color);
	transform: translateY(-50%);
}

/* Акцент задаёт редактор: часть текста в настройке обёрнута в <span>.
   Целимся во вложенный span, а не в саму обёртку .header-contacts__text —
   она тоже span, и общий селектор красил бы всю строку. */
.header-contacts__item--since .header-contacts__text span {
	color: var(--accent);
}

.header-contacts__street {
	display: block;
	font-size: 0.9375rem;
	font-weight: var(--bold);
	line-height: 130%;
	white-space: nowrap;
}

/* Номер — плашка, подпись под ней. Ссылка оборачивает обе строки, поэтому
   плашка краснеет при наведении на любую часть блока. */
.header-contacts__item--tel .header-contacts__link {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	text-decoration: none;
}

.header-contacts__item--tel .header-contacts__link:hover {
	color: var(--main-color);
	text-decoration: none;
}

/* Тире по бокам подписи рисует вёрстка, а не значение поля: та же подпись
   идёт в лейбл виджета «Контакты» (inc/single-contacts.php), где тире внутри
   значения дают «Телефон - Мастерская -:». */
.header-contacts__item--tel .header-contacts__note::before {
	content: "– ";
}

.header-contacts__item--tel .header-contacts__note::after {
	content: " –";
}

.header-contacts__plate {
	display: block;
	padding: 9px 22px;
	font-size: 1.125rem;
	font-weight: var(--bold);
	line-height: 115%;
	white-space: nowrap;
	background-color: #eef0f3;
	border-radius: 6px;
	transition: background-color var(--animation), color var(--animation);
}

.header-contacts__link:hover .header-contacts__plate {
	color: var(--white);
	background-color: var(--accent);
}

/* Плашка с картинкой у номера: картинка слева, поле у этого края меньше —
   квадрат сам держит воздух вокруг номера. Центрирование нужно на узких,
   где ссылка растягивает плашку во всю ширину колонки. */
.header-contacts__plate--with-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding-inline-start: 10px;
}

.header-contacts__operator {
	flex: none;
	width: 24px;
	height: 24px;
	object-fit: contain;
	border-radius: 5px;
}

/* Иконка из набора: размер в em от кегля номера — ровно высота строки
   номера, плашка не растёт и на мобильном ужимается вместе с цифрами.
   Селектор в два класса — сильнее пиксельных размеров картинки в медиаблоках. */
.header-contacts__operator.header-contacts__operator--glyph {
	width: 1.15em;
	height: 1.15em;
	color: var(--tel-glyph, var(--accent));
	border-radius: 0;
	transition: color var(--animation);
}

.header-contacts__operator--glyph * {
	stroke-width: 2;
}

.header-contacts__operator--glyph .is-bold {
	stroke-width: 3.6;
}

.header-contacts__link:hover .header-contacts__operator--glyph {
	color: inherit;
}

/* График: дни слева, время справа, колонки выровнены по вертикали.
   tabular-nums ставит двоеточия обеих строк друг под другом. */
.header-contacts__hours {
	display: grid;
	grid-template-columns: auto auto;
	column-gap: 12px;
	row-gap: 0;
	align-items: baseline;
	line-height: 130%;
	white-space: nowrap;
}

.header-contacts__days {
	font-size: 0.8125rem;
	font-weight: var(--semi-bold);
	color: var(--text-secondary);
}

.header-contacts__time {
	font-size: 0.9375rem;
	font-weight: var(--bold);
	font-variant-numeric: tabular-nums;
}

/* Город внутри строки адреса — вариант для узких экранов, на десктопе он
   уезжает во вторую строку (см. @media ниже). */
.header-contacts__city {
	display: none;
}

/* Телефон и почта узнаются как ссылки по самому значению, а «Мы на карте» —
   обычные слова: parent снимает подчёркивание у .header-contacts__link,
   и без него подпись неотличима от текста рядом. */
.header-contacts__item--address .header-contacts__note .header-contacts__link {
	text-decoration: underline;
	text-underline-offset: 2px;
}

.header-contacts__sep {
	display: inline-block;
	margin-inline: 0.4rem;
	vertical-align: top;
	opacity: 0.5;
}

/* Иконки-плитки — раздел Главной (inc/home-icon-tiles.php).
   Размер плитки и число колонок приходят инлайном как CSS-переменные. */

/* Оформление раздела: заливка во всю ширину и узор платы с визитки.
   Границы полосы жёсткие — фон обрывается ровной линией, как остальные
   плашки сайта. Мягко сходит только сам рисунок к середине, иначе он
   обрывался бы вертикальной чертой посреди полосы и лез под текст. */
.home-icon-tiles {
	position: relative;
	overflow: clip;
	margin-top: 50px;
}

.home-icon-tiles > .container {
	position: relative;
	z-index: 1;
}

.home-icon-tiles--bg {
	background-color: var(--tiles-bg);
}

/* Первому разделу Главной тема отступов не даёт (owl-правило пропускает
   первый элемент) — своей заливке поля нужны, иначе она липнет к шапке. */
.home .site-main > .home-icon-tiles--bg:first-child {
	padding-block: calc(var(--spacing) * 2);
}

.home-icon-tiles--fg .container__title {
	text-align: center;
}

.home-icon-tiles--fg .container__title,
.home-icon-tiles--fg .container__descr,
.home-icon-tiles--fg .icon-tiles__label {
	color: var(--tiles-fg);
}

/* Геометрия узора живёт в маске, цвет — в краске под ней: один файл
   рисунка обслуживает любой цвет из Customizer. Атрибуты width/height
   в самом SVG обязательны, иначе WebKit растянет тайл вместо повтора. */
.home-icon-tiles__pcb {
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	z-index: 0;
	width: var(--tiles-pcb-width, 34%);
	pointer-events: none;
	user-select: none;
	opacity: var(--tiles-pcb-alpha, 1);
	background-image: linear-gradient(to right, var(--tiles-pcb-color, #a60909) 0 46%, transparent 100%);
	-webkit-mask-image: url("assets/img/pcb-tile.svg");
	mask-image: url("assets/img/pcb-tile.svg");
	-webkit-mask-size: var(--tiles-pcb-tile, 320px 320px);
	mask-size: var(--tiles-pcb-tile, 320px 320px);
	-webkit-mask-repeat: repeat;
	mask-repeat: repeat;
	-webkit-mask-position: 0 0;
	mask-position: 0 0;
}

.home-icon-tiles__pcb--right {
	inset-inline-start: auto;
	inset-inline-end: 0;
	transform: scaleX(-1);
}

/* Колонка равна плитке, а не 1fr: при 1fr колонки делят всю ширину
   контейнера, и плитки, центрируясь каждая в своей, расползаются по экрану.
   Ряд центрируется целиком через justify-content, расстояние между плитками
   задаётся настройкой раздела. ⚠️ max-content здесь не подходит: иконка —
   это <svg> без атрибутов width/height, её ширина задана процентом, а он при
   расчёте max-content не разрешается, и браузер берёт внутренний размер
   замещённого элемента (300px) — колонки раздувались до 290px. Нижняя
   граница minmax — 0, чтобы на узком экране колонки могли сжаться. */
.icon-tiles {
	display: grid;
	grid-template-columns: repeat(var(--tiles-cols, 4), minmax(0, var(--tiles-size, 96px)));
	justify-content: center;
	gap: 1.6rem var(--tiles-gap, 2.5rem);
	margin: 0;
	padding: 0;
	list-style: none;
	justify-items: center;
}

.icon-tiles__cell {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.7rem;
	max-width: 100%;
	color: inherit;
	text-align: center;
	text-decoration: none;
}

a.icon-tiles__cell:hover {
	text-decoration: none;
}

.icon-tiles__tile {
	display: flex;
	align-items: center;
	justify-content: center;
	width: min(var(--tiles-size, 96px), 100%);
	aspect-ratio: 1;
	color: var(--tile-ink, #ffffff);
	background-color: var(--tile-bg, var(--accent));
	border: 2px solid var(--tile-border, transparent);
	border-radius: var(--tile-radius, 18px);
	transition: transform var(--animation), box-shadow var(--animation);
}

a.icon-tiles__cell:hover .icon-tiles__tile {
	transform: translateY(-3px);
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14);
}

.icon-tiles__glyph,
.icon-tiles__img {
	width: var(--tiles-icon, 52%);
	height: var(--tiles-icon, 52%);
	object-fit: contain;
}

/* Толщина линий задаётся настройкой раздела. Правило целится в сами фигуры:
   у них есть свой атрибут stroke-width, а он перебивает унаследованное
   значение — CSS-свойство сильнее presentation-атрибута. */
.icon-tiles__glyph * {
	stroke-width: var(--tiles-stroke, 1.7);
}

/* Зубцы шестерёнки заметно толще остального контура — иначе иконка
   читается как солнце. Держим пропорцию к общей настройке. */
.icon-tiles__glyph .is-bold {
	stroke-width: calc(var(--tiles-stroke, 1.7) * 1.9);
}

.icon-tiles__label {
	width: max-content;
	max-width: calc(var(--tiles-size, 96px) + 2.5rem);
	font-size: 0.95rem;
	line-height: 130%;
	font-weight: var(--semi-bold, 600);
}

/* Вид «Иконка и текст»: плитка слева, заголовок и описание справа.
   Два класса в селекторе сетки — чтобы медиаправила .icon-tiles ниже
   по файлу не возвращали колонки по размеру плитки. */
.icon-tiles.icon-tiles--features {
	grid-template-columns: repeat(var(--tiles-feat-cols, 2), minmax(0, 1fr));
	justify-content: stretch;
	justify-items: stretch;
	gap: 4rem 2.5rem;
}

.icon-tiles--features .icon-tiles__cell {
	flex-direction: row;
	align-items: flex-start;
	gap: 1.5rem;
	text-align: start;
}

.icon-tiles--features .icon-tiles__tile {
	flex: none;
	width: var(--tiles-size, 96px);
}

.icon-tiles__body {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	min-width: 0;
}

.icon-tiles__title {
	font-size: clamp(1.35rem, 1rem + 1.2vw, 1.7rem);
	line-height: 115%;
	font-weight: var(--semi-bold, 600);
	color: var(--main-color, #2f3440);
}

.icon-tiles__text {
	font-size: 1rem;
	line-height: 165%;
	color: var(--text-secondary, #6b7280);
}

.home-icon-tiles--fg .icon-tiles__title,
.home-icon-tiles--fg .icon-tiles__text {
	color: var(--tiles-fg);
}

.home-icon-tiles--fg .icon-tiles__text {
	opacity: 0.8;
}

/* Преимущества строкой — раздел Главной (inc/home-advantages.php).
   Размер подложки, число колонок и цвета приходят инлайном переменными.
   Заливка идёт во всю ширину экрана, содержимое держит родной .container. */

.home-advantages--bg {
	background-color: var(--adv-bg);
}

/* Фон не полосой: заливка уходит с секции на контейнер (плашка по ширине
   контента) или на сами пункты (отдельные плашки). Обоим нужны свои поля,
   иначе текст ляжет на край, и свой box-sizing: тема объявляет border-box
   только для html и псевдоэлементов, а это свойство не наследуется — без
   него внутренние поля раздули бы блок за отведённую ему ширину. */
.home-advantages--boxed,
.home-advantages--cards {
	background-color: transparent;
}

.home-advantages--boxed > .container {
	box-sizing: border-box;
	padding: calc(var(--spacing) * 0.9) var(--spacing);
	background-color: var(--adv-bg);
}

.home-advantages--cards .advantages__item {
	box-sizing: border-box;
	padding: calc(var(--spacing) * 0.6) calc(var(--spacing) * 0.7);
	background-color: var(--adv-bg);
}

/* Первому разделу Главной тема отступов не даёт (owl-правило пропускает
   первый элемент) — своей заливке поля нужны, иначе она липнет к шапке. */
.home .site-main > .home-advantages--bg:first-child {
	padding-block: calc(var(--spacing) * 2);
}

.home-advantages--fg .container__title,
.home-advantages--fg .container__descr,
.home-advantages--fg .advantages__text {
	color: var(--adv-fg);
}

.advantages {
	display: grid;
	grid-template-columns: repeat(var(--adv-cols, 3), minmax(0, 1fr));
	gap: 1.5rem var(--adv-gap, 2rem);
	margin: 0;
	padding: 0;
	list-style: none;
}

.advantages__item {
	position: relative;
	display: flex;
	min-width: 0;
}

/* Линия — отдельный слой посередине зазора, а не рамка ячейки: рамка сдвигала
   бы содержимое, а первый пункт следующего ряда вылезал бы за контейнер.
   Первому в ряду линия не нужна — его номер зависит от числа колонок,
   поэтому снимающее правило печатается инлайном (inc/home-advantages.php). */
.advantages--divided .advantages__item::before {
	content: "";
	position: absolute;
	inset-block: 0;
	inset-inline-start: calc(var(--adv-gap, 2rem) / -2);
	width: 1px;
	background-color: var(--adv-line, var(--border-color));
}

.advantages__cell {
	display: flex;
	align-items: center;
	gap: 1.1rem;
	min-width: 0;
	color: inherit;
	text-decoration: none;
}

a.advantages__cell:hover {
	text-decoration: none;
}

/* box-sizing обязателен: без него рамка добавляется к стороне, и подложка
   выходит на 4px больше настройки — размер перестаёт совпадать с полем. */
.advantages__tile {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: var(--adv-size, 72px);
	aspect-ratio: 1;
	color: var(--adv-ink, var(--accent));
	background-color: var(--adv-tile-bg, transparent);
	border: 2px solid var(--adv-border, transparent);
	border-radius: var(--adv-radius, 50%);
	transition: transform var(--animation), box-shadow var(--animation);
}

a.advantages__cell:hover .advantages__tile {
	transform: translateY(-3px);
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14);
}

.advantages__glyph,
.advantages__img {
	width: var(--adv-icon, 52%);
	height: var(--adv-icon, 52%);
	object-fit: contain;
}

/* Толщина линий задаётся настройкой раздела. Правило целится в сами фигуры:
   у них есть свой атрибут stroke-width, а он перебивает унаследованное
   значение — CSS-свойство сильнее presentation-атрибута. */
.advantages__glyph * {
	stroke-width: var(--adv-stroke, 1.7);
}

.advantages__glyph .is-bold {
	stroke-width: calc(var(--adv-stroke, 1.7) * 1.9);
}

.advantages__text {
	min-width: 0;
	font-size: 1rem;
	line-height: 140%;
}

/* Поиск на телефоне — раздел Главной (inc/home-mobile-search.php). Виден
   только на ≤782px. Поле задаётся переменными плагина: его же правила читают
   их в режиме поверх экрана, поэтому раскрытый поиск не ломается. 16px шрифта —
   иначе iOS Safari увеличивает страницу при фокусе. */
.home-mobile-search {
	display: none;
}

.home-mobile-search__card {
	padding: 1rem;
	border-radius: calc(var(--bradius) * 1.5);
	background-color: color-mix(in srgb, var(--accent) 10%, var(--white));
}

.home-mobile-search__title {
	margin-block-end: 0.7rem;
	font-size: 1.1rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--main-color);
}

.home-mobile-search .mvweb-ss {
	--mvweb-ss-max-width: none;
	--mvweb-ss-height: 50px;
	--mvweb-ss-radius: 12px;
	--mvweb-ss-font-size: 16px;
	--mvweb-ss-border: color-mix(in srgb, var(--accent) 35%, var(--white));
}

.home-mobile-search .mvweb-ss:not(.mvweb-ss--overlay-on) .mvweb-ss__input {
	box-shadow: 0 8px 20px -12px color-mix(in srgb, var(--accent) 70%, transparent);
}

/* Промо-баннеры — раздел Главной (inc/home-promo-banners.php).
   Высота баннера — 60% его ширины (cqi от ячейки), но растёт, если текст не
   помещается: aspect-ratio при overflow:hidden контент бы обрезал. */
.promo-banners {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--spacing);
	margin: 0;
	padding: 0;
	list-style: none;
}

.promo-banners__item {
	container-type: inline-size;
}

.promo-banners__card {
	position: relative;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	height: 100%;
	min-height: 300px;
	min-height: 60cqi;
	padding: 2rem 2.4rem;
	color: var(--main-color);
	background-color: var(--promo-bg, var(--grey-bg));
	border-radius: var(--bradius);
	overflow: hidden;
	text-decoration: none;
}

a.promo-banners__card:hover {
	color: var(--main-color);
	text-decoration: none;
}

.promo-banners__card--light,
a.promo-banners__card--light:hover {
	color: var(--white);
}

.promo-banners__body {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.6rem;
	max-width: 52%;
}

.promo-banners__title {
	font-size: 1.35rem;
	font-weight: var(--bold);
	line-height: 125%;
}

.promo-banners__text {
	font-size: 0.94rem;
	line-height: 145%;
	opacity: 0.85;
}

.promo-banners__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 46px;
	margin-block-start: 1rem;
	padding: 0 1.8rem;
	font-size: 0.96rem;
	font-weight: var(--semi-bold);
	line-height: 1;
	color: var(--accent);
	border: 2px solid var(--accent);
	border-radius: 999px;
	transition: color var(--animation), background-color var(--animation), border-color var(--animation);
}

.promo-banners__card--light .promo-banners__btn {
	color: var(--white);
	border-color: var(--white);
}

a.promo-banners__card:hover .promo-banners__btn,
a.promo-banners__card:focus-visible .promo-banners__btn {
	color: var(--white);
	background-color: var(--accent);
}

a.promo-banners__card--light:hover .promo-banners__btn,
a.promo-banners__card--light:focus-visible .promo-banners__btn {
	color: var(--main-color);
	background-color: var(--white);
}

.promo-banners__media {
	position: absolute;
	inset-block: 0;
	inset-inline-end: 0;
	width: 55%;
}

.promo-banners__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: right bottom;
	transform-origin: right bottom;
	transition: transform var(--animation);
}

a.promo-banners__card:hover .promo-banners__img {
	transform: scale(1.03);
}

/* Постер 3 — слайдер (порт с markach-dojo.by, см. GUIDE §12.24). Размеры —
   эталон markach-dojo.by: высота от контента с полом 420px (320px на телефоне). */

.poster3-slider {
	position: relative;
}

.poster3__slide {
	display: flex;
	height: auto;
}

.poster3__wrap {
	position: relative;
	display: flex;
	flex: 1;
	min-height: 420px;
	background-color: var(--main-color);
	border-radius: var(--bradius);
	overflow: clip;
}

/* Ссылка со всего слайда лежит слоем поверх фона и маски, но под контентом.
   ⚠️ Поднять кнопку над ссылкой одним z-index нельзя: у контента свой
   z-index, он создаёт слой целиком, и вложенный z-index кнопки из него не
   выходит (замер: клик по кнопке попадал на ссылку слайда). Поэтому клики
   сквозь контент пропускаются, а кнопка и ссылки в тексте их забирают. */
.poster3__link {
	position: absolute;
	inset: 0;
	z-index: 2;
}

.poster3__wrap:has(> .poster3__link) .poster3__content {
	pointer-events: none;
}

.poster3__wrap:has(> .poster3__link) .poster3__btn,
.poster3__wrap:has(> .poster3__link) .poster3__descr a {
	pointer-events: auto;
}

.poster3__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.poster3__wrap--mask::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background-color: rgb(0 0 0 / calc(var(--p3-overlay, 0.5) * 100%));
	backdrop-filter: blur(var(--p3-blur, 0px));
}

.poster3__content {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: var(--spacing);
	padding-block: 5.5rem;
	padding-inline: 4rem 2rem;
}

.poster3__title {
	display: block;
	max-width: 1080px;
	font-size: 3.15rem;
	font-weight: var(--extra-bold);
	line-height: 115%;
	color: var(--white);
}

.poster3__title > span {
	color: var(--accent);
}

.poster3__descr {
	max-width: 800px;
	font-size: 1.15rem;
	color: var(--white);
}

.poster3__btn {
	align-self: start;
	color: var(--btn-color);
	background-color: var(--btn-bg);
}

.poster3__btn:hover {
	color: var(--btn-color-hover);
	background-color: var(--btn-bg-hover);
}

.poster3__btn > .btn__icon {
	fill: var(--btn-color);
}

.poster3__btn:hover > .btn__icon {
	fill: var(--btn-color-hover);
}

.poster3-slider .splide__arrow {
	position: absolute;
	top: 50%;
	z-index: 3;
	transform: translateY(-50%);
}

.poster3-slider .splide__arrow--prev {
	left: 1rem;
}

.poster3-slider .splide__arrow--next {
	right: 1rem;
}

.poster3-slider .splide__pagination {
	position: absolute;
	inset-inline: 0;
	bottom: 1rem;
	z-index: 3;
}

.poster3-slider .splide__pagination__page {
	width: 9px;
	height: 9px;
	margin: 4px;
	background: rgb(255 255 255 / 55%);
	opacity: 1;
}

.poster3-slider .splide__pagination__page.is-active {
	background: var(--white);
	transform: scale(1.3);
}

/* WooCommerce single product — пропорции внутри port (узкая колонка темы) */

.service-single__content .service-single__wrap {
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
	gap: 2rem;
}

.service-single__content .service-single__title {
	margin-block-end: 0.5rem;
	padding-inline-end: 0;
	font-size: 1.35rem;
	line-height: 130%;
}

/* Caption: чистый поток, без белой плашки с тенью */
.service-single__content .service-caption {
	gap: 1rem;
}

.service-single__content .service-caption .service-caption__descr {
	margin: 0;
	font-size: 0.95rem;
	line-height: 150%;
	color: var(--text-secondary, #555);
}

/* Цены товара: розница и опт делят строку поровну, между ними разделительная
   полоса — заливка плашек не нужна. Когда цена одна (её видит оптовый клиент),
   она занимает строку целиком, и подпись не печатается: пояснять не от чего. */
.service-single__content .service-caption .service-caption__prices {
	display: flex;
	margin: 0;
}

/* Колонки по содержимому, а не в половину строки: цены стоят рядом, их делит
   только линия. box-sizing задан явно — в этой теме он не наследуется. */
.service-single__content .service-caption .dici-prices__item {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	gap: 0.35rem;
	box-sizing: border-box;
	color: var(--main-color);
}

.service-single__content .service-caption .dici-prices__item:not(:last-child) {
	padding-inline-end: 0.9rem;
}

.service-single__content .service-caption .dici-prices__item + .dici-prices__item {
	padding-inline-start: 0.9rem;
	border-inline-start: 1px solid var(--border-color);
}

.service-single__content .service-caption .dici-prices__label {
	font-size: 0.7rem;
	font-weight: var(--semi-bold);
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--text-secondary, #6b7280);
}

.service-single__content .service-caption .dici-prices__value {
	font-size: 1.2rem;
	font-weight: var(--semi-bold);
	line-height: 1;
}

/* Опт — зелёным: тот же язык, что у кнопок и уведомлений об успехе. */
.service-single__content .service-caption .dici-prices__item--opt {
	color: #2e7d32;
}

/* Подпись — тем же зелёным, что и сумма: осветление до 75% давало 2.9:1 при
   норме 4.5, а различают подпись кегль и разрядка. */
.service-single__content .service-caption .dici-prices__item--opt .dici-prices__label {
	color: inherit;
}

/* Наличие — своей строкой под заголовком, в одну строку. */
.service-single__content .service-caption .service-caption__stock {
	color: var(--text-secondary, #888);
	font-size: 0.95rem;
}

.service-single__content .service-caption .service-caption__stock .stock {
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
}

.service-single__content .service-caption .service-single__btn .btn__icon {
	width: 1.1rem;
	height: 1.1rem;
}

.service-single__tabs {
	margin-block-end: 50px;
}

.service-single__content .service-caption .service-single__cart.cart {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.6rem;
}

.service-single__content .service-caption .service-single__cart.cart .quantity {
	flex-shrink: 0;
	height: 44px;
	margin: 0;
}

.service-single__content .service-caption .service-single__cart.cart .quantity:not(:has(input.qty)) {
	display: none;
}

.service-single__content .service-caption .service-single__cart.cart .single_add_to_cart_button {
	flex: 1 1 auto;
	height: 44px;
	margin: 0 !important;
	padding-inline: 1.2rem;
	font-size: 0.92rem;
}

.related-services__item .related-services__img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	background-color: var(--grey-bg);
	border-radius: var(--bradius);
}

.related-services .splide__pagination {
	display: none;
}

/* Похожие товары — блок в стиле темы (.related-services без Splide) */
.shop-related {
	margin-block-end: 2rem;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
}

.shop-related__headline {
	display: block;
	margin-block-end: 1rem;
	font-size: 1.2rem;
	font-weight: var(--semi-bold);
	line-height: 130%;
}

.shop-related__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.shop-related__item {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	padding: 0.8rem;
	background-color: var(--white);
	border-radius: var(--bradius);
	transition: transform var(--animation), box-shadow var(--animation);
}

.shop-related__item:hover {
	transform: translateY(-2px);
	box-shadow: 5px 14px 22px -8px rgba(34, 60, 80, 0.18);
}

.shop-related__media {
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: calc(var(--bradius) / 1.5);
	background-color: #fff;
}

.shop-related__media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.shop-related__title {
	margin: 0;
	font-size: 15px;
	font-weight: var(--semi-bold);
	line-height: 130%;
	color: var(--main-color);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.shop-related__footer {
	margin-block-start: auto;
}

.shop-related__link {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.dici-gallery {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr);
	gap: 0.8rem;
	align-items: start;
}

.dici-gallery__stage {
	grid-column: 2;
	position: relative;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: var(--bradius);
}

.dici-gallery__slide {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity var(--animation);
}

.dici-gallery__slide.is-active {
	opacity: 1;
	pointer-events: auto;
}

.dici-gallery__slide img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

.dici-gallery__thumbs-wrap {
	grid-column: 1;
	grid-row: 1;
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

.dici-gallery__thumbs-viewport {
	overflow: hidden;
}

.dici-gallery__thumbs-wrap.has-more .dici-gallery__thumbs-viewport {
	max-height: calc(64px * 4 + 0.6rem * 3);
}

.dici-gallery__thumbs {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	margin: 0;
	padding: 0;
	list-style: none;
	transition: transform var(--animation);
}

.dici-gallery__nav {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 24px;
	padding: 0;
	background: var(--grey-bg);
	border: 1px solid var(--border-color);
	border-radius: calc(var(--bradius) * 0.6);
	color: var(--main-color);
	cursor: pointer;
	transition: opacity var(--animation), color var(--animation);
}

.dici-gallery__nav svg {
	width: 14px;
	height: 14px;
}

.dici-gallery__nav:hover:not(:disabled) {
	color: var(--accent);
}

.dici-gallery__nav:disabled {
	opacity: 0.35;
	cursor: not-allowed;
}

.dici-gallery__thumb {
	display: block;
	width: 100%;
	padding: 0;
	background: transparent;
	border: 1px solid var(--border-color);
	border-radius: calc(var(--bradius) * 0.6);
	cursor: pointer;
	opacity: 0.85;
	transition: opacity var(--animation), border-color var(--animation);
}

.dici-gallery__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	border-radius: inherit;
}

.dici-gallery__thumb:hover,
.dici-gallery__thumb.is-active {
	opacity: 1;
	border-color: var(--accent);
}

.service-single__img > .service-single__filler {
	margin-block-end: 0;
}

.dici-photo-note {
	display: flex;
	align-items: flex-start;
	gap: 0.4rem;
	margin-block: 0.9rem 0;
	font-size: var(--small);
	font-style: italic;
	line-height: 150%;
	color: var(--text-secondary, #6b7280);
}

.dici-photo-note__icon {
	flex: none;
	width: 1.05em;
	height: 1.5em;
	height: 1lh;
}

/* product_meta: артикул, категория, теги — приглушённо */
.service-single__content .product_meta {
	margin-block-start: 0.5rem;
	padding-block-start: 1rem;
	border-block-start: 1px solid var(--border-color);
	font-size: 0.85rem;
	line-height: 180%;
	color: var(--text-secondary, #888);
}

.service-single__content .product_meta > span {
	display: block;
}

.service-single__content .product_meta a {
	color: var(--main-color);
	text-decoration: none;
}

.service-single__content .product_meta a:hover {
	color: var(--accent);
}

.shop-cats {
	padding: 1.2rem;
	background-color: var(--grey-bg);
	border-radius: var(--bradius);
}

/* На обычных страницах обёртка .widget получает рамку + padding от темы
   (.widget:not(.widget_media_image)) — выходит двойная рамка вокруг нашей
   плашки .shop-cats. Снимаем, чтобы виджет выглядел как на WC-страницах. */
.widget:has(> .shop-cats) {
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
}

/* На обычных страницах виджет сидит в .post-content — глушим её стили списков
   (оранжевые буллеты li::before, левый отступ, увеличенный шрифт контента),
   иначе виджет выглядит иначе, чем на WC-страницах. */
.post-content .shop-cats li::before,
.post-content .shop-cats__item::before {
	display: none !important;
	content: none !important;
}

.post-content .shop-cats .shop-cats__item {
	padding-left: 0;
	margin-left: 0;
}

.post-content .shop-cats .shop-cats__list,
.post-content .shop-cats .shop-cats__sub {
	font-size: 0.95rem;
}

.shop-cats__headline {
	display: block;
	margin-block-end: 1rem;
	font-size: 1.05rem;
	font-weight: var(--semi-bold);
	line-height: 130%;
}

.shop-cats__list,
.shop-cats__sub {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* .widget ul (parent) ставит margin-inline-start:0 !important + padding:0 —
   перебиваем повышенной специфичностью и !important на margin. */
.widget ul.shop-cats__sub,
.shop-cats__sub {
	display: none;
	margin-block-start: 0.3rem;
	margin-inline-start: 5px !important;
	padding-inline-start: 7px;
	border-inline-start: 1.5px solid var(--border-color);
}

.shop-cats__item.is-open > .shop-cats__sub {
	display: block;
}

.shop-cats__item.on-path.is-open > .shop-cats__sub {
	border-inline-start-color: color-mix(in srgb, var(--accent) 45%, transparent);
}

.shop-cats__item {
	position: relative;
}

.shop-cats__toggle {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	margin: 0;
	padding: 0;
	color: var(--main-color);
	background: transparent;
	border: 0;
	border-radius: calc(var(--bradius) / 2);
	cursor: pointer;
	text-decoration: none;
	transition: background-color var(--animation);
}

.shop-cats__toggle:hover {
	background-color: rgba(0, 0, 0, 0.04);
}

/* Подкатегории закрытых веток подгружаются по клику — на медленной сети без
   этого клик выглядит как «ничего не произошло». */
.shop-cats__item.is-loading > .shop-cats__toggle {
	opacity: 0.45;
	cursor: progress;
}

.shop-cats__chevron {
	width: 0.7rem;
	height: 0.5rem;
	transition: transform var(--animation);
}

.shop-cats__item.is-open > .shop-cats__toggle .shop-cats__chevron {
	transform: rotate(180deg);
}

.shop-cats__item:has(.shop-cats__toggle) > .shop-cats__link {
	padding-inline-end: 2.4rem;
}

.shop-cats__item + .shop-cats__item {
	margin-block-start: 0.4rem;
}

.shop-cats__link {
	display: block;
	padding: 0.35rem 0.5rem;
	color: var(--main-color);
	font-size: 0.95rem;
	line-height: 130%;
	text-decoration: none;
	border-radius: calc(var(--bradius) / 2);
	transition: color var(--animation), background-color var(--animation);
}

.shop-cats__name {
	display: inline;
}

.shop-cats__link:hover {
	color: var(--accent);
	background-color: rgba(0, 0, 0, 0.03);
}

.shop-cats__item--child .shop-cats__link {
	font-size: 0.88rem;
	font-weight: var(--thin);
}

.shop-cats__item.is-active > .shop-cats__link {
	color: var(--accent);
	font-weight: var(--semi-bold);
	background-color: rgba(0, 0, 0, 0.04);
}

.shop-cats__count {
	display: inline;
	margin-inline-start: 0.35rem;
	font-size: 0.8rem;
	font-weight: var(--thin);
	color: var(--text-secondary, #888);
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

/* Архив товаров: H1 страницы каталога + сетка */
.shop-archive__title {
	margin-block: 1rem 0.5rem;
}

.service-single__header .term-description,
.service-single__header .woocommerce-archive-description {
	margin-block-start: 0.75rem;
	font-size: 0.95rem;
	line-height: 150%;
	color: var(--text-secondary, #555);
}

/* Тулбар каталога: select категорий | счётчик | select сортировки */
.shop-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
	margin: 0 0 1.5rem;
}

.shop-toolbar .woocommerce-result-count,
.shop-toolbar .woocommerce-ordering {
	float: none !important;
	margin: 0;
}

.shop-toolbar__cell {
	display: flex;
	align-items: center;
}

.shop-toolbar__cell--cats {
	flex: 0 0 220px;
}

/* В ячейке сортировки живёт ещё и переключатель вида — ширины на двоих */
.shop-toolbar__cell--ordering {
	flex: 0 0 300px;
	justify-content: flex-end;
}

.shop-toolbar__cell--ordering .woocommerce-ordering {
	flex: 1 1 auto;
	min-width: 0;
}

/* На поиске в тулбаре только сортировка и вид — прижимаем их вправо
   (число результатов печатает строка над списком) */
.shop-toolbar--search {
	justify-content: flex-end;
}

.shop-toolbar__cell--count {
	flex: 1 1 auto;
	justify-content: center;
	font-size: 0.9rem;
	color: var(--text-secondary, #888);
}

.shop-toolbar__select,
.woocommerce-ordering select {
	width: 100%;
	padding: 0.4rem 2.2rem 0.4rem 0.8rem;
	font-size: 0.9rem;
	background-color: var(--white);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23555' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.8rem center;
	background-size: 0.7rem;
	border: 1px solid var(--border-color);
	border-radius: calc(var(--bradius) / 1.5);
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

/* Сетка товаров */
.shop-grid {
	clear: both;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
	gap: 1rem;
	width: 100%;
	margin: 0 0 2rem;
	padding: 0;
	list-style: none;
}

.shop-product {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	padding: 0.9rem;
	background-color: var(--white);
	border: 1px solid var(--border-color);
	border-radius: var(--bradius);
	transition: transform var(--animation), box-shadow var(--animation), border-color var(--animation);
}

.shop-product:hover {
	transform: translateY(-2px);
	border-color: transparent;
	box-shadow: 5px 14px 22px -8px rgba(34, 60, 80, 0.18);
}

.shop-product__media {
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: calc(var(--bradius) / 1.5);
	background-color: var(--grey-bg);
}

.shop-product__media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.shop-product__title {
	margin: 0;
	font-size: calc(0.92rem - 2px);
	font-weight: var(--semi-bold);
	line-height: 130%;
	color: var(--main-color);
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Надпись наличия от плагина меток длинная («В наличии: Достаточно»): если
   рядом с ценой не помещается, цена уходит на свою строку, а не ломается
   на «950,» / «00 ₽». */
.shop-product__footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 1rem 0.6rem;
	margin-block-start: auto;
}

.shop-product__stock {
	min-width: 0;
	font-size: var(--minimal);
	line-height: 1.2;
	color: var(--text-secondary, #888);
}

/* Цены в плитке — две строки на всю ширину, подпись и сумма по центру.
   Раскладка не зависит от длины суммы. */
.shop-product__prices {
	display: flex;
	flex: 1 0 100%;
	flex-direction: column;
	gap: 4px;
}

.shop-product__price,
.shop-product__opt {
	display: flex;
	justify-content: center;
	align-items: baseline;
	gap: 0.35em;
	padding: 7px 11px;
	font-size: var(--small);
	font-weight: var(--semi-bold);
	line-height: 1;
	border-radius: var(--bradius);
}

.shop-product__label {
	flex-shrink: 0;
	font-weight: normal;
	white-space: nowrap;
}

.shop-product__value {
	white-space: nowrap;
}

.shop-product__price {
	color: var(--white);
	background-color: var(--accent);
}

.shop-product__opt {
	color: var(--btn-color, var(--white));
	background-color: var(--btn-bg, var(--accent));
}

.shop-product__label::after {
	content: ":";
}

.shop-grid:not(.shop-grid--list) .shop-product__footer {
	container-type: inline-size;
}

@supports (grid-template-rows: subgrid) {
	.shop-grid:not(.shop-grid--list) .shop-product {
		display: grid;
		grid-row: span 4;
		grid-template-rows: subgrid;
		gap: 0;
	}

	.shop-grid:not(.shop-grid--list) .shop-product__media {
		grid-row: 1;
	}

	.shop-grid:not(.shop-grid--list) .shop-product__title {
		grid-row: 2;
		margin-block-start: 0.6rem;
	}

	.shop-grid:not(.shop-grid--list) .shop-product__footer {
		grid-row: 3;
		align-self: start;
		margin-block-start: 0.6rem;
	}

	.shop-grid:not(.shop-grid--list) .shop-product__actions {
		grid-row: 4;
		margin-block-start: 0.6rem;
	}

	.shop-grid:not(.shop-grid--list) .shop-product__actions:has(> .shop-product__cart-stub) {
		display: none;
	}
}

.shop-grid:not(.shop-grid--list) .shop-product__prices {
	flex-direction: row;
	gap: 0;
}

.shop-grid:not(.shop-grid--list) .shop-product__price,
.shop-grid:not(.shop-grid--list) .shop-product__opt {
	box-sizing: border-box;
	flex: 1 1 0;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 0.3rem;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
	color: var(--main-color);
}

.shop-grid:not(.shop-grid--list) .shop-product__opt {
	border-inline-start: 1px solid var(--border-color);
	color: #2e7d32;
}

.shop-grid:not(.shop-grid--list) .shop-product__label {
	font-size: 0.7rem;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--text-secondary, #6b7280);
}

.shop-grid:not(.shop-grid--list) .shop-product__opt .shop-product__label {
	color: inherit;
}

.shop-grid:not(.shop-grid--list) .shop-product__label::after {
	content: none;
}

.shop-grid:not(.shop-grid--list) .shop-product__value {
	font-size: 1.05rem;
	font-weight: var(--semi-bold);
	line-height: 1;
}

.shop-product__link {
	position: absolute;
	inset: 0;
	z-index: 1;
}

/* Переключатель вида каталога */
.shop-view {
	display: flex;
	flex-shrink: 0;
	gap: 4px;
	margin-inline-start: 0.6rem;
	padding: 3px;
	background-color: var(--grey-bg);
	border-radius: calc(var(--bradius) / 1.5);
}

.shop-view__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 30px;
	padding: 0;
	color: var(--text-secondary, #888);
	background-color: transparent;
	border: 0;
	border-radius: calc(var(--bradius) / 2);
	cursor: pointer;
	transition: color var(--animation), background-color var(--animation);
}

.shop-view__btn svg {
	width: 17px;
	height: 17px;
	fill: currentColor;
}

.shop-view__btn:hover {
	color: var(--main-color);
}

.shop-view__btn.is-active {
	color: var(--accent);
	background-color: var(--white);
	box-shadow: 0 1px 3px rgba(34, 60, 80, 0.14);
}

.shop-product__actions {
	position: relative;
	z-index: 2;
	display: flex;
	gap: 0.5rem;
}

.shop-grid:not(.shop-grid--list) .shop-product__actions .shop-product__more {
	display: none;
}

.shop-grid:not(.shop-grid--list) .shop-product__actions .button {
	box-sizing: border-box;
	flex: 1 1 100%;
}

/* Селекторы с .shop-grid — перебить WC-стиль `.woocommerce a.button` (0,2,1) */
.shop-grid .shop-product__actions .shop-product__more,
.shop-grid .shop-product__actions .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 0 0.9rem;
	font-size: var(--small);
	font-weight: var(--semi-bold);
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	border-radius: calc(var(--bradius) / 1.5);
	transition: background-color var(--animation), color var(--animation);
}

.shop-grid .shop-product__actions .shop-product__more {
	color: var(--main-color);
	background-color: var(--white);
	border: 1px solid var(--border-color);
}

.shop-grid .shop-product__actions .shop-product__more:hover {
	color: var(--accent);
	border-color: var(--accent);
}

.shop-grid .shop-product__actions .button {
	margin: 0;
	color: var(--btn-color, var(--white));
	background-color: var(--btn-bg, var(--accent));
	border: 1px solid transparent;
}

.shop-grid .shop-product__actions .button:hover {
	color: var(--btn-color-hover, var(--white));
	background-color: var(--btn-bg-hover, var(--accent));
}

.shop-grid .shop-product__actions .added_to_cart {
	display: none;
}

/* Место скрытой кнопки «В корзину» — колонка цен не сдвигается */
.shop-grid .shop-product__actions .shop-product__cart-stub {
	visibility: hidden;
	pointer-events: none;
}

.shop-grid .shop-product__actions .button.shop-product__opt-only,
.shop-grid .shop-product__actions .button.shop-product__opt-only:hover {
	color: var(--text-secondary, #888);
	background-color: #F6F7FA;
	cursor: not-allowed;
	border: 1px solid #e5e7eb;
}

/* Вид «списком»: строка [фото][название + остаток][цена][кнопки] */
.shop-grid--list {
	grid-template-columns: 1fr;
	gap: 0.75rem;
}

.shop-grid--list .shop-product {
	display: grid;
	grid-template-columns: 84px minmax(0, 1fr) minmax(7.5rem, max-content) auto;
	grid-template-areas:
		"media title price actions"
		"media stock price actions";
	align-items: center;
	column-gap: 1rem;
	row-gap: 0.25rem;
	padding: 0.75rem 1rem;
}

.shop-grid--list .shop-product:hover {
	transform: none;
}

.shop-grid--list .shop-product__media {
	grid-area: media;
}

.shop-grid--list .shop-product__title {
	grid-area: title;
	align-self: end;
	-webkit-line-clamp: 3;
}

.shop-grid--list .shop-product__footer {
	display: contents;
}

.shop-grid--list .shop-product__stock {
	grid-area: stock;
	align-self: start;
}

/* В списке цена — просто красный текст: плашка путалась с кнопкой «В корзину» */
.shop-grid--list .shop-product__prices {
	grid-area: price;
	align-items: flex-end;
	gap: 0.3rem;
}

.shop-grid--list .shop-product__price,
.shop-grid--list .shop-product__opt {
	justify-content: flex-end;
	gap: 0.25rem;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
}

.shop-grid--list .shop-product__price {
	font-size: 1.05rem;
	color: var(--accent);
}

.shop-grid--list .shop-product__opt {
	font-weight: normal;
	color: var(--text-secondary, #6b7280);
}

.shop-grid--list .shop-product__label--price {
	display: none;
}

.shop-grid--list .shop-product__actions {
	position: relative;
	z-index: 2;
	grid-area: actions;
	display: flex;
	gap: 0.5rem;
}

.shop-grid--list .shop-product__actions .button {
	box-sizing: content-box;
	min-width: 5.6em;
}

/* ===========================================================
   Страница корзины — вариант 4 «Премиум-магазин»
   CSS скопирован 1:1 из docs/temp/cart-variants.html .v4-*
   с префиксом .dici-cart-page для изоляции.
   =========================================================== */

.dici-cart-page {
	margin-block-end: 2rem;
	transition: opacity var(--animation);
}

body.dici-cart-loading .dici-cart-page {
	opacity: 0.5;
	pointer-events: none;
}

.dici-cart-page .v4-body {
	display: grid;
	grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr);
	gap: 36px;
	align-items: start;
}

.dici-cart-page .v4-items {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.dici-cart-page .v4-item {
	display: grid;
	grid-template-columns: 100px minmax(0, 1fr) auto;
	gap: 20px;
	padding: 22px 0;
	border-bottom: 1px solid var(--border-color);
	align-items: center;
}

.dici-cart-page .v4-item:first-child {
	padding-top: 8px;
}

.dici-cart-page .v4-img {
	width: 100px;
	height: 100px;
	border-radius: var(--bradius);
	overflow: hidden;
	display: block;
}

.dici-cart-page .v4-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.dici-cart-page .v4-info {
	min-width: 0;
}

.dici-cart-page .v4-name {
	font-size: 15px;
	font-weight: 600;
	color: var(--main-color);
	line-height: 1.35;
	margin-bottom: 6px;
	text-decoration: none;
	display: block;
}

.dici-cart-page .v4-name:hover {
	color: var(--accent);
}

.dici-cart-page .v4-attr {
	font-size: 12px;
	color: var(--text-secondary, #888);
	margin-bottom: 12px;
}

.dici-cart-page .v4-attr span + span::before {
	content: '·';
	margin: 0 8px;
}

/* Позиция, которую нельзя купить: заказ из-за неё не пройдёт, поэтому строку
   видно среди остальных. Цвет самой метки задаёт mvweb-stock-labels.
   Полоса — inset-тенью, а не рамкой: рамка сдвинула бы содержимое строки
   вправо, и фото поехало бы относительно соседних позиций.
   Сводка заказа в списке потому, что при отправке формы с недоступным товаром
   WooCommerce её печатает (на обычном заходе вместо формы идёт cart-errors). */
.dici-cart-page .cart_item--unavailable,
.dici-co-page .cart_item--unavailable {
	box-shadow: inset 3px 0 0 #c0392b;
	background-color: rgba(192, 57, 43, 0.04);
}

.dici-cart-page .cart_item--unavailable .v4-img {
	opacity: 0.55;
}

.dici-cart-page .v4-controls-row {
	display: flex;
	align-items: center;
	gap: 16px;
}

.dici-cart-page .v4-qty,
.service-single__cart .v4-qty {
	display: inline-flex;
	align-items: center;
	background: var(--grey-bg);
	border-radius: 24px;
	padding: 4px;
	margin: 0;
	border: none;
	float: none;
}

.dici-cart-page .v4-qty.product-quantity .quantity,
.service-single__cart .v4-qty .quantity {
	display: contents;
}

.dici-cart-page .v4-qty-btn,
.service-single__cart .v4-qty-btn {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--white);
	border: none;
	font-size: 14px;
	font-weight: 700;
	color: var(--main-color);
	cursor: pointer;
	box-shadow: 0 1px 2px rgb(47 52 64 / 8%);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	line-height: 1;
}

.dici-cart-page .v4-qty-btn:hover:not(:disabled),
.service-single__cart .v4-qty-btn:hover:not(:disabled) {
	background: var(--accent);
	color: var(--white);
}

.dici-cart-page .v4-qty-btn:disabled {
	opacity: 0.35;
	cursor: not-allowed;
	box-shadow: none;
}

.dici-cart-page .v4-qty--fixed {
	padding: 4px 14px;
}

.dici-cart-page .v4-qty-value--static {
	display: inline-block;
	min-width: 24px;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	color: var(--main-color);
}

.dici-cart-page .v4-qty input.v4-qty-value,
.service-single__cart .v4-qty input.qty {
	box-sizing: border-box;
	min-width: 32px;
	width: 32px;
	height: 28px;
	min-height: 0;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	font-family: inherit;
	background: transparent;
	border: none;
	color: var(--main-color);
	-moz-appearance: textfield;
	appearance: textfield;
	line-height: 28px;
}

.dici-cart-page .v4-qty input.v4-qty-value::-webkit-outer-spin-button,
.dici-cart-page .v4-qty input.v4-qty-value::-webkit-inner-spin-button,
.service-single__cart .v4-qty input.qty::-webkit-outer-spin-button,
.service-single__cart .v4-qty input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.dici-cart-page .v4-qty input.v4-qty-value:focus,
.service-single__cart .v4-qty input.qty:focus {
	outline: none;
}

.service-single__cart .v4-qty {
	flex-shrink: 0;
}

.service-single__cart .v4-qty:has(input[type="hidden"]) {
	display: none;
}

.service-single__cart .v4-qty-btn {
	width: 36px;
	height: 36px;
	font-size: 16px;
}

.service-single__cart .v4-qty input.qty {
	width: 40px;
	min-width: 40px;
	height: 36px;
	font-size: 15px;
	line-height: 36px;
}

.dici-cart-page .v4-remove-link {
	background: transparent;
	border: none;
	font-size: 12px;
	color: var(--text-secondary, #888);
	cursor: pointer;
	text-decoration: underline;
	padding: 0;
}

.dici-cart-page .v4-remove-link:hover {
	color: var(--accent);
}

.dici-cart-page .v4-pricing {
	text-align: right;
	white-space: nowrap;
}

.dici-cart-page .v4-subtotal {
	font-size: 18px;
	font-weight: 700;
	color: var(--main-color);
	margin-bottom: 4px;
}

.dici-cart-page .v4-unit {
	font-size: 12px;
	color: var(--text-secondary, #888);
}

.dici-cart-page .v4-summary {
	position: sticky;
	top: 20px;
	background: var(--footer-bg);
	color: var(--footer-color);
	border-radius: 12px;
	padding: 28px;
	height: fit-content;
}

.dici-cart-page .v4-summary-title {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: color-mix(in srgb, var(--footer-color) 60%, transparent);
	margin-bottom: 22px;
}

.dici-cart-page .v4-summary-row {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	margin-bottom: 14px;
	color: color-mix(in srgb, var(--footer-color) 80%, transparent);
}

.dici-cart-page .v4-summary-row .value {
	color: var(--footer-color);
	font-weight: 600;
}

.dici-cart-page .v4-shipping {
	margin: 18px 0;
}

.dici-co-page .v1-summary-shipping {
	margin-bottom: 14px;
}

.dici-cart-page .v4-shipping-title,
.dici-co-page .v1-summary-shipping .shipping__label {
	margin-bottom: 8px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.2;
	text-align: start;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: color-mix(in srgb, var(--footer-color) 60%, transparent);
}

.dici-cart-page .v4-shipping .shipping__label {
	display: none;
}

.dici-cart-page .v4-shipping .woocommerce-shipping-methods,
.dici-co-page .v1-summary-shipping .woocommerce-shipping-methods {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dici-cart-page .v4-shipping .woocommerce-shipping-methods > li,
.dici-co-page .v1-summary-shipping .woocommerce-shipping-methods > li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	box-sizing: border-box;
	margin: 0;
	padding: 11px 14px;
	color: var(--main-color);
	background: var(--white);
	border: 1px solid var(--border-color);
	border-radius: var(--bradius);
	transition: border-color var(--animation), background-color var(--animation);
}

.dici-cart-page .v4-shipping .woocommerce-shipping-methods > li:has(> input:checked),
.dici-co-page .v1-summary-shipping .woocommerce-shipping-methods > li:has(> input:checked),
.dici-cart-page .v4-shipping .woocommerce-shipping-methods > li:has(> input.shipping_method[type="hidden"]),
.dici-co-page .v1-summary-shipping .woocommerce-shipping-methods > li:has(> input.shipping_method[type="hidden"]) {
	border-color: var(--accent);
	background: color-mix(in srgb, var(--accent) 6%, var(--white));
}

.dici-cart-page .v4-shipping .woocommerce-shipping-methods > li > input[type="radio"],
.dici-co-page .v1-summary-shipping .woocommerce-shipping-methods > li > input[type="radio"] {
	flex: none;
	width: 16px;
	height: 16px;
	margin: 0;
	accent-color: var(--accent);
	cursor: pointer;
}

.dici-cart-page .v4-shipping .woocommerce-shipping-methods > li > label,
.dici-co-page .v1-summary-shipping .woocommerce-shipping-methods > li > label {
	display: flex;
	flex: 1 1 0;
	align-items: baseline;
	gap: 12px;
	min-width: 0;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.35;
	text-transform: none;
	letter-spacing: normal;
	color: inherit;
	cursor: pointer;
}

.dici-cart-page .v4-shipping .shipping-method__name,
.dici-co-page .v1-summary-shipping .shipping-method__name {
	flex: 1 1 auto;
	min-width: 0;
}

.dici-cart-page .v4-shipping .woocommerce-shipping-methods > li > label .woocommerce-Price-amount,
.dici-co-page .v1-summary-shipping .woocommerce-shipping-methods > li > label .woocommerce-Price-amount {
	flex: none;
	margin-inline-start: auto;
	font-weight: 600;
	white-space: nowrap;
}

.dici-co-page .v1-summary-shipping .open-pvz-btn {
	flex: 1 0 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 10px 16px;
	font-size: 13px;
	font-weight: var(--semi-bold);
	line-height: 1.2;
	text-align: center;
	white-space: normal;
	background-color: var(--btn-bg);
	color: var(--btn-color);
	border: none;
	border-radius: var(--bradius);
	box-shadow: none;
	transition: background-color var(--animation), color var(--animation);
}

.dici-co-page .v1-summary-shipping .open-pvz-btn:hover,
.dici-co-page .v1-summary-shipping .open-pvz-btn:focus-within {
	background-color: var(--btn-bg-hover);
	color: var(--btn-color-hover);
}

.dici-co-page .v1-summary-shipping .open-pvz-btn a,
.dici-co-page .v1-summary-shipping .open-pvz-btn a:hover,
.dici-co-page .v1-summary-shipping .open-pvz-btn a:focus {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	text-decoration: none;
}

.dici-co-page .v1-summary-shipping .cdek-office-info {
	flex: 1 0 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 8px 12px;
	font-size: 12px;
	line-height: 1.35;
	color: var(--main-color);
	background: var(--grey-bg);
	border-radius: var(--bradius);
}

.dici-cart-page .v4-shipping .woocommerce-shipping-destination {
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 1.4;
	color: color-mix(in srgb, var(--footer-color) 70%, transparent);
}

.dici-cart-page .v4-shipping .woocommerce-shipping-destination strong {
	font-weight: 600;
	color: var(--footer-color);
}

.dici-cart-page .v4-shipping:has(input.shipping_method[value^="local_pickup"]:checked) :is(.woocommerce-shipping-destination, .shipping-calculator-button, .shipping-calculator-form),
.dici-cart-page .v4-shipping:has(input.shipping_method[type="hidden"][value^="local_pickup"]) :is(.woocommerce-shipping-destination, .shipping-calculator-button, .shipping-calculator-form) {
	display: none;
}

.dici-cart-page .v4-shipping .shipping-calculator-button {
	font-size: 12px;
	color: var(--footer-color);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.dici-cart-page .v4-shipping .shipping-calculator-button:hover,
.dici-cart-page .v4-shipping .shipping-calculator-button:focus {
	color: var(--accent);
}

.dici-cart-page .v4-shipping .shipping-calculator-form {
	margin-top: 10px;
}

.dici-cart-page .v4-shipping .shipping-calculator-form p {
	margin: 0 0 8px;
	padding: 0;
}

.dici-cart-page .v4-shipping .shipping-calculator-form .input-text,
.dici-cart-page .v4-shipping .shipping-calculator-form select {
	box-sizing: border-box;
	width: 100%;
	min-height: 0;
	padding: 8px 10px;
	font-size: 13px;
	color: var(--main-color);
	background: var(--white);
	border: 1px solid var(--border-color);
	border-radius: var(--bradius);
}

.dici-cart-page .v4-shipping .shipping-calculator-form .button {
	box-sizing: border-box;
	width: 100%;
	padding: 10px 16px;
	font-size: 13px;
	font-weight: var(--semi-bold);
	color: var(--btn-color);
	background-color: var(--btn-bg);
	border: none;
	border-radius: var(--bradius);
	cursor: pointer;
}

.dici-cart-page .v4-shipping .shipping-calculator-form .button:hover,
.dici-cart-page .v4-shipping .shipping-calculator-form .button:focus {
	color: var(--btn-color-hover);
	background-color: var(--btn-bg-hover);
}

.dici-cart-page .v4-summary-total {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding-top: 18px;
	margin-top: 18px;
	margin-bottom: 22px;
	border-top: 1px solid color-mix(in srgb, var(--footer-color) 12%, transparent);
}

.dici-cart-page .v4-summary-total .label {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: color-mix(in srgb, var(--footer-color) 60%, transparent);
}

.dici-cart-page .v4-summary-total .value {
	font-size: 28px;
	font-weight: 700;
	color: var(--footer-color);
}

.dici-cart-page .v4-btn-checkout,
.dici-cart-page .wc-proceed-to-checkout a.checkout-button {
	box-sizing: border-box;
	background: var(--btn-bg);
	color: var(--btn-color);
	width: 100%;
	padding: 14px 18px;
	border-radius: var(--bradius);
	border: none;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-decoration: none;
	transition: opacity var(--animation), background var(--animation);
}

.dici-cart-page .v4-btn-checkout:hover,
.dici-cart-page .wc-proceed-to-checkout a.checkout-button:hover {
	background: var(--btn-bg-hover);
	color: var(--btn-color-hover);
}

.dici-cart-page details.v4-coupon {
	margin-top: 14px;
}

.dici-cart-page details.v4-coupon summary {
	display: block;
	text-align: center;
	font-size: 12px;
	color: color-mix(in srgb, var(--footer-color) 60%, transparent);
	text-decoration: underline;
	cursor: pointer;
	list-style: none;
}

.dici-cart-page details.v4-coupon summary::-webkit-details-marker {
	display: none;
}

.dici-cart-page details.v4-coupon summary:hover {
	color: var(--footer-color);
}

.dici-cart-page .v4-coupon-form {
	display: flex;
	gap: 8px;
	margin-top: 10px;
}

.dici-cart-page .v4-coupon-form input {
	flex: 1;
	min-width: 0;
	padding: 8px 10px;
	font-size: 13px;
	font-family: inherit;
	color: var(--footer-color);
	background: color-mix(in srgb, var(--footer-color) 8%, transparent);
	border: 1px solid color-mix(in srgb, var(--footer-color) 15%, transparent);
	border-radius: calc(var(--bradius) / 1.5);
}

.dici-cart-page .v4-coupon-form input::placeholder {
	color: color-mix(in srgb, var(--footer-color) 50%, transparent);
}

.dici-cart-page .v4-coupon-form button {
	padding: 8px 14px;
	font-size: 13px;
	font-family: inherit;
	color: var(--btn-color);
	background: var(--btn-bg);
	border: none;
	border-radius: calc(var(--bradius) / 1.5);
	cursor: pointer;
}

@media (max-width: 1130px) {
	.dici-cart-page .v4-body {
		grid-template-columns: 1fr;
	}

	.dici-cart-page .v4-summary {
		position: static;
	}
}

@media (max-width: 600px) {
	.dici-cart-page .v4-item {
		grid-template-columns: 72px minmax(0, 1fr);
		gap: 12px;
	}

	.dici-cart-page .v4-img {
		width: 72px;
		height: 72px;
	}

	.dici-cart-page .v4-pricing {
		grid-column: 1 / -1;
		text-align: left;
		padding-top: 4px;
		border-top: 1px dashed var(--border-color);
	}
}

/* ===========================================================
   Страница оформления заказа — вариант 1 «Двухколоночный»
   CSS из docs/temp/checkout-variants.html .v1-* + .fld
   с префиксом .dici-co-page.
   =========================================================== */

.dici-co-page {
	margin-block-end: 2rem;
	transition: opacity var(--animation);
}

body.dici-co-loading .dici-co-page {
	opacity: 0.5;
	pointer-events: none;
}

.dici-co-page .v1-body {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
	gap: 36px;
	align-items: start;
}

.dici-co-page .v1-section {
	margin-bottom: 28px;
}

.dici-co-page .v1-section-title {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--border-color);
}

/* Универсальные поля формы */
.dici-co-page .fld {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 14px;
}

.dici-co-page .fld label,
.dici-co-page .form-row > label {
	font-size: 12px;
	font-weight: 600;
	color: var(--text-secondary, #888);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin: 0;
}

.dici-co-page .form-row,
.dici-acc-page .woocommerce-address-fields .form-row {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0 0 14px;
	padding: 0;
}

.dici-co-page .form-row-first,
.dici-co-page .form-row-last {
	flex: 1;
}

.dici-co-page .form-row .input-text,
.dici-co-page .form-row select,
.dici-co-page .form-row textarea,
.dici-co-page .fld input,
.dici-co-page .fld select,
.dici-co-page .fld textarea {
	box-sizing: border-box;
	width: 100%;
	min-height: 0;
	padding: 11px 14px;
	margin: 0;
	font-family: inherit;
	font-size: 14px;
	background: var(--white);
	color: var(--main-color);
	border: 1px solid var(--border-color);
	border-radius: var(--bradius);
	transition: border-color var(--animation);
}

.dici-co-page .form-row .input-text:focus,
.dici-co-page .form-row select:focus,
.dici-co-page .form-row textarea:focus,
.dici-co-page .fld input:focus,
.dici-co-page .fld select:focus,
.dici-co-page .fld textarea:focus {
	outline: none;
	border-color: var(--accent);
}

/* Звёздочка обязательного поля — красным, а не акцентом: на фирменном голубом
   она читается как часть подписи и перестаёт быть пометкой. Цвет тот же, что
   у сообщений об ошибке формы. */
.dici-co-page .form-row .required,
.dici-co-page .form-row abbr.required,
.dici-acc-page .woocommerce-address-fields .form-row .required {
	color: #c0392b;
	text-decoration: none;
	border: none;
}

/* Двухколоночные поля (билинг ФИ) */
.dici-co-page .form-row-pair {
	display: flex;
	gap: 12px;
}

.dici-co-page .form-row-pair > .form-row {
	flex: 1;
}

/* Заголовок «Платёжные реквизиты» от WooCommerce — дубль нашей подписи секции
   «Контактные данные и доставка», стоящей строкой выше. */
.dici-co-page .woocommerce-billing-fields > h3 {
	display: none;
}

/* «Доставка по другому адресу?» — заголовок с чекбоксом внутри: приводим
   к виду обычной строки формы, иначе он идёт кеглем h3 и выбивается. */
.dici-co-page #ship-to-different-address {
	margin: 4px 0 14px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.35;
	color: var(--main-color);
}

.dici-co-page #ship-to-different-address label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	font-size: inherit;
	font-weight: inherit;
	text-transform: none;
	letter-spacing: normal;
	color: inherit;
	cursor: pointer;
}

.dici-co-page #ship-to-different-address input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin: 0;
	accent-color: var(--accent);
}

.dici-co-page .woocommerce-billing-fields__field-wrapper,
.dici-co-page .woocommerce-shipping-fields__field-wrapper,
.dici-co-page .woocommerce-additional-fields__field-wrapper,
.dici-acc-page .woocommerce-address-fields__field-wrapper {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	column-gap: 12px;
	align-items: start;
}

/* ⚠️ Поля — это <p>, а тема даёт каждому абзацу кроме первого верхний отступ
   1.3rem (.post-content p:not(:first-child), специфичность выше нашей). В колонку
   это ложилось как обычный отступ, а в сетке соседние поля разъезжались по
   вертикали на 22px — «Фамилия» стояла ниже «Имени». Гасим, отступ строк задаёт
   сам .form-row снизу. */
.dici-co-page .woocommerce-billing-fields__field-wrapper > .form-row,
.dici-co-page .woocommerce-shipping-fields__field-wrapper > .form-row,
.dici-co-page .woocommerce-additional-fields__field-wrapper > .form-row,
.dici-acc-page .woocommerce-address-fields__field-wrapper > .form-row {
	grid-column: 1 / -1;
	min-width: 0;
	margin-block-start: 0;
}

/* Подпись поля — своим кеглем: правило темы `.woocommerce form .form-row label`
   специфичнее нашего блока и возвращало базовый вид. */
.dici-co-page .woocommerce-billing-fields .form-row > label,
.dici-co-page .woocommerce-shipping-fields .form-row > label,
.dici-co-page .woocommerce-additional-fields .form-row > label,
.dici-acc-page .woocommerce-address-fields .form-row > label {
	display: block;
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--text-secondary, #6b7280);
}

:is(.dici-co-page, .dici-acc-page) #billing_first_name_field,
:is(.dici-co-page, .dici-acc-page) #billing_last_name_field,
:is(.dici-co-page, .dici-acc-page) #billing_email_field,
:is(.dici-co-page, .dici-acc-page) #billing_phone_field,
:is(.dici-co-page, .dici-acc-page) #shipping_first_name_field,
:is(.dici-co-page, .dici-acc-page) #shipping_last_name_field,
:is(.dici-co-page, .dici-acc-page) #shipping_phone_field {
	grid-column: span 6;
}

:is(.dici-co-page, .dici-acc-page) #billing_country_field,
:is(.dici-co-page, .dici-acc-page) #billing_city_field,
:is(.dici-co-page, .dici-acc-page) #billing_state_field,
:is(.dici-co-page, .dici-acc-page) #shipping_country_field,
:is(.dici-co-page, .dici-acc-page) #shipping_city_field,
:is(.dici-co-page, .dici-acc-page) #shipping_state_field {
	grid-column: span 4;
}

:is(.dici-co-page, .dici-acc-page) #billing_address_1_field,
:is(.dici-co-page, .dici-acc-page) #shipping_address_1_field {
	grid-column: span 9;
}

:is(.dici-co-page, .dici-acc-page) #billing_address_2_field,
:is(.dici-co-page, .dici-acc-page) #shipping_address_2_field {
	grid-column: span 3;
}

:is(.dici-co-page, .dici-acc-page) #billing_address_2_field::before,
:is(.dici-co-page, .dici-acc-page) #shipping_address_2_field::before {
	content: "\00a0";
	display: block;
	font-size: 12px;
	line-height: 1.3;
}

.dici-acc-page #billing_postcode_field,
.dici-acc-page #billing_phone_field,
.dici-acc-page #billing_email_field,
.dici-acc-page #shipping_postcode_field {
	grid-column: span 4;
}

/* Select2 fallback под наш стиль */
.dici-co-page .select2-container--default .select2-selection--single,
.dici-cart-page .v4-shipping .select2-container--default .select2-selection--single,
.dici-acc-page .select2-container--default .select2-selection--single {
	height: auto;
	padding: 7px 10px;
	background: var(--white);
	border: 1px solid var(--border-color);
	border-radius: var(--bradius);
}

.dici-co-page .select2-container--default .select2-selection--single .select2-selection__rendered,
.dici-cart-page .v4-shipping .select2-container--default .select2-selection--single .select2-selection__rendered,
.dici-acc-page .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0;
	color: var(--main-color);
	line-height: 24px;
}

:is(.dici-co-page, .dici-acc-page) .select2-container--default .select2-selection--single {
	position: relative;
	padding: 0.6rem 2rem 0.6rem 0.9rem;
	font-size: 0.95rem;
	line-height: 1.5;
	border-radius: calc(var(--bradius) / 1.5);
	transition: border-color var(--animation);
}

:is(.dici-co-page, .dici-acc-page) .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: inherit;
}

:is(.dici-co-page, .dici-acc-page) .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 0;
	right: 0.5rem;
	height: 100%;
}

:is(.dici-co-page, .dici-acc-page) .select2-container--open .select2-selection--single,
:is(.dici-co-page, .dici-acc-page) .select2-container--focus .select2-selection--single {
	border-color: var(--accent);
}

/* Варианты оплаты — карточки-radio */
.dici-co-page ul.wc_payment_methods,
.dici-co-page .v1-payment-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	border: none;
}

.dici-co-page ul.wc_payment_methods .wc_payment_method,
.dici-co-page .v1-payment-option {
	display: block;
	padding: 12px 14px;
	background: var(--grey-bg);
	border: 1px solid transparent;
	border-radius: var(--bradius);
	cursor: pointer;
	transition: border-color var(--animation), background var(--animation);
	list-style: none;
}

.dici-co-page ul.wc_payment_methods .wc_payment_method:hover,
.dici-co-page .v1-payment-option:hover {
	background: color-mix(in srgb, var(--accent) 6%, transparent);
}

.dici-co-page ul.wc_payment_methods .wc_payment_method.payment_method_active,
.dici-co-page ul.wc_payment_methods .wc_payment_method:has(input:checked),
.dici-co-page .v1-payment-option--active {
	background: color-mix(in srgb, var(--accent) 10%, transparent);
	border-color: var(--accent);
}

.dici-co-page ul.wc_payment_methods .wc_payment_method > input[type="radio"] {
	accent-color: var(--accent);
	margin-right: 8px;
	vertical-align: middle;
}

.dici-co-page ul.wc_payment_methods .wc_payment_method label {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	color: var(--main-color);
	margin: 0;
	cursor: pointer;
}

.dici-co-page ul.wc_payment_methods .wc_payment_method label img {
	display: none;
}

.dici-co-page ul.wc_payment_methods .payment_box {
	margin-top: 10px;
	padding: 10px 0 0;
	font-size: 12px;
	color: var(--text-secondary, #888);
	line-height: 1.4;
	background: transparent;
}

.dici-co-page ul.wc_payment_methods .payment_box::before {
	display: none;
}

.dici-co-page #order_review:has(input.shipping_method[value^="local_pickup"]:checked) ul.wc_payment_methods,
.dici-co-page #order_review:has(input.shipping_method[type="hidden"][value^="local_pickup"]) ul.wc_payment_methods {
	display: none;
}

/* Способы оплаты внутри тёмной панели */
.dici-co-page .woocommerce-checkout-payment {
	margin: 18px 0 0;
	padding: 0;
	background: transparent;
	border-radius: 0;
}

.dici-co-page ul.wc_payment_methods .wc_payment_method label {
	color: var(--main-color);
}

/* Карточка-radio переоформляем под тёмный фон */
.dici-co-page ul.wc_payment_methods .wc_payment_method {
	background: color-mix(in srgb, var(--footer-color) 6%, transparent);
	color: var(--footer-color);
}

.dici-co-page ul.wc_payment_methods .wc_payment_method label {
	color: var(--footer-color);
}

.dici-co-page ul.wc_payment_methods .wc_payment_method:hover {
	background: color-mix(in srgb, var(--footer-color) 10%, transparent);
}

.dici-co-page ul.wc_payment_methods .wc_payment_method:has(input:checked) {
	background: color-mix(in srgb, var(--accent) 18%, transparent);
	border-color: var(--accent);
}

.dici-co-page ul.wc_payment_methods .payment_box {
	color: color-mix(in srgb, var(--footer-color) 70%, transparent);
}

/* Правая sticky-панель с заказом */
.dici-co-page .v1-summary {
	position: sticky;
	top: 20px;
	background: var(--footer-bg);
	color: var(--footer-color);
	border-radius: 12px;
	padding: 24px;
	height: fit-content;
}

.dici-co-page .v1-summary-title {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: color-mix(in srgb, var(--footer-color) 60%, transparent);
	margin-bottom: 18px;
}

.dici-co-page .v1-summary-items {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-bottom: 16px;
	border-bottom: 1px solid color-mix(in srgb, var(--footer-color) 12%, transparent);
	margin-bottom: 16px;
}

.dici-co-page .v1-summary-item {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	font-size: 13px;
}

/* Обрезку держит сама картинка, а не плашка: счётчик выходит за её угол,
   и overflow на контейнере срезал бы ему верх и правый бок. */
.dici-co-page .v1-summary-img {
	width: 44px;
	height: 44px;
	border-radius: 6px;
	background: color-mix(in srgb, var(--footer-color) 6%, transparent);
	position: relative;
}

.dici-co-page .v1-summary-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 6px;
}

.dici-co-page .v1-summary-img-badge {
	position: absolute;
	top: -6px;
	right: -6px;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	font-size: 11px;
	font-weight: 700;
	color: var(--white);
	background: var(--accent);
	border-radius: 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.dici-co-page .v1-summary-name {
	font-size: 12px;
	line-height: 1.35;
	color: color-mix(in srgb, var(--footer-color) 85%, transparent);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.dici-co-page .v1-summary-price {
	font-size: 13px;
	font-weight: 600;
	color: var(--footer-color);
	white-space: nowrap;
}

.dici-co-page .v1-summary-row {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	margin-bottom: 10px;
	color: color-mix(in srgb, var(--footer-color) 80%, transparent);
}

.dici-co-page .v1-summary-row .value,
.dici-co-page .v1-summary-row .amount,
.dici-co-page .v1-summary-row .woocommerce-Price-amount {
	color: var(--footer-color);
	font-weight: 600;
}

.dici-co-page .v1-summary-total {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding-top: 14px;
	margin-top: 4px;
	margin-bottom: 18px;
	border-top: 1px solid color-mix(in srgb, var(--footer-color) 12%, transparent);
}

.dici-co-page .v1-summary-total .label {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: color-mix(in srgb, var(--footer-color) 60%, transparent);
}

.dici-co-page .v1-summary-total .value,
.dici-co-page .v1-summary-total .amount,
.dici-co-page .v1-summary-total .woocommerce-Price-amount {
	font-size: 24px;
	font-weight: 700;
	color: var(--footer-color);
}

.dici-co-page .place-order {
	margin: 0;
	padding: 0;
}

.dici-co-page #place_order,
.dici-co-page .v1-place-order {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 14px 18px;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	color: var(--btn-color);
	background: var(--btn-bg);
	border: none;
	border-radius: var(--bradius);
	cursor: pointer;
	text-decoration: none;
	transition: background var(--animation), color var(--animation);
}

.dici-co-page #place_order:hover,
.dici-co-page .v1-place-order:hover {
	background: var(--btn-bg-hover);
	color: var(--btn-color-hover);
}

.dici-co-page .v1-policy,
.dici-co-page .woocommerce-terms-and-conditions-wrapper {
	font-size: 12px;
	color: color-mix(in srgb, var(--footer-color) 60%, transparent);
	margin-top: 14px;
	text-align: left;
	line-height: 1.4;
}

.dici-co-page .v1-policy a,
.dici-co-page .woocommerce-terms-and-conditions-wrapper a {
	color: var(--accent);
}

/* Чекбокс «Правила и условия» — под тёмную панель оформления */
.dici-co-page .woocommerce-terms-and-conditions-wrapper .form-row {
	display: block;
	margin: 12px 0 0;
	padding: 0;
}

.dici-co-page .woocommerce-form__label-for-checkbox {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0;
	font-size: 12px;
	line-height: 1.45;
	text-align: left;
	color: color-mix(in srgb, var(--footer-color) 75%, transparent);
	text-transform: none;
	letter-spacing: normal;
	cursor: pointer;
}

.dici-co-page .woocommerce-form__label-for-checkbox input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	margin: 0;
	background: color-mix(in srgb, var(--footer-color) 8%, transparent);
	border: 1.5px solid color-mix(in srgb, var(--footer-color) 35%, transparent);
	border-radius: 4px;
	cursor: pointer;
	transition: background var(--animation), border-color var(--animation);
}

.dici-co-page .woocommerce-form__label-for-checkbox input[type="checkbox"]:hover {
	border-color: var(--accent);
}

.dici-co-page .woocommerce-form__label-for-checkbox input[type="checkbox"]:checked {
	background: var(--accent);
	border-color: var(--accent);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.5 3.5L11 1.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 11px;
}

.dici-co-page .woocommerce-form__label-for-checkbox input[type="checkbox"]:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: 2px;
}

.dici-co-page .woocommerce-terms-and-conditions-checkbox-text {
	flex: 1 1 auto;
}

.dici-co-page .woocommerce-terms-and-conditions-checkbox-text a {
	color: var(--accent);
	text-decoration: underline;
}

.dici-co-page .woocommerce-form__label-for-checkbox .required {
	color: var(--accent);
	border: 0;
}

/* WC валидация */
.dici-co-page .woocommerce-invalid .input-text,
.dici-co-page .woocommerce-invalid select {
	border-color: #c0392b;
}

.dici-co-page .form-row .checkout-inline-error-message {
	margin: 6px 0 0;
	font-size: 12px;
	line-height: 1.4;
	color: #c0392b;
}

/* Уведомления оформления заказа — общий вид, только компактнее */
.dici-co-page .woocommerce-error,
.dici-co-page .woocommerce-info {
	margin: 0 0 16px;
	font-size: 13px;
}

@media (max-width: 1130px) {
	.dici-co-page .v1-body {
		grid-template-columns: 1fr;
	}

	.dici-co-page .v1-summary {
		position: static;
	}
}

@media (max-width: 800px) {
	/* Три поля в строку («Страна — Город — Область») на планшете уже не читаются:
	   раскладываем их по два, имя с фамилией и почта с телефоном остаются парами. */
	:is(.dici-co-page, .dici-acc-page) #billing_country_field,
	:is(.dici-co-page, .dici-acc-page) #billing_city_field,
	:is(.dici-co-page, .dici-acc-page) #billing_state_field,
	:is(.dici-co-page, .dici-acc-page) #shipping_country_field,
	:is(.dici-co-page, .dici-acc-page) #shipping_city_field,
	:is(.dici-co-page, .dici-acc-page) #shipping_state_field {
		grid-column: span 6;
	}

	:is(.dici-co-page, .dici-acc-page) #billing_address_1_field,
	:is(.dici-co-page, .dici-acc-page) #billing_address_2_field,
	:is(.dici-co-page, .dici-acc-page) #shipping_address_1_field,
	:is(.dici-co-page, .dici-acc-page) #shipping_address_2_field {
		grid-column: 1 / -1;
	}

	:is(.dici-co-page, .dici-acc-page) #billing_address_2_field::before,
	:is(.dici-co-page, .dici-acc-page) #shipping_address_2_field::before {
		content: none;
	}
}

@media (max-width: 600px) {
	.dici-co-page .form-row-pair {
		flex-direction: column;
		gap: 0;
	}

	.dici-co-page .woocommerce-billing-fields__field-wrapper > .form-row,
	.dici-co-page .woocommerce-shipping-fields__field-wrapper > .form-row,
	.dici-co-page .woocommerce-additional-fields__field-wrapper > .form-row,
	:is(.dici-co-page, .dici-acc-page) #billing_first_name_field,
	:is(.dici-co-page, .dici-acc-page) #billing_last_name_field,
	:is(.dici-co-page, .dici-acc-page) #billing_email_field,
	:is(.dici-co-page, .dici-acc-page) #billing_phone_field,
	:is(.dici-co-page, .dici-acc-page) #billing_country_field,
	:is(.dici-co-page, .dici-acc-page) #billing_city_field,
	:is(.dici-co-page, .dici-acc-page) #billing_state_field,
	:is(.dici-co-page, .dici-acc-page) #shipping_first_name_field,
	:is(.dici-co-page, .dici-acc-page) #shipping_last_name_field,
	:is(.dici-co-page, .dici-acc-page) #shipping_phone_field,
	:is(.dici-co-page, .dici-acc-page) #shipping_country_field,
	:is(.dici-co-page, .dici-acc-page) #shipping_city_field,
	:is(.dici-co-page, .dici-acc-page) #shipping_state_field {
		grid-column: 1 / -1;
	}
}

/* Виджет цены WC */
.service-single__aside .widget_price_filter {
	margin-block-end: 1rem;
	padding: 1.2rem;
	background-color: var(--grey-bg);
	border-radius: var(--bradius);
}

.service-single__aside .widget_price_filter .widget-title,
.service-single__aside .widget_price_filter h2 {
	margin: 0 0 1rem;
	font-size: 1.05rem;
	font-weight: var(--semi-bold);
	line-height: 130%;
}

.service-single__aside .price_slider {
	height: 4px;
	margin: 1.4rem 0.4rem 0.6rem;
	background-color: rgba(0, 0, 0, 0.08);
	border-radius: 4px;
}

.service-single__aside .price_slider .ui-slider-range {
	background-color: var(--accent);
	border-radius: 4px;
}

.service-single__aside .price_slider .ui-slider-handle {
	width: 1rem;
	height: 1rem;
	margin-top: -0.35rem;
	margin-inline-start: -0.5rem;
	background-color: var(--white);
	border: 2px solid var(--accent);
	border-radius: 50%;
	cursor: pointer;
}

.service-single__aside .price_slider_amount {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-block-start: 0.8rem;
	font-size: 0.9rem;
}

.service-single__aside .price_label {
	flex: 1 1 100%;
	margin-block-end: 0.5rem;
	color: var(--text-secondary, #555);
}

.service-single__aside .price_label .from,
.service-single__aside .price_label .to {
	font-weight: var(--semi-bold);
	color: var(--main-color);
}

.service-single__aside .price_slider_amount .button {
	padding: 0.5rem 1rem;
	font-size: 0.85rem;
	font-weight: var(--semi-bold);
	color: var(--white);
	background-color: var(--accent);
	border: 0;
	border-radius: calc(var(--bradius) / 1.5);
	cursor: pointer;
	transition: background-color var(--animation);
}

.service-single__aside .price_slider_amount .button:hover {
	background-color: var(--btn-bg-hover, var(--accent));
}

.header-contacts__item {
	align-items: center;
}

/* Полоса меню тёмная (макет «Тихие иконки»): на ней живут кнопка услуг,
   меню, поиск и пилюля с иконками. Выпадающие списки остаются светлыми —
   правила цепляются только за верхний уровень меню. */
.site-main-nav {
	background-color: #22262e;
}

.site-main-nav__wrap {
	border-top: 0;
	border-bottom: 0;
}

.site-main-nav .main-menu > .menu-item > .menu-item__link {
	color: #e7e9ee;
}

/* Текущий раздел и наведение помечаются акцентной чертой под пунктом.
   Черта рисуется псевдоэлементом, а не text-decoration: у parent на :hover
   своё подчёркивание (`.menu-item__link:hover`). */
.site-main-nav .main-menu > .menu-item > .menu-item__link::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	bottom: -6px;
	height: 2px;
	background-color: var(--accent);
	opacity: 0;
	transition: opacity var(--animation);
}

.site-main-nav .main-menu > .menu-item > .menu-item__link:hover,
.site-main-nav .main-menu > .current-menu-item > .menu-item__link,
.site-main-nav .main-menu > .current-menu-ancestor > .menu-item__link {
	color: var(--white);
	text-decoration: none;
}

.site-main-nav .main-menu > .menu-item-has-children > .menu-item__link::after {
	inset-inline-end: 1rem;
}

/* Под иконкой черты нет: сдвиг = ширина иконки 1.2em + отступ 0.4em. */
.site-main-nav .main-menu > .menu-item > .menu-item__link:has(.menu-item__icon)::after {
	inset-inline-start: 1.6em;
}

.site-main-nav .main-menu > .menu-item > .menu-item__link:hover::after,
.site-main-nav .main-menu > .current-menu-item > .menu-item__link::after,
.site-main-nav .main-menu > .current-menu-ancestor > .menu-item__link::after {
	opacity: 1;
}

/* Стрелка у пунктов с подменю: parent берёт её из спрайта фоновой картинкой,
   а там путь без fill — то есть чёрная. На тёмной полосе она тонет (замер
   пикселей: 32,36,43 против фона 34,38,46). Внешняя картинка цвет документа
   не наследует, поэтому ставим тот же контур своим цветом. */
.site-main-nav .main-menu > .menu-item-has-children::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c9cdd6'%3E%3Cpath d='M12 15.713L18.01 9.703l-1.413-1.415L12 12.888 7.404 8.288 5.99 9.702z'/%3E%3C/svg%3E");
}

.menu-item__icon {
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	margin-block: -0.15em;
	margin-inline-end: 0.4em;
	vertical-align: -0.1em;
}

.menu-item__icon * {
	stroke-width: 2;
}

.menu-item__icon .is-bold {
	stroke-width: 3.6;
}

/* Кнопка «Наши услуги» — акцентная плашка. Стрелку parent рисует
   псевдоэлементом за правым краем кнопки: на плашке она торчит наружу. */
.site-main-nav .header-terms__btn {
	height: 38px;
	padding-inline: 16px;
	font-size: 0.95rem;
	color: var(--white);
	background-color: var(--accent);
	border-radius: 6px;
	transition: background-color var(--animation);
}

/* Текст держим белым во всех состояниях наведения. Parent красит кнопку
   в `--hover-color` (тот же #db2129, что фон плашки) двумя путями: глобальным
   `a:hover` и правилом `.header-terms:has(.header-terms__list:hover) > a`
   (срабатывает, когда курсор ушёл на раскрытый список) — в обоих случаях
   надпись сливается с фоном и кнопка выглядит пустой. */
.site-main-nav .header-terms__btn:hover,
.site-main-nav .header-terms:hover > .header-terms__btn,
.site-main-nav .header-terms:has(.header-terms__list:hover) > .header-terms__btn {
	color: var(--white);
	background-color: var(--btn-bg-hover, #a60909);
	text-decoration: none;
}

.site-main-nav .header-terms__btn::after {
	display: none !important;
	content: none !important;
}

/* flex: none обязателен: у svg нет собственной ширины, и в узкой кнопке
   флекс сжимал молнию до нуля — на телефоне иконка просто пропадала. */
.site-main-nav .header-terms__btn .site-header__icon,
.site-main-nav .site-header__mob--btn .site-header__icon,
.site-main-nav .site-header__chats .site-header__icon {
	flex: none;
	fill: currentColor;
}

/* Кнопка чатов сейчас выключена в Customizer, но её цвет по умолчанию —
   тёмный текст: на этой полосе она стала бы невидимой при включении. */
.site-main-nav .site-header__mob--btn,
.site-main-nav .site-header__chats {
	color: #e7e9ee;
}

.site-main-nav .site-header__mob--btn:hover,
.site-main-nav .site-header__chats:hover {
	color: var(--white);
}

/* Иконки аккаунта и корзины в site-main-nav (рядом с кнопкой Чата) */
.site-header__nav-right {
	display: flex;
	align-items: center;
	gap: 1.2rem;
}

.site-header__nav-right .dgwt-wcas-search-wrapp {
	margin: 0;
}

.dgwt-wcas-suggestion-product .dgwt-wcas-st {
	font-size: 14px;
}

.dgwt-wcas-suggestion-product .dgwt-wcas-meta {
	flex-shrink: 0;
	width: auto;
	max-width: none;
	white-space: nowrap;
	padding-inline-start: 0.75rem;
}

.dgwt-wcas-suggestion-product .dgwt-wcas-meta .dgwt-wcas-sp,
.dgwt-wcas-suggestion-product .dgwt-wcas-meta .woocommerce-Price-amount,
.dgwt-wcas-suggestion-product .dgwt-wcas-meta bdi {
	white-space: nowrap;
}

/* Пилюля на тёмной полосе: полупрозрачная подложка, глифы светло-серые,
   под курсором белые на подсвеченной клетке. */
.site-header__shop-icons {
	display: flex;
	align-items: center;
	gap: 2px;
	padding: 3px 8px;
	background-color: rgba(255, 255, 255, 0.07);
	border-radius: 9px;
}

.site-header__account,
.site-header__cart {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	padding: 0;
	color: #c9cdd6;
	background: none;
	border: 0;
	border-radius: 7px;
	text-decoration: none;
	transition: background-color var(--animation), color var(--animation);
}

.site-header__account::after,
.site-header__cart::after {
	display: none !important;
	content: none !important;
}

.site-header__account:hover,
.site-header__cart:hover {
	color: var(--white);
	background-color: rgba(255, 255, 255, 0.14);
	text-decoration: none;
}

.site-header__account .site-header__icon,
.site-header__cart .site-header__icon {
	width: 1.6rem;
	height: 1.6rem;
	stroke: currentColor;
	fill: none;
}

/* Счётчик сидит на правом верхнем углу тележки. Глиф занимает почти всю
   кнопку (27px из 30), внутри места нет — поэтому кружок вынесен наружу:
   так он цепляет только угол иконки, а не накрывает её. */
.site-header__cart-count {
	position: absolute;
	top: -6px;
	right: -6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 1rem;
	height: 1rem;
	padding: 0 2px;
	font-size: 0.62rem;
	font-weight: var(--semi-bold);
	line-height: 1;
	color: var(--white);
	background-color: #dd3333;
	border-radius: 999px;
	transition: transform var(--animation);
}

.site-header__cart-count[data-count="0"] {
	display: none;
}

.dici-side-cart {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 360px;
	max-width: 100%;
	z-index: 999999;
	pointer-events: none;
	visibility: hidden;
	background: #fff;
	color: #111;
	box-shadow: 0 5px 20px -5px rgba(39, 49, 67, 0.3);
}

.admin-bar .dici-side-cart {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .dici-side-cart {
		top: 46px;
	}
}

.dici-side-cart.is-open {
	pointer-events: auto;
	visibility: visible;
}

.dici-side-cart__overlay {
	display: none;
}

.dici-side-cart__panel {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	transform: translateX(100%);
	transition: transform var(--animation);
}

.dici-side-cart.is-open .dici-side-cart__panel {
	transform: translateX(0);
}

.dici-side-cart__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px 25px 0;
}

.dici-side-cart__title {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 1.3em;
	font-weight: var(--semi-bold);
	color: var(--accent);
}

.dici-side-cart__title-icon {
	width: 22px;
	height: 22px;
	color: var(--accent);
}

.dici-side-cart__close {
	width: 32px;
	height: 32px;
	padding: 0;
	font-size: 26px;
	line-height: 1;
	background: transparent;
	border: none;
	color: var(--main-color);
	cursor: pointer;
	opacity: 0.5;
	transition: opacity 0.2s;
}

.dici-side-cart__close:hover {
	opacity: 1;
}

.dici-side-cart__body {
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
}

.dici-side-cart .widget_shopping_cart_content {
	padding: 20px 20px 24px;
}

.dici-side-cart .woocommerce-mini-cart__empty-message {
	margin: 0;
	padding: 1rem 0;
	text-align: center;
	color: var(--text-secondary, #888);
}

.dici-side-cart .woocommerce-mini-cart {
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.dici-side-cart .woocommerce-mini-cart-item {
	position: relative;
	display: flex;
	gap: 12px;
	align-items: flex-start;
	padding: 12px;
	margin: 0;
	background: var(--grey-bg);
	border-radius: var(--bradius);
	box-shadow: 0 1px 4px rgb(47 52 64 / 6%);
	list-style: none;
}

.dici-side-cart .woocommerce-mini-cart-item a {
	text-decoration: none;
}

.dici-side-cart .dici-cart-item__img {
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	background: var(--white);
	border-radius: 6px;
	overflow: hidden;
}

.dici-side-cart .dici-cart-item__img a {
	display: block;
	width: 100%;
	height: 100%;
}

.dici-side-cart .woocommerce-mini-cart-item img,
.dici-side-cart .woocommerce-mini-cart-item img.attachment-woocommerce_thumbnail {
	width: 60px !important;
	height: 60px !important;
	max-width: 60px;
	margin: 0 !important;
	padding: 0;
	float: none;
	border: none;
	border-radius: 0;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
}

.dici-side-cart .dici-cart-item__info {
	flex: 1;
	min-width: 0;
}

.dici-side-cart .woocommerce-mini-cart-item__name,
.dici-side-cart .dici-cart-item__name {
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0 20px 6px 0;
	padding: 0 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	color: var(--main-color) !important;
	text-decoration: none !important;
	border: none !important;
}

.dici-side-cart .woocommerce-mini-cart-item__name:hover {
	color: var(--accent) !important;
}

.dici-side-cart .dici-cart-item__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.dici-side-cart .dici-cart-item__qty {
	display: inline-block;
	padding: 2px 8px;
	font-size: 12px;
	font-weight: 500;
	color: var(--text-secondary, #888);
	background: var(--white);
	border-radius: 4px;
	white-space: nowrap;
}

.dici-side-cart .dici-cart-item__price {
	font-size: 14px;
	font-weight: 700;
	color: var(--accent);
	white-space: nowrap;
}

.dici-side-cart .dici-cart-item__price .amount,
.dici-side-cart .dici-cart-item__price .woocommerce-Price-currencySymbol {
	color: inherit;
	font-weight: inherit;
}

.dici-side-cart a.remove_from_cart_button,
.dici-side-cart a.dici-cart-item__remove,
.woocommerce .dici-side-cart a.remove,
.woocommerce .dici-side-cart a.remove_from_cart_button {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	font-size: 18px !important;
	line-height: 1;
	color: var(--text-secondary, #888) !important;
	background: transparent !important;
	border: none !important;
	text-decoration: none !important;
	opacity: 0.7;
	transition: opacity var(--animation), color var(--animation);
	cursor: pointer;
}

.dici-side-cart a.remove_from_cart_button:hover,
.dici-side-cart a.dici-cart-item__remove:hover,
.woocommerce .dici-side-cart a.remove:hover,
.woocommerce .dici-side-cart a.remove_from_cart_button:hover {
	color: var(--accent) !important;
	background: transparent !important;
	opacity: 1;
}

.dici-side-cart .woocommerce-mini-cart__total {
	border-top: 1px solid var(--border-color);
	padding-top: 20px;
	margin-bottom: 20px;
	font-size: 1.1em;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.dici-side-cart .woocommerce-mini-cart__total .amount {
	color: var(--accent);
	font-weight: var(--semi-bold);
}

.dici-side-cart .woocommerce-mini-cart__buttons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	margin: 0;
	padding: 0;
}

.dici-side-cart .woocommerce-mini-cart__buttons .button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	padding: 10px 12px;
	font-family: inherit;
	font-size: 13px;
	font-weight: var(--semi-bold);
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	border-radius: 6px;
	border: 1px solid transparent;
	cursor: pointer;
	transition: background-color var(--animation), border-color var(--animation), color var(--animation);
}

.dici-side-cart .woocommerce-mini-cart__buttons .button + .button {
	margin-left: 0 !important;
}

.dici-side-cart .woocommerce-mini-cart__buttons .button.checkout {
	color: var(--btn-color);
	background-color: var(--btn-bg);
	border-color: var(--btn-bg);
}

.dici-side-cart .woocommerce-mini-cart__buttons .button.checkout:hover {
	color: var(--btn-color-hover);
	background-color: var(--btn-bg-hover);
	border-color: var(--btn-bg-hover);
}

.dici-side-cart .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout) {
	color: var(--main-color);
	background-color: var(--grey-bg);
	border-color: var(--border-color);
}

.dici-side-cart .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout):hover {
	color: var(--accent);
	border-color: var(--accent);
}

/*
=================================================
WC pages: /cart/, /checkout/, /my-account/
Чистый layout без блог-сайдбара, палитра темы для таблиц и форм.
=================================================
*/

body.woocommerce-cart.page-template-default .single-page__wrap,
body.woocommerce-checkout.page-template-default .single-page__wrap,
body.woocommerce-account.page-template-default .single-page__wrap {
	display: block;
}

body.woocommerce-cart .blog__sidebar,
body.woocommerce-checkout .blog__sidebar,
body.woocommerce-account .blog__sidebar {
	display: none;
}

body.woocommerce-cart .single-page__content,
body.woocommerce-checkout .single-page__content,
body.woocommerce-account .single-page__content {
	display: block;
	width: 100%;
	max-width: 100%;
}

/* Стандартные WC уведомления в палитре темы.
   Тип задаёт цвет и значок через переменные: ошибка, успех, информация.
   ⚠️ Свой ::before обязателен: WooCommerce ставит значок иконочным шрифтом
   абсолютом на left: 1.5em и при нашем паддинге он наезжает на текст. */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notice {
	--notice-color: var(--accent);
	--notice-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.5'/%3E%3Cpath d='M12 7.6v.1'/%3E%3C/svg%3E");
	position: relative;
	margin: 0 0 1.5rem;
	/* поля и значок в em — блок сам ужимается там, где кегль меньше
	   (уведомления оформления заказа идут 13px) */
	padding: 0.95em 1.25em 0.95em 3.1em;
	font-size: 0.95rem;
	line-height: 150%;
	color: var(--main-color);
	background-color: var(--grey-bg);
	background-color: color-mix(in srgb, var(--notice-color) 9%, var(--white));
	border: 1px solid var(--border-color);
	border-color: color-mix(in srgb, var(--notice-color) 30%, transparent);
	border-inline-start: 3px solid var(--notice-color);
	border-radius: var(--bradius);
	list-style: none;
	word-wrap: break-word;
}

.woocommerce-error {
	--notice-color: #c0392b;
	--notice-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5'/%3E%3Cpath d='M12 16.4v.1'/%3E%3C/svg%3E");
}

.woocommerce-message {
	--notice-color: #2e7d32;
	--notice-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8.2 12.3 2.6 2.6 5-5.2'/%3E%3C/svg%3E");
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
	content: "";
	display: block;
	position: absolute;
	top: 1em;
	inset-inline-start: 1.15em;
	width: 1.25em;
	height: 1.25em;
	background-color: var(--notice-color);
	-webkit-mask: var(--notice-icon) center / contain no-repeat;
	mask: var(--notice-icon) center / contain no-repeat;
}

/* ⚠️ WooCommerce ставит уведомлению tabindex="-1" и переводит на него фокус,
   чтобы его прочитал скринридер, а тема рисует на :focus-visible голубое
   кольцо (service-lux/style.css:703) — вокруг цветного блока это выглядит
   рамкой-браком. Пункт не интерактивный, с клавиатуры в него не попасть. */
.woocommerce-message:focus-visible,
.woocommerce-info:focus-visible,
.woocommerce-error:focus-visible,
.woocommerce-notice:focus-visible {
	box-shadow: none;
}

/* Свой клирфикс под плавающую кнопку: на корзине, оформлении и в аккаунте
   базовый CSS WooCommerce снят (inc/woocommerce/setup.php), его клирфикса нет */
.woocommerce-message::after,
.woocommerce-info::after,
.woocommerce-error::after,
.woocommerce-notice::after {
	content: "";
	display: table;
	clear: both;
}

/* ⚠️ Строку сообщения нельзя делать флексом: `<strong>`, `<a>` и текст станут
   отдельными элементами, и пробелы между ними схлопнутся. Кнопку
   («Просмотр корзины», «Вернуться в магазин») уводит вправо float, как у WC. */
.woocommerce-message li,
.woocommerce-info li,
.woocommerce-error li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce-message li + li,
.woocommerce-info li + li,
.woocommerce-error li + li {
	margin-block-start: 0.4rem;
}

.woocommerce-message li::before,
.woocommerce-info li::before,
.woocommerce-error li::before {
	content: none;
	display: none;
}

.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a {
	font-weight: var(--semi-bold);
	color: var(--notice-color);
	text-decoration: none;
}

/* Кнопка остаётся в фирменном виде темы (`.woocommerce a.button` ниже по
   файлу) — здесь только положение в блоке */
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button,
.woocommerce-notice .button {
	float: right;
	margin: 0 0 0.35rem 1rem;
}

/* WC кнопки в стиле темы (синхронно с .btn) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.7rem 1.4rem;
	font-size: 0.95rem;
	font-weight: var(--semi-bold);
	color: var(--white);
	background-color: var(--accent);
	border: 0;
	border-radius: var(--bradius);
	text-decoration: none;
	transition: background-color var(--animation);
	cursor: pointer;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
	background-color: var(--btn-bg-hover, var(--main-color));
}

/* Поля форм */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	box-sizing: border-box;
	width: 100%;
	padding: 0.6rem 0.9rem;
	font-size: 0.95rem;
	background-color: var(--white);
	border: 1px solid var(--border-color);
	border-radius: calc(var(--bradius) / 1.5);
	transition: border-color var(--animation);
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
	outline: none;
	border-color: var(--accent);
}

.woocommerce form .form-row label {
	display: block;
	margin-block-end: 0.35rem;
	font-size: 0.8rem;
	font-weight: var(--semi-bold);
	text-transform: initial;
}

.woocommerce .required {
	color: var(--accent);
}

/* ===========================================================
   Страница личного кабинета — двухколоночный паттерн
   CSS из docs/temp/account-variants.html .acc-* с префиксом
   .dici-acc-page. Согласован с cart/checkout v1.
   =========================================================== */

.dici-acc-page {
	margin-block-end: 2rem;
}

/* Снимаем оранжевые буллеты темы у списков внутри WC-страниц */
.dici-cart-page li::before,
.dici-co-page li::before,
.dici-acc-page li::before {
	display: none !important;
	content: none !important;
}

.dici-cart-page ul,
.dici-co-page ul,
.dici-acc-page ul {
	list-style: none;
}

.post-content .dici-cart-page ul li,
.post-content .dici-co-page ul li,
.post-content .dici-acc-page ul li,
.dici-cart-page ul li,
.dici-co-page ul li,
.dici-acc-page ul li {
	padding-left: 0;
	margin-left: 0;
}

.dici-acc-page .acc-body {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: 32px;
	align-items: start;
}

/* Левая sticky-навигация */
.dici-acc-page .acc-nav {
	position: sticky;
	top: 20px;
	background: var(--footer-bg);
	color: var(--footer-color);
	border-radius: 12px;
	padding: 24px;
}

.dici-acc-page .acc-nav-user {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 22px;
	padding-bottom: 18px;
	border-bottom: 1px solid color-mix(in srgb, var(--footer-color) 12%, transparent);
}

.dici-acc-page .acc-nav-avatar {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--accent);
	color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
	flex-shrink: 0;
}

.dici-acc-page .acc-nav-name {
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 2px;
}

.dici-acc-page .acc-nav-email {
	font-size: 11px;
	color: color-mix(in srgb, var(--footer-color) 60%, transparent);
	overflow-wrap: anywhere;
}

.dici-acc-page .acc-nav ul,
.dici-acc-page .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
	background: transparent;
	border: none;
	border-radius: 0;
	overflow: visible;
}

.dici-acc-page .acc-nav li,
.dici-acc-page .woocommerce-MyAccount-navigation li {
	border: none;
	margin: 0;
}

.dici-acc-page .acc-nav li a,
.dici-acc-page .woocommerce-MyAccount-navigation li a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	font-size: 14px;
	color: color-mix(in srgb, var(--footer-color) 80%, transparent);
	text-decoration: none;
	border-radius: var(--bradius);
	background: transparent;
	transition: background var(--animation), color var(--animation);
}

.dici-acc-page .acc-nav li a:hover,
.dici-acc-page .woocommerce-MyAccount-navigation li a:hover {
	background: color-mix(in srgb, var(--footer-color) 6%, transparent);
	color: var(--footer-color);
}

.dici-acc-page .acc-nav li.is-active a,
.dici-acc-page .woocommerce-MyAccount-navigation li.is-active a {
	background: var(--accent);
	color: var(--white);
}

.dici-acc-page .acc-nav li a,
.dici-acc-page .acc-nav li a:hover,
.dici-acc-page .acc-nav li a:focus,
.dici-acc-page .acc-nav li.is-active a,
.dici-acc-page .woocommerce-MyAccount-navigation li a,
.dici-acc-page .woocommerce-MyAccount-navigation li a:hover,
.dici-acc-page .woocommerce-MyAccount-navigation li a:focus,
.dici-acc-page .woocommerce-MyAccount-navigation li.is-active a {
	font-weight: 500;
}

.dici-acc-page .acc-nav li a svg {
	width: 16px;
	height: 16px;
	stroke: currentColor;
	stroke-width: 2;
	fill: none;
	flex-shrink: 0;
}

.dici-acc-page .acc-nav-counter {
	margin-left: auto;
	opacity: 0.6;
	font-size: 12px;
}

.dici-acc-page .acc-nav li.acc-nav-logout,
.dici-acc-page .woocommerce-MyAccount-navigation li--customer-logout {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid color-mix(in srgb, var(--footer-color) 12%, transparent);
}

.dici-acc-page .acc-nav li.acc-nav-logout a,
.dici-acc-page .woocommerce-MyAccount-navigation li--customer-logout a {
	color: color-mix(in srgb, var(--footer-color) 60%, transparent);
}

/* Правый контент */
.dici-acc-page .acc-content,
.dici-acc-page .woocommerce-MyAccount-content {
	min-width: 0;
}

.dici-acc-page .acc-section-title,
.dici-acc-page .acc-content > form > h2 {
	margin-top: 0;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 18px;
}

.dici-acc-page .acc-helper,
.dici-acc-page .woocommerce-MyAccount-content > p:first-of-type {
	font-size: 13px;
	color: var(--text-secondary, #888);
	margin-bottom: 18px;
	line-height: 1.5;
}

.dici-acc-page .acc-helper a:not(.btn-primary):not(.btn-outline),
.dici-acc-page .woocommerce-MyAccount-content > p a:not(.btn-primary):not(.btn-outline) {
	color: var(--accent);
	font-weight: 600;
	text-decoration: none;
}

/* Карточки адресов */
.dici-acc-page .acc-addresses,
.dici-acc-page .woocommerce-customer-details .col2-set {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 16px;
}

.dici-acc-page .acc-address-card,
.dici-acc-page .woocommerce-customer-details:not(:has(.col2-set)),
.dici-acc-page .woocommerce-customer-details .woocommerce-column {
	padding: 20px;
	background: var(--grey-bg);
	border-radius: var(--bradius);
	border: 1px solid transparent;
}

.dici-acc-page .acc-address-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
	gap: 12px;
}

.dici-acc-page .acc-address-title,
.dici-acc-page .woocommerce-customer-details .woocommerce-column__title {
	font-size: 15px;
	font-weight: 700;
	color: var(--main-color);
}

.dici-acc-page .acc-address-edit {
	font-size: 12px;
	color: var(--accent);
	text-decoration: underline;
}

.dici-acc-page .acc-address-edit:hover {
	color: var(--btn-bg-hover);
}

.dici-acc-page .acc-address-body,
.dici-acc-page .woocommerce-customer-details address {
	font-size: 13px;
	line-height: 1.5;
	color: var(--main-color);
}

.dici-acc-page .acc-address-body address,
.dici-acc-page .woocommerce-customer-details address {
	font-style: normal;
}

.dici-acc-page .woocommerce-customer-details {
	margin-block-start: 28px;
}

.dici-acc-page .woocommerce-customer-details:not(:has(.col2-set)) {
	box-sizing: border-box;
	max-width: calc(50% - 8px);
}

.dici-acc-page .woocommerce-customer-details .col2-set {
	width: auto;
	margin: 0;
}

.dici-acc-page .woocommerce-customer-details .col2-set .woocommerce-column {
	float: none;
	width: auto;
	max-width: none;
	margin: 0;
}

.dici-acc-page .woocommerce-customer-details .woocommerce-column__title {
	margin: 0 0 12px;
	line-height: 1.3;
}

.dici-acc-page .woocommerce-customer-details address {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
}

.dici-acc-page .woocommerce-customer-details address p {
	margin: 0;
}

.dici-acc-page .acc-address-empty {
	color: var(--text-secondary, #888);
	font-style: italic;
}

/* Карточки-плитки на dashboard */
.dici-acc-page .acc-tiles {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.dici-acc-page .acc-tile {
	display: block;
	flex: 1 1 180px;
	padding: 18px;
	background: var(--grey-bg);
	border-radius: var(--bradius);
	border: 1px solid transparent;
	text-decoration: none;
	color: var(--main-color);
	transition: border-color var(--animation), transform var(--animation);
}

.dici-acc-page .acc-tile:hover {
	border-color: var(--accent);
	transform: translateY(-2px);
}

.dici-acc-page .acc-tile-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: var(--white);
	border-radius: 10px;
	margin-bottom: 14px;
}

.dici-acc-page .acc-tile-icon svg {
	width: 18px;
	height: 18px;
	stroke: var(--accent);
	stroke-width: 2;
	fill: none;
}

.dici-acc-page .acc-tile-name {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 4px;
}

.dici-acc-page .acc-tile-meta {
	font-size: 12px;
	color: var(--text-secondary, #888);
}

/* Таблица заказов */
.dici-acc-page table.acc-orders,
.dici-acc-page table.woocommerce-orders-table {
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}

.dici-acc-page table.acc-orders thead th,
.dici-acc-page table.woocommerce-orders-table thead th {
	font-size: 11px;
	font-weight: 600;
	color: var(--text-secondary, #888);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	text-align: left;
	padding: 10px 12px;
	border: 0;
	border-bottom: 1px solid var(--border-color);
	background: transparent;
}

.dici-acc-page .acc-content table.acc-orders tbody td,
.dici-acc-page .acc-content table.woocommerce-orders-table tbody td {
	padding: 14px 12px;
	border: 0;
	border-bottom: 1px solid var(--border-color);
	font-size: 13px;
	vertical-align: middle;
	background: transparent;
}

.dici-acc-page table.acc-orders tbody tr:last-child td,
.dici-acc-page table.woocommerce-orders-table tbody tr:last-child td {
	border-bottom: none;
}

.dici-acc-page .acc-orders-num,
.dici-acc-page table.woocommerce-orders-table .woocommerce-orders-table__cell-order-number {
	font-weight: 600;
	color: var(--main-color);
}

.dici-acc-page .acc-orders-num a {
	color: inherit;
	text-decoration: none;
}

.dici-acc-page .acc-orders-num a:hover {
	color: var(--accent);
}

.dici-acc-page .acc-orders-sum .woocommerce-Price-amount {
	font-weight: 600;
	white-space: nowrap;
}

.dici-acc-page .acc-orders-count {
	margin-inline-start: 2px;
	color: var(--text-secondary);
}

.dici-acc-page .acc-orders-more {
	text-align: right;
}

.dici-acc-page .acc-orders-status {
	display: inline-block;
	padding: 3px 9px;
	font-size: 11px;
	font-weight: 600;
	border-radius: 14px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.dici-acc-page .acc-orders-status--processing,
.dici-acc-page .acc-orders-status--on-hold {
	background: color-mix(in srgb, var(--accent) 18%, transparent);
	color: var(--accent);
}

.dici-acc-page .acc-orders-status--completed {
	background: rgb(65 160 94 / 14%);
	color: #41a05e;
}

.dici-acc-page .acc-orders-status--cancelled,
.dici-acc-page .acc-orders-status--refunded,
.dici-acc-page .acc-orders-status--failed,
.dici-acc-page .acc-orders-status--pending {
	background: var(--grey-bg);
	color: var(--text-secondary, #888);
}

.dici-acc-page .acc-orders-action,
.dici-acc-page table.woocommerce-orders-table .button {
	display: inline-flex;
	align-items: center;
	padding: 6px 14px;
	font-size: 12px;
	line-height: 1.4;
	color: var(--main-color);
	white-space: nowrap;
	background: var(--white);
	border: 1px solid var(--border-color);
	border-radius: var(--bradius);
	text-decoration: none;
	cursor: pointer;
	transition: border-color var(--animation);
}

.dici-acc-page .acc-orders-action:hover,
.dici-acc-page .acc-orders-action:focus-visible {
	color: var(--main-color);
	border-color: var(--accent);
}

.dici-acc-page .acc-order__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	margin-block-end: 24px;
}

.dici-acc-page .acc-order__head .acc-order__title {
	margin: 0;
}

.dici-acc-page .acc-order__date {
	margin-inline-start: 4px;
	font-size: 14px;
	font-weight: 400;
	color: var(--text-secondary);
}

.dici-acc-page .acc-order__subtitle,
.dici-acc-page .woocommerce-order-details__title {
	margin: 0 0 6px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--text-secondary);
}

.dici-acc-page .acc-order__updates {
	margin-block-end: 28px;
}

.dici-acc-page .acc-order__notes {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}

.dici-acc-page .acc-order__note {
	padding: 14px 16px;
	background: var(--grey-bg);
	border-radius: var(--bradius);
}

.dici-acc-page .acc-order__note-meta {
	margin: 0 0 4px;
	font-size: 12px;
	line-height: 1.4;
	color: var(--text-secondary);
}

.dici-acc-page .acc-order__note-text {
	font-size: 14px;
	line-height: 1.5;
}

.dici-acc-page .acc-order__note-text p {
	margin: 0;
}

.dici-acc-page .acc-order__note-text p + p {
	margin-block-start: 6px;
}

.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
}

.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details thead {
	display: table-header-group;
}

.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details tr {
	display: table-row;
	margin: 0;
}

.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details th,
.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details td {
	display: table-cell;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.45;
	text-align: left;
	vertical-align: top;
	color: var(--main-color);
	background: transparent;
	border: 0;
}

.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details td::before {
	content: none;
}

.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details thead th {
	padding-block: 10px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--text-secondary);
	border-bottom: 1px solid var(--border-color);
}

.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details tbody td {
	padding-block: 14px;
	border-bottom: 1px solid var(--border-color);
}

.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details .product-total {
	text-align: right;
	white-space: nowrap;
}

.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details tbody .product-total,
.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details tfoot td {
	font-weight: 600;
	text-align: right;
}

.dici-acc-page .woocommerce-order-details .product-name a {
	font-weight: 500;
	color: var(--main-color);
	text-decoration: none;
}

.dici-acc-page .woocommerce-order-details .product-name a:hover {
	color: var(--accent);
}

.dici-acc-page .woocommerce-order-details .product-quantity {
	margin-inline-start: 4px;
	font-weight: 600;
	white-space: nowrap;
	color: var(--text-secondary);
}

.dici-acc-page .woocommerce-order-details .wc-item-meta {
	margin: 4px 0 0;
	padding: 0;
	font-size: 12px;
	color: var(--text-secondary);
	list-style: none;
}

.dici-acc-page .woocommerce-order-details .wc-item-meta li {
	margin: 0;
	padding: 0;
}

.dici-acc-page .woocommerce-order-details .wc-item-meta p {
	display: inline;
	margin: 0;
}

.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details tfoot th {
	text-align: right;
	color: var(--text-secondary);
}

.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details tfoot tr:first-child th,
.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details tfoot tr:first-child td {
	padding-block-start: 16px;
}

.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details tfoot tr:has(.dici-order-total) th,
.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details tfoot tr:has(.dici-order-total) td {
	padding-block: 12px;
	vertical-align: baseline;
	border-top: 1px solid var(--border-color);
	border-bottom: 1px solid var(--border-color);
}

.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details tfoot tr:has(.dici-order-total) th {
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details tfoot tr:has(.dici-order-total) td {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
}

.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details tfoot tr:has(.dici-order-total) + tr th,
.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details tfoot tr:has(.dici-order-total) + tr td {
	padding-block-start: 14px;
}

.dici-acc-page .woocommerce-order-details .order-actions-button + .order-actions-button {
	margin-inline-start: 8px;
}

.dici-acc-page .woocommerce-order-details .order-again {
	margin: 20px 0 0;
}

/* Формы профиля */
.dici-acc-page .acc-form,
.dici-acc-page .woocommerce-EditAccountForm {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.dici-acc-page .acc-form .fld {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0;
}

.dici-acc-page .acc-form .fld--full,
.dici-acc-page .woocommerce-EditAccountForm > p.form-row-wide,
.dici-acc-page .woocommerce-EditAccountForm > fieldset {
	grid-column: 1 / -1;
}

.dici-acc-page .acc-form label,
.dici-acc-page .woocommerce-EditAccountForm label {
	font-size: 12px;
	font-weight: 600;
	color: var(--text-secondary, #888);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin: 0;
}

.dici-acc-page .acc-form input,
.dici-acc-page .acc-form select,
.dici-acc-page .woocommerce-EditAccountForm input,
.dici-acc-page .woocommerce-EditAccountForm select {
	box-sizing: border-box;
	width: 100%;
	padding: 11px 14px;
	font-family: inherit;
	font-size: 14px;
	color: var(--main-color);
	background: var(--white);
	border: 1px solid var(--border-color);
	border-radius: var(--bradius);
}

.dici-acc-page .acc-form input:focus,
.dici-acc-page .acc-form select:focus,
.dici-acc-page .woocommerce-EditAccountForm input:focus,
.dici-acc-page .woocommerce-EditAccountForm select:focus {
	outline: none;
	border-color: var(--accent);
}

.dici-acc-page .acc-form-subtitle,
.dici-acc-page .woocommerce-EditAccountForm legend {
	grid-column: 1 / -1;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--text-secondary, #888);
	margin: 14px 0 4px;
	padding-top: 18px;
	border-top: 1px solid var(--border-color);
	border-bottom: none;
}

.dici-acc-page .acc-form-subtitle:first-child,
.dici-acc-page .woocommerce-EditAccountForm > fieldset:first-of-type legend {
	margin-top: 0;
	padding-top: 0;
	border: none;
}

.dici-acc-page .acc-form-actions,
.dici-acc-page .woocommerce-EditAccountForm > p:last-of-type {
	grid-column: 1 / -1;
	display: flex;
	gap: 10px;
	margin: 12px 0 0;
}

.dici-acc-page .btn-primary,
.dici-acc-page button[type="submit"].woocommerce-Button,
.dici-acc-page input[type="submit"].woocommerce-Button,
.dici-acc-page button[name="save_address"],
.dici-acc-page .order-again .button,
.dici-acc-page a.order-actions-button,
.woocommerce .woocommerce-ResetPassword button[type="submit"].woocommerce-Button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 22px;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	color: var(--btn-color);
	background: var(--btn-bg);
	border: none;
	border-radius: var(--bradius);
	cursor: pointer;
	text-decoration: none;
	transition: background var(--animation), color var(--animation);
}

.dici-acc-page .btn-primary:hover,
.dici-acc-page button[type="submit"].woocommerce-Button:hover,
.dici-acc-page input[type="submit"].woocommerce-Button:hover,
.dici-acc-page button[name="save_address"]:hover,
.dici-acc-page .order-again .button:hover,
.dici-acc-page a.order-actions-button:hover,
.woocommerce .woocommerce-ResetPassword button[type="submit"].woocommerce-Button:hover {
	background: var(--btn-bg-hover);
	color: var(--btn-color-hover);
}

.dici-acc-page .btn-outline {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 22px;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	color: var(--main-color);
	background: transparent;
	border: 1.5px solid var(--border-color);
	border-radius: var(--bradius);
	cursor: pointer;
	text-decoration: none;
}

/* Login / Register (для гостей) — две колонки рядом */
.dici-acc-login .acc-login-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
	align-items: start;
}

.dici-acc-login .acc-login-grid--single {
	grid-template-columns: minmax(0, 480px);
}

.dici-acc-login .acc-login-col {
	min-width: 0;
}

.dici-acc-page .acc-login-hint {
	font-size: 12px;
	color: var(--text-secondary, #888);
	line-height: 1.5;
	margin: 0 0 14px;
}

.dici-acc-page .acc-login-card,
.dici-acc-page .woocommerce-form-login,
.dici-acc-page .woocommerce-form-register {
	box-sizing: border-box;
	padding: 24px;
	background: var(--grey-bg);
	border-radius: var(--bradius);
	border: none;
}

.dici-acc-page .acc-login-card .btn-primary {
	width: 100%;
}

/* Восстановление и сброс пароля — шаблоны WooCommerce, своих у темы нет.
   ⚠️ Селекторы от `.woocommerce`, а не от `.dici-acc-page`: эти экраны печатает
   отдельная ветка шорткода, минуя `myaccount/my-account.php` с нашей обёрткой. */
.woocommerce .woocommerce-ResetPassword {
	box-sizing: border-box;
	max-width: 480px;
	margin: 0;
	padding: 24px;
	background: var(--grey-bg);
	border-radius: var(--bradius);
}

.woocommerce .woocommerce-ResetPassword .form-row {
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
	margin: 0 0 14px;
	padding: 0;
	float: none;
}

.woocommerce .woocommerce-ResetPassword label {
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	color: var(--text-secondary, #888);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.woocommerce .woocommerce-ResetPassword input[type="text"],
.woocommerce .woocommerce-ResetPassword input[type="password"] {
	box-sizing: border-box;
	width: 100%;
	padding: 11px 14px;
	font-family: inherit;
	font-size: 14px;
	background: var(--white);
	border: 1px solid var(--border-color);
	border-radius: var(--bradius);
}

.woocommerce .woocommerce-ResetPassword .woocommerce-Button {
	width: 100%;
}

/* Подсказка «Забыли пароль? Укажите email…» — её печатает WooCommerce
   отдельным абзацем перед полем */
.woocommerce .woocommerce-ResetPassword > p:not(.form-row) {
	margin: 0 0 16px;
	font-size: 13px;
	line-height: 1.5;
	color: var(--text-secondary, #888);
}

.dici-acc-page .acc-login-card .fld,
.dici-acc-page .woocommerce-form-login .form-row,
.dici-acc-page .woocommerce-form-register .form-row .form-row {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0 0 14px;
	padding: 0;
}

.dici-acc-page .acc-login-card label,
.dici-acc-page .woocommerce-form-login label,
.dici-acc-page .woocommerce-form-register label label {
	font-size: 12px;
	font-weight: 600;
	color: var(--text-secondary, #888);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin: 0;
}

/* ⚠️ box-sizing в этой теме не наследуется (объявлен только для html и
   псевдоэлементов) — без него поля шире карточки на padding + рамку */
.dici-acc-page .acc-login-card input,
.dici-acc-page .woocommerce-form-login input,
.dici-acc-page .woocommerce-form-register input input {
	box-sizing: border-box;
	width: 100%;
	padding: 11px 14px;
	font-family: inherit;
	font-size: 14px;
	background: var(--white);
	border: 1px solid var(--border-color);
	border-radius: var(--bradius);
}

.dici-acc-page .acc-login-row,
.dici-acc-page .woocommerce-form-login .form-row-remember {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 14px 0 18px;
	font-size: 12px;
}

.dici-acc-page .acc-login-row label {
	display: flex;
	align-items: center;
	gap: 6px;
	color: var(--main-color);
	font-weight: 500;
	text-transform: none;
	letter-spacing: 0;
	cursor: pointer;
}

.dici-acc-page .acc-login-row label input,
.dici-acc-page .woocommerce-form-login__rememberme input {
	width: auto;
	accent-color: var(--accent);
}

.dici-acc-page .acc-login-row a,
.dici-acc-page .lost_password a {
	color: var(--accent);
	text-decoration: none;
}

/* Согласие на обработку данных печатает WooCommerce на хуке
   `woocommerce_register_form` — свой отступ до кнопки и кегль подсказки */
.dici-acc-page .woocommerce-privacy-policy-text {
	margin: 0 0 18px;
	font-size: 12px;
	line-height: 1.5;
	color: var(--text-secondary, #888);
}

.dici-acc-page .woocommerce-privacy-policy-text p {
	margin: 0;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.dici-acc-page .woocommerce-privacy-policy-text a {
	color: var(--accent);
	text-decoration: none;
}

.dici-acc-page .acc-login-foot {
	margin-top: 16px;
	text-align: center;
	font-size: 12px;
	color: var(--text-secondary, #888);
}

.dici-acc-page .acc-login-foot a {
	color: var(--accent);
	font-weight: 600;
	text-decoration: none;
}

@media (max-width: 900px) {
	.dici-acc-page .acc-body {
		grid-template-columns: 1fr;
	}

	.dici-acc-login .acc-login-grid {
		grid-template-columns: 1fr;
	}

	.dici-acc-page .acc-nav {
		position: static;
	}

	.dici-acc-page .acc-form,
	.dici-acc-page .woocommerce-EditAccountForm {
		grid-template-columns: 1fr;
	}
}

.site-header__logo {
	width: 200px;
	height: 63px;
}
.shop-product__media {
	background-color: #fff;
}

.service-single__aside .widget:not(.widget_media_image) {
	border: none;
}

/* =================================================
   Страница «Заказ принят» (thankyou / order-received)
   ================================================= */
.dici-thankyou {
	max-width: 760px;
}

.dici-thankyou__hero {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	padding: 32px 24px;
	margin-block-end: 28px;
	text-align: center;
	background: var(--grey-bg);
	border-radius: 12px;
}

.dici-thankyou__check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	color: #fff;
	background: var(--accent);
	border-radius: 50%;
}

.dici-thankyou__check svg {
	width: 30px;
	height: 30px;
}

.dici-thankyou__title {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.3;
	color: var(--main-color);
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
}

.dici-thankyou__title::before {
	display: none;
}

/* Сводка заказа — равная сетка карточек (без «прыжков» по высоте) */
.dici-thankyou__overview {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
	border: none;
}

.dici-thankyou__overview li {
	margin: 0;
	padding: 14px 16px;
	background: var(--white);
	border: 1px solid var(--border-color);
	border-radius: var(--bradius);
	list-style: none;
}

.dici-thankyou__overview li::before {
	display: none;
	content: none;
}

.dici-thankyou__ov-label {
	display: block;
	margin-block-end: 4px;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--text-secondary, #888);
}

.dici-thankyou__overview li strong {
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--main-color);
	word-break: break-word;
}

/* Блок деталей заказа (таблица товаров + адреса) под сводкой */
.dici-thankyou__details .woocommerce-order-details__title,
.dici-thankyou__details .woocommerce-column__title {
	margin: 28px 0 14px;
	font-size: 1.2rem;
	font-weight: 600;
}

.dici-thankyou__details table.woocommerce-table--order-details,
.dici-thankyou__details table.shop_table {
	width: 100%;
	border-collapse: collapse;
	background: var(--white);
	border: 1px solid var(--border-color);
	border-radius: var(--bradius);
	overflow: hidden;
}

.dici-thankyou__details table.shop_table th,
.dici-thankyou__details table.shop_table td {
	padding: 12px 16px;
	font-size: 0.9rem;
	text-align: left;
	border-bottom: 1px solid var(--border-color);
}

.dici-thankyou__details table.shop_table thead th {
	background: var(--grey-bg);
	font-weight: 600;
}

.dici-thankyou__details table.shop_table tfoot th,
.dici-thankyou__details table.shop_table tfoot td {
	font-weight: 600;
}

.dici-thankyou__details table.shop_table tr:last-child td,
.dici-thankyou__details table.shop_table tfoot tr:last-child th,
.dici-thankyou__details table.shop_table tfoot tr:last-child td {
	border-bottom: none;
}

.dici-thankyou__details .woocommerce-customer-details {
	margin-top: 28px;
}

.dici-thankyou__details .woocommerce-customer-details address {
	padding: 16px;
	font-style: normal;
	font-size: 0.9rem;
	line-height: 1.6;
	background: var(--grey-bg);
	border: 1px solid var(--border-color);
	border-radius: var(--bradius);
}

/* Сбрасываем bold-кнопки во всех WC-страницах — оставляем regular */
.dici-cart-page .v4-btn-checkout,
.dici-cart-page .v4-qty-btn,
.service-single__cart .v4-qty-btn,
.dici-cart-page .wc-proceed-to-checkout a.checkout-button,
.dici-cart-page .dici-cart__update,
.dici-cart-page .dici-cart__coupon-btn,
.dici-co-page #place_order,
.dici-co-page .v1-place-order,
.dici-co-page .btn-primary,
.dici-acc-page .btn-primary,
.dici-acc-page .btn-outline,
.dici-acc-page button[type="submit"].woocommerce-Button,
.dici-acc-page input[type="submit"].woocommerce-Button,
.dici-acc-page .acc-orders-action,
.dici-acc-page .acc-address-edit,
.dici-acc-page button[name="save_address"],
.dici-acc-page .order-again .button,
.dici-acc-page a.order-actions-button {
	font-weight: 500;
}

.post-content .dici-contact-shortcode .contacts__list li {
	list-style: none;
	padding-left: 0;
}

.post-content .dici-contact-shortcode .contacts__list li::before {
	display: none;
	content: none;
}

/* Отступ между пунктами задаёт сам блок контактов (padding + пунктир),
   а тема добавляет свой для списков контента — снимаем, чтобы вид совпал с Главной */
.post-content .dici-contact-shortcode .contacts__list li:not(:last-child) {
	margin-block-end: 0;
}

/* В шорткоде колонка одна: название сверху, контакт под ним.
   Родной блок Главной остаётся двухколоночным — обёртки шорткода там нет */
.dici-contact-shortcode .contacts__item {
	grid-template-columns: 1fr;
	gap: 6px;
}

.dici-contact-shortcode .contacts__wrap:has(.contacts__map) {
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.dici-contact-shortcode .contacts-item__value {
	font-size: 1.0rem;
	text-align: left;
}

.dici-contact-shortcode .contacts__map {
	min-height: 360px;
}

.dici-contact-shortcode .contacts__map iframe {
	width: 100%;
	min-height: 360px;
	border: 0;
}

/*
   Спойлеры в контенте (details.spoiler). Использование:
     <details class="spoiler"><summary>Заголовок</summary><p>…</p></details>
   Применяется шорткодом [reviews] (виджет отзывов Яндекс.Карт).
*/
.post-content details.spoiler,
.entry-content details.spoiler,
details.spoiler {
	width: 100%;
	margin-block: 1.2rem;
	background-color: var(--white, #fff);
	border-radius: var(--bradius, 12px);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	overflow: hidden;
}

details.spoiler > summary {
	position: relative;
	display: block;
	padding: 1.4rem 1.4rem 1.4rem 5rem;
	font-size: 1.15rem;
	font-weight: var(--semi-bold, 600);
	line-height: 1.35;
	color: inherit;
	cursor: pointer;
	list-style: none;
	user-select: none;
}

details.spoiler > summary::-webkit-details-marker {
	display: none;
}

details.spoiler > summary::before {
	content: "";
	position: absolute;
	left: 1.2rem;
	top: 50%;
	z-index: 1;
	width: var(--spacing, 2.4rem);
	height: var(--spacing, 2.4rem);
	background-color: var(--accent, #c62828);
	border-radius: 4px;
	transform: translateY(-50%);
	transition: background-color var(--animation, 0.25s ease);
	background-image: linear-gradient(#fff, #fff);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1.1rem 2px;
}

details.spoiler > summary::after {
	content: "";
	position: absolute;
	left: 1.2rem;
	top: 50%;
	z-index: 2;
	width: var(--spacing, 2.4rem);
	height: var(--spacing, 2.4rem);
	transform: translateY(-50%);
	background-image: linear-gradient(#fff, #fff);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 2px 1.1rem;
	transition: opacity var(--animation, 0.25s ease), transform var(--animation, 0.25s ease);
	pointer-events: none;
}

details.spoiler > summary:hover::before {
	background-color: var(--btn-bg, #a21d1d);
}

details.spoiler[open] > summary {
	border-bottom: 1px dotted var(--border-color, #e2e2e2);
}

details.spoiler[open] > summary::before {
	background-color: var(--btn-bg, #a21d1d);
}

details.spoiler[open] > summary::after {
	opacity: 0;
	transform: translateY(-50%) rotate(90deg);
}

details.spoiler > *:not(summary) {
	padding-inline: var(--spacing, 2.4rem);
}

details.spoiler > *:not(summary):first-of-type {
	padding-top: 1.4rem;
}

details.spoiler > *:not(summary):last-child {
	padding-bottom: 1.4rem;
}

details.spoiler[open] > *:not(summary) {
	animation: fadeEffect 0.6s ease;
}

.services-category-list__items,
.home-services-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
	gap: 1rem;
}

.service-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	padding: 0.9rem;
	background-color: var(--white);
	border: 1px solid var(--border-color);
	border-radius: var(--bradius);
	transition: transform var(--animation), box-shadow var(--animation), border-color var(--animation);
}

.service-card:hover {
	transform: translateY(-2px);
	border-color: transparent;
	box-shadow: 5px 14px 22px -8px rgba(34, 60, 80, 0.18);
}

/* «Категории магазина» на Главной, вид «Чипсы»: плашки с одними названиями.
   Оформление в языке карточек — белый фон, рамка, радиус, акцент на наведении */
.home-shop-cats__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.home-shop-cats__chip {
	margin: 0;
	padding: 0;
	list-style: none;
}

.home-shop-cats__chip-link {
	display: inline-flex;
	align-items: center;
	padding: 0.6rem 1.1rem;
	color: var(--main-color);
	font-size: 0.95rem;
	line-height: 120%;
	text-decoration: none;
	background-color: var(--white);
	border: 1px solid var(--border-color);
	border-radius: var(--bradius);
	transition: color var(--animation), border-color var(--animation), box-shadow var(--animation);
}

.home-shop-cats__chip-link:hover,
.home-shop-cats__chip-link:focus-visible {
	color: var(--accent);
	text-decoration: none;
	border-color: var(--accent);
	box-shadow: 3px 8px 16px -8px rgba(34, 60, 80, 0.18);
}

/* Разделы Главной «Товары N»: сетка и карточки общие с каталогом (.shop-grid).
   Кнопка нужна только на телефоне — на компьютере видны все карточки сразу,
   а номер первой скрытой карточки зависит от настройки и печатается инлайном */
.home-products__grid {
	margin-block-end: 0;
}

.home-products__more {
	display: none;
}

.service-card__media {
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: calc(var(--bradius) / 1.5);
	background-color: var(--grey-bg);
}

.service-card__media img,
.service-card__filler {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.service-card__title {
	margin: 0;
	font-size: 0.92rem;
	font-weight: var(--semi-bold);
	line-height: 130%;
	color: var(--main-color);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.service-card__link {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.services-archive .service-single__content:not(:has(.service-single__aside)) {
	display: block;
}

.service-single__media {
	display: flex;
	align-items: center;
	gap: 2.5rem;
}

.service-single__media .service-single__img {
	flex-shrink: 0;
	width: 300px;
	height: 300px;
}

.service-single__media .service-single__img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.widget ul.shop-cats__sub li:not(:last-child) {
	margin-block-end: 0;
}

/* Копирайт и логотипы подвала — в одну строку (на мобильном логотипы вниз) */
.site-footer__credits {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem 2rem;
	flex-wrap: wrap;
}

.site-footer__credits-text {
	min-width: 0;
}

.footer-logos {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: flex-end;
	gap: 5px;
	margin-block-start: 0;
	flex: 0 0 auto;
}

.footer-logos__item {
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 0.15rem;
}

.footer-logos__caption {
	font-size: 11px;
	line-height: 1.2;
	color: var(--text-secondary, #888);
	text-align: center;
}

.footer-logos__link {
	display: inline-flex;
	transition: opacity var(--animation);
}

.footer-logos__link:hover {
	opacity: 0.75;
}

.footer-logos__img {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 31px;
	object-fit: contain;
}

.home-brands .brands-wall {
	overflow: hidden;
	-webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
	mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}

.home-brands .brands-wall__track {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	width: max-content;
	margin: 0;
	padding: 16px 0;
	list-style: none;
	animation: dici-brands-marquee var(--dici-brands-speed, 40s) linear infinite;
}

.home-brands .brands-wall:hover .brands-wall__track {
	animation-play-state: paused;
}

.home-brands .brands-wall__item {
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
}

.home-brands .brands-wall__frame {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150px;
	height: 150px;
	padding: 1rem;
	background: var(--white);
	border: 1px solid var(--border-color);
	border-radius: var(--bradius);
	box-sizing: border-box;
	transition: transform 0.3s ease;
}

.home-brands .brands-wall__img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.home-brands .brands-wall__item--center .brands-wall__frame {
	transform: scale(1.13);
}

@keyframes dici-brands-marquee {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.home-brands .brands-wall__track {
		animation: none;
	}
}

.post-content table thead th,
.post-content table > tr:first-child th {
	font-weight: 600;
	background: var(--grey-bg);
}

.post-content table tbody tr:nth-child(even) td {
	background: rgb(246 247 250 / 45%);
}

.search-results__section {
	margin-block-end: 2.5rem;
}

.search-results__subtitle {
	margin-block-end: 1.2rem;
	font-size: 1.5rem;
	font-weight: var(--bold);
	line-height: 120%;
}

/* Заголовок секции и тулбар — одной строкой: название слева, сортировка и вид справа */
.search-results__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-block-end: 1.2rem;
}

.search-results__head .search-results__subtitle,
.search-results__head .shop-toolbar {
	margin-block-end: 0;
}

.search-results__head .shop-toolbar {
	flex: 0 1 auto;
}

/* Раскладка поиска: сайдбар справа. Родная тема складывает уже на ≤1130px
   (частая ширина на PC при масштабировании дисплея) — держим 2 колонки
   вплоть до планшетов (≤800px), там уже в столбик. Правила scoped на свой
   контейнер .search-results → специфичность бьёт parent `.search ...`. */
.single-page.search-results .single-page__wrap {
	display: grid;
	align-items: start;
	gap: 3rem;
	grid-template-columns: repeat(10, 1fr);
}

.single-page.search-results .single-page__content {
	grid-column: span 7;
	min-width: 0;
}

.single-page.search-results .blog__sidebar {
	grid-column: span 3;
}

.home__promo {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
}
.home__promo a {
	display: block;
}
.home__promo a img {
	border-radius: 8px;
}

/* Media */

/* Ряд контактов у самой длинной раскладки (с 2008 года + адрес + два номера
   + график) на ноутбуках упирается в логотип — ужимаем промежутки и плашки. */
@media (max-width: 1400px) {
	.header-contacts {
		gap: 1.4rem;
	}

	.header-contacts__item--since {
		padding-inline-end: 1.4rem;
	}

	.header-contacts__plate {
		padding-inline: 16px;
		font-size: 1.05rem;
	}
}

@media (max-width: 1130px) {
	.icon-tiles {
		grid-template-columns: repeat(var(--tiles-cols-tab, 3), minmax(0, var(--tiles-size, 96px)));
	}

	.icon-tiles.icon-tiles--features {
		grid-template-columns: repeat(var(--tiles-feat-cols-tab, 2), minmax(0, 1fr));
		gap: 3rem 2rem;
	}

	.promo-banners {
		gap: 1.2rem;
	}

	.promo-banners__card {
		padding: 1.6rem 1.6rem;
	}

	.promo-banners__title {
		font-size: 1.15rem;
	}

	.promo-banners__btn {
		min-height: 42px;
		margin-block-start: 0.6rem;
		padding: 0 1.3rem;
	}

	.advantages {
		grid-template-columns: repeat(var(--adv-cols-tab, 2), minmax(0, 1fr));
	}

	.poster3__content {
		padding-block: 3.5rem;
		padding-inline: 1.5rem;
	}

	.poster3__title {
		font-size: 2.85rem;
	}

	/* Parent на этой ширине глушит точки у всех своих каруселей — вернуть свои */
	.poster3-slider .splide__pagination {
		display: flex;
	}

	.service-single__media {
		display: block;
	}

	.service-single__media .service-single__img {
		width: auto;
		height: auto;
	}

	.shop-cats {
		max-width: 392px;
	}

	.site-header__nav-right,
	.site-header__shop-icons {
		justify-content: center;
	}

	/* «Меню» слева, поиск и иконки справа. Порядок меняется только у прямых
	   детей полосы меню — у пунктов контактов шапки свои `order`. */
	.site-main-nav__wrap > .site-header__mob--btn {
		order: 1;
		justify-content: flex-start;
	}

	.site-main-nav__wrap > .site-header__nav-right {
		order: 2;
		justify-content: flex-end;
	}

	/* Полоса здесь делит ширину поровну между кнопкой услуг, поиском, иконками
	   и «Меню»: промежуток внутри правой группы отдаём полю поиска. */
	.site-header__nav-right {
		gap: 0.6rem;
	}

	.site-header__wrap {
		grid-template-columns: 1fr 1fr;
	}

	.header-contacts__item--mail {
		display: none;
	}

	.header-contacts {
		display: contents;
	}

	/* Раскладка шапки: 1-я строка — логотип, «с … года» и адрес, 2-я — оба
	   телефона. Контакты раскладываются напрямую по шапке (display: contents
	   выше), а сама она из сетки parent переводится во flex с переносом:
	   три разных по ширине блока в одной строке сеткой из равных колонок
	   не описать, а телефоны переносятся сами по flex-basis 50%. */
	.site-header__wrap {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 0.75rem 0.6rem;
	}

	.header-contacts__item--tel {
		margin-inline-start: 0 !important;
		margin-block-start: 0 !important;
	}

	/* Мессенджеры здесь не выводятся. Скрывать обязательно: у них нет своей
	   ячейки в этой сетке, и при включённой галочке пункт с `order: 0` встаёт
	   перед логотипом — тот уезжает из левого угла (замер на 1130px: x=573
	   вместо 165). Связаться на телефоне и так можно из плавающей панели. */
	.header-contacts__item--telegram,
	.header-contacts__item--max {
		display: none;
	}

	/* Свой отступ справа: общего промежутка строки логотипу мало — он вплотную
	   упирается в строку про год. Между годом и адресом промежуток прежний. */
	.site-header__branding {
		order: 1;
		flex: 0 0 auto;
		margin-inline-end: 0.7rem;
	}

	/* «Работаем с … года» — между логотипом и адресом, по ширине своего
	   текста: с `flex-grow` он забирал остаток строки и выталкивал адрес
	   на следующую (замер на 390px: адрес уезжал на y=114 против y=64). */
	.header-contacts__item--since {
		display: block;
		order: 2;
		flex: 0 1 auto;
		min-width: 0;
		max-width: 32%;
		padding-inline-end: 0;
		font-size: 0.85rem;
		line-height: 130%;
		white-space: normal;
		text-align: left;
	}

	/* Разделительная черта нужна только в одну строку на десктопе. */
	.header-contacts__item--since::after {
		display: none;
	}

	/* Адрес забирает остаток строки: при базисе по контенту он на 390px
	   не влезал целиком и переносился блоком, вместо того чтобы перенести
	   свой текст на вторую строку. */
	.header-contacts__item--address {
		order: 3;
		flex: 1 1 34%;
		min-width: 0;
		font-size: 0.85rem;
		line-height: 130%;
		text-align: right;
	}

	/* Здесь шапка и так сжата в две строки: город возвращается в начало адреса,
	   а вторая строка со ссылкой на карту не выводится — иначе блок растёт
	   на строку и раскладка «логотип + адрес / два телефона» разъезжается. */
	.header-contacts__city {
		display: inline;
	}

	.header-contacts__street {
		font-size: 0.85rem;
		font-weight: var(--bold);
		white-space: normal;
	}

	.header-contacts__item--address .header-contacts__note {
		display: none;
	}

	/* Номера — двумя плашками в половину ширины, подпись под каждой.
	   flex-basis 50% минус половина промежутка переносит их на свою строку. */
	.header-contacts__item--tel1 {
		order: 4;
	}

	.header-contacts__item--tel2 {
		order: 5;
	}

	.header-contacts__item--tel1,
	.header-contacts__item--tel2 {
		flex: 1 1 calc(50% - 0.3rem);
	}

	/* График — второй половиной строки рядом с номером, как на ns60.ru.
	   Если заполнен и второй номер, он делит строку с первым, а график
	   уходит на свою строку. */
	.header-contacts__item--schedule {
		display: flex;
		order: 6;
		flex: 1 1 calc(50% - 0.3rem);
		justify-content: center;
		min-width: 0;
		margin-inline-start: 0 !important;
		margin-block-start: 0 !important;
	}

	.header-contacts__item--tel,
	.header-contacts__item--tel .header-contacts__text {
		display: block;
		min-width: 0;
	}

	/* На десктопе плашка сжимается по номеру, здесь — растягивается на колонку:
	   два номера образуют ровную пару кнопок с крупной зоной нажатия. */
	.header-contacts__item--tel .header-contacts__link {
		align-items: stretch;
	}

	.header-contacts__plate {
		padding: 8px 6px;
		font-size: 0.95rem;
		text-align: center;
	}

	.header-contacts__plate--with-icon {
		gap: 6px;
	}

	.header-contacts__operator {
		width: 18px;
		height: 18px;
	}

	/* Колонка шапки уже 200px логотипа на узких экранах — даём ему ужиматься,
	   иначе строка телефонов не влезает и появляется горизонтальный скролл. */
	.site-header__logo {
		max-width: 130px;
		height: auto;
	}

}

@media (max-width: 800px) {
	.icon-tiles.icon-tiles--features {
		grid-template-columns: minmax(0, 1fr);
		gap: 2.2rem;
	}

	.promo-banners {
		grid-template-columns: minmax(0, 1fr);
	}

	.promo-banners__card {
		min-height: 45cqi;
	}

	.woocommerce-account .u-columns,
	.woocommerce-account .col2-set {
		grid-template-columns: 1fr;
	}

	.dici-acc-page #billing_postcode_field,
	.dici-acc-page #billing_phone_field,
	.dici-acc-page #billing_email_field,
	.dici-acc-page #shipping_postcode_field {
		grid-column: span 6;
	}

	/* Поиск: на планшетах/телефонах сайдбар уходит под контент. */
	.single-page.search-results .single-page__wrap {
		display: block;
	}

	.single-page.search-results .single-page__content,
	.single-page.search-results .blog__sidebar {
		grid-column: auto;
	}

	/* Лупа поиска, аккаунт и корзина — в одной пилюле. Порог задаёт не студийная
	   сетка, а плагин поиска: он сворачивает форму в иконку на ≤782px (свой
	   matchMedia), поэтому оформление включается на ближайшем брейкпоинте выше —
	   иначе на планшете (768) осталась бы белая кнопка с чёрным глифом посреди
	   тёмной полосы. Правила самой лупы гейтятся классом `--icon-collapsed`,
	   который плагин ставит только когда действительно свернул, — в промежутке
	   783-800px они не срабатывают.
	   Пилюля обжимает содержимое: parent на ≤1130px раздаёт flex: 1 всем
	   элементам полосы, и без сброса она заняла бы треть ширины. */
	.site-header__nav-right {
		flex: 0 0 auto;
		gap: 2px;
		padding: 3px;
		background-color: rgba(255, 255, 255, 0.07);
		border-radius: 9px;
		height: 35px;
	}

	.site-header__shop-icons {
		padding: 0;
		background-color: transparent;
		border-radius: 0;
	}

	.site-header__account,
	.site-header__cart {
		width: 40px;
		height: 40px;
	}

	/* Зона нажатия здесь 40px, а сам глиф 24px — вокруг него много воздуха,
	   и вынос счётчика за край кнопки оставил бы его висеть в стороне.
	   Сажаем на угол самой тележки. */
	.site-header__cart-count {
		top: 3px;
		right: 3px;
	}

	/* Свёрнутая лупа — того же размера, что иконки рядом. Фон кнопки и цвет
	   глифа плагин печатает инлайном с !important, поэтому меняем не правила,
	   а сами переменные. В развёрнутом виде (поиск поверх экрана, белый фон)
	   настройки плагина возвращаются как есть. */
	.site-main-nav .mvweb-ss--icon-collapsed:not(.is-expanded) {
		--mvweb-ss-submit-bg: transparent;
		--mvweb-ss-submit-icon: #c9cdd6;
	}

	.site-main-nav .mvweb-ss--icon-collapsed:not(.is-expanded) .mvweb-ss__submit {
		width: 40px;
		height: 40px;
		border-radius: 7px;
	}

	/* Надпись кнопки не ломаем на буквы ни при каких раскладках. */
	.site-main-nav .header-terms__btn {
		white-space: nowrap;
	}
}

/* Скрытый раздел поиска, поставленный первым, остаётся для правила отступов
   темы `.site-main > * + *` первым элементом: следующий раздел получил бы поля
   второго. Возвращаем ему поля первого, как без поиска. */
@media (min-width: 783px) {
	.home .site-main > .home-mobile-search:first-child + * {
		padding-block: 0;
	}

	.home .site-main > .home-mobile-search:first-child + .home-icon-tiles--bg,
	.home .site-main > .home-mobile-search:first-child + .home-advantages--bg {
		padding-block: calc(var(--spacing) * 2);
	}
}

/* Порог плагина поиска: форма сворачивается в лупу на ≤782px (его matchMedia).
   На 783-800px поиск остаётся строкой, поэтому ограничение ширины здесь, а не
   в блоке 800 — иначе строку сжимало до 40px и белое поле наезжало на иконки. */
@media (max-width: 782px) {
	/* Место под лупу резервируем сразу, до скрипта плагина: он сворачивает
	   форму только на DOMContentLoaded, а до этого она занимает 259px, кнопка
	   услуг сжимается до 53px и её надпись встаёт колонкой букв (замер на
	   390px: текст 11×133, плюс горизонтальный скролл 430 против 390).
	   Ширина совпадает со свёрнутым состоянием, поэтому после скрипта ничего
	   не сдвигается; развёрнутый поиск поверх экрана ограничение снимает. */
	.site-header__nav-right .mvweb-ss {
		width: 40px;
		min-width: 0;
		flex: 0 0 auto;
	}

	.site-header__nav-right .mvweb-ss.is-expanded {
		width: auto;
	}

	/* До скрипта плагина несвёрнутая форма — белое поле шире места под лупу:
	   на первом кадре оно мелькает поверх иконок. Прячем, пока плагин не
	   поставит класс свёрнутого вида; место при этом занято, сдвига нет.
	   Временная мера до обновления MVweb Smart Search. */
	.site-main-nav .mvweb-ss--icon-mobile:not(.mvweb-ss--icon-collapsed) {
		visibility: hidden;
	}

	.home-mobile-search {
		display: block;
	}

	/* Раскрытый поиск поверх экрана: у плагина z-index 10000, а липкая полоса
	   меню темы — 99997, и она перекрывала подсказки. Под админ-панелью (99999). */
	.home-mobile-search .mvweb-ss--overlay-on {
		z-index: 99998;
	}
}

@media (max-width: 600px) {

	/* Строку «Работаем с … года» на телефоне не выводим, как на ns60.ru:
	   рядом с логотипом она отнимает место у адреса. */
	.header-contacts__item--since {
		display: none;
	}

	.promo-banners__card {
		min-height: 60cqi;
		padding: 1.2rem;
	}

	.promo-banners__body {
		gap: 0.4rem;
		max-width: 58%;
	}

	.promo-banners__title {
		font-size: 1.15rem;
	}

	.promo-banners__text {
		font-size: 0.875rem;
		line-height: 140%;
	}

	.promo-banners__btn {
		min-height: 40px;
		padding: 0 1.1rem;
		font-size: 0.9rem;
	}

	.promo-banners__media {
		width: 48%;
	}

	.header-contacts__hours {
		column-gap: 8px;
		row-gap: 0;
	}

	.header-contacts__days {
		font-size: 0.75rem;
	}

	.header-contacts__time {
		font-size: 0.875rem;
	}

	.icon-tiles {
		grid-template-columns: repeat(var(--tiles-cols-mob, 2), minmax(0, var(--tiles-size, 96px)));
		gap: 1.2rem min(var(--tiles-gap, 2.5rem), 1.4rem);
	}

	.icon-tiles__label {
		font-size: 0.85rem;
	}

	.icon-tiles--features .icon-tiles__cell {
		gap: 1rem;
	}

	.icon-tiles--features .icon-tiles__tile {
		width: min(var(--tiles-size, 96px), 64px);
	}

	.icon-tiles__body {
		gap: 0.5rem;
	}

	.icon-tiles__title {
		font-size: 1.25rem;
	}

	.icon-tiles__text {
		font-size: 0.95rem;
		line-height: 155%;
	}

	.advantages {
		grid-template-columns: repeat(var(--adv-cols-mob, 1), minmax(0, 1fr));
		gap: 1.1rem min(var(--adv-gap, 2rem), 1.4rem);
	}

	.advantages__cell {
		gap: 0.9rem;
	}

	.home-advantages--boxed > .container,
	.home-advantages--cards .advantages__item {
		padding: calc(var(--spacing) * 0.7) calc(var(--spacing) * 0.6);
	}

	.home-icon-tiles--pcb {
		--tiles-pcb-tile: 200px 200px;
	}

	.site-top-message__descr {
		display: inline;
	}

	.home .site-main > .poster3:first-child {
		padding-block-end: var(--spacing);
	}

	.poster3__wrap {
		min-height: 320px;
	}

	.poster3__content {
		padding-block: var(--spacing);
		padding-inline: 1.5rem;
	}

	.poster3__title {
		font-size: 1.65rem;
		line-height: 120%;
	}

	.poster3__descr {
		max-width: 100%;
		font-size: 0.94rem;
		line-height: 150%;
	}

	.poster3-slider .splide__arrow {
		display: none;
	}

	.dgwt-wcas-suggestions-wrapp {
		max-width: calc(100vw - 24px);
	}

	.site-footer__credits {
		flex-direction: column;
		align-items: flex-start;
		gap: 1.25rem;
	}

	.footer-logos {
		justify-content: flex-start;
	}

	.home-brands .brands-wall__track {
		gap: 0.75rem;
	}

	.home-brands .brands-wall__frame {
		width: 27vw;
		height: 27vw;
		padding: 0.5rem;
	}

	.home-brands .brands-wall__item--center .brands-wall__frame {
		transform: none;
	}

	.shop-grid,
	.services-category-list__items,
	.home-services-list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		max-width: none;
	}

	.home-gallery__list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}

	.home-gallery__list > * + * {
		margin-block-start: 0;
	}

	.home-gallery__list > *:nth-child(n + 9) {
		display: none;
	}

	.home-products.has-more:not(.is-expanded) .home-products__more {
		display: inline-flex;
		width: 100%;
		margin-block-start: 1.2rem;
	}

	.shop-toolbar {
		flex-wrap: nowrap;
		gap: 0.5rem;
	}

	.shop-toolbar__cell--count {
		display: none;
	}

	.shop-toolbar__cell--cats {
		flex: 1 1 auto;
		min-width: 0;
	}

	/* Сортировка на телефоне — иконка в одной группе с видами каталога, первой.
	   Селект остаётся нативным: тап по иконке открывает штатный список вариантов,
	   подпись прячем через font-size, вместо неё фоном рисуется значок сортировки. */
	.shop-toolbar__cell--ordering {
		flex: 0 0 auto;
		gap: 2px;
		padding: 2px;
		background-color: var(--grey-bg);
		border-radius: calc(var(--bradius) / 1.5);
	}

	.shop-toolbar__cell--ordering .woocommerce-ordering {
		flex: 0 0 auto;
	}

	.woocommerce-ordering select {
		width: 28px;
		height: 26px;
		padding: 0;
		font-size: 0;
		background-color: transparent;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23888' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16V4M6 4L3.5 6.5M6 4l2.5 2.5'/%3E%3Cpath d='M14 4v12M14 16l-2.5-2.5M14 16l2.5-2.5'/%3E%3C/svg%3E");
		background-position: center;
		background-size: 17px;
		border: 0;
		border-radius: calc(var(--bradius) / 2);
	}

	.shop-view {
		margin-inline-start: 0;
		gap: 2px;
		padding: 0;
		background-color: transparent;
		border-radius: 0;
	}

	.shop-view__btn {
		width: 28px;
		height: 26px;
	}

	/* Список — всегда одна колонка (правило .shop-grid выше переводит сетку в две) */
	.shop-grid--list {
		grid-template-columns: 1fr;
	}

	/* Строка списка на телефоне: фото слева, под ним кнопки во всю ширину */
	.shop-grid--list .shop-product {
		grid-template-columns: 72px minmax(0, 1fr);
		grid-template-areas:
			"media title"
			"media footer"
			"actions actions";
		align-items: start;
		column-gap: 0.75rem;
		row-gap: 0.4rem;
	}

	.shop-grid--list .shop-product__title {
		align-self: start;
	}

	/* Наличие своей строкой, под ним строка цен: розница и опт рядом, по левому краю.
	   Футер снова становится блоком (в общей части у него display: contents). */
	.shop-grid--list .shop-product__footer {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		grid-area: footer;
		gap: 0.3rem;
		margin-block-start: 0;
	}

	.shop-grid--list .shop-product__stock {
		align-self: auto;
	}

	.shop-grid--list .shop-product__prices {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: baseline;
		gap: 0.2rem 0.75rem;
	}

	/* Постоянная ширина под розничную цену — «Опт» начинается на одной вертикали */
	.shop-grid--list .shop-product__price {
		justify-content: flex-start;
		min-width: 5.25rem;
	}

	.shop-related .shop-product__price,
	.shop-related .shop-product__opt {
		flex-wrap: wrap;
		gap: 0.2rem;
		padding-inline: 4px;
	}

	.shop-grid--list .shop-product__actions {
		margin-block-start: 0.3rem;
	}

	.shop-grid--list .shop-product__actions .shop-product__more,
	.shop-grid--list .shop-product__actions .button {
		flex: 1 1 0;
	}

	.shop-grid--list .shop-product__actions .shop-product__cart-stub {
		display: none;
	}

	.dici-gallery {
		grid-template-columns: 1fr;
	}

	.dici-gallery__stage {
		grid-column: 1;
		grid-row: 1;
		width: 60%;
		margin-inline: auto;
	}


	.dici-gallery__thumbs-wrap {
		grid-column: 1;
		grid-row: 2;
	}

	.dici-gallery__thumbs-wrap.has-more .dici-gallery__thumbs-viewport {
		max-height: none;
	}

	.dici-gallery__thumbs-viewport {
		overflow-x: auto;
	}

	.dici-gallery__thumbs {
		flex-direction: row;
		transform: none !important;
	}

	.dici-gallery__thumb {
		flex: 0 0 72px;
	}

	.dici-gallery__nav {
		display: none;
	}

	.woocommerce table.shop_table thead {
		display: none;
	}

	.woocommerce table.shop_table tr {
		display: block;
		margin-block-end: 1rem;
	}

	.woocommerce table.shop_table td {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0.6rem 1rem;
	}

	.woocommerce table.shop_table td::before {
		content: attr(data-title);
		flex-shrink: 0;
		margin-inline-end: 1rem;
		font-weight: var(--semi-bold);
		color: var(--text-secondary, #888);
	}

	.dici-acc-page table.acc-orders thead {
		display: none;
	}

	.dici-acc-page table.acc-orders,
	.dici-acc-page table.acc-orders tbody {
		display: block;
	}

	.dici-acc-page table.acc-orders tbody tr {
		position: relative;
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		gap: 6px 12px;
		margin-block-end: 10px;
		padding: 14px 16px;
		border: 1px solid var(--border-color);
		border-radius: var(--bradius);
	}

	.dici-acc-page .acc-content table.acc-orders tbody td {
		display: block;
		padding: 0;
		border: 0;
	}

	.dici-acc-page .acc-content table.acc-orders td.acc-orders-num {
		grid-area: 1 / 1;
		font-size: 15px;
	}

	.dici-acc-page .acc-orders-num a::after {
		content: "";
		position: absolute;
		inset: 0;
	}

	.dici-acc-page .acc-content table.acc-orders td.acc-orders-state {
		grid-area: 1 / 2;
		text-align: right;
	}

	.dici-acc-page .acc-content table.acc-orders td.acc-orders-date {
		grid-area: 2 / 1;
		color: var(--text-secondary);
	}

	.dici-acc-page .acc-content table.acc-orders td.acc-orders-sum {
		grid-area: 2 / 2;
		text-align: right;
	}

	.dici-acc-page .acc-content table.acc-orders td.acc-orders-more {
		display: none;
	}

	.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details th,
	.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details td {
		padding-inline: 8px;
	}

	.dici-acc-page .woocommerce-order-details .woocommerce-table--order-details tfoot tr:has(.dici-order-total) td {
		font-size: 20px;
	}

	.dici-acc-page .woocommerce-customer-details:not(:has(.col2-set)) {
		max-width: none;
	}

	.dici-acc-page #billing_postcode_field,
	.dici-acc-page #billing_phone_field,
	.dici-acc-page #billing_email_field,
	.dici-acc-page #shipping_postcode_field {
		grid-column: 1 / -1;
	}
	.site-header__account .site-header__icon,
	.site-header__cart .site-header__icon {
		width: 1.4rem;
		height: 1.4rem;
	}
	.dgwt-wcas-ico-magnifier-handler {
		max-width: 16px !important;
	}

	.service-tabs-content .service-tabs-content__item {
		margin-block: 1.2rem;
		padding: 0;
		background-color: var(--white);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
		border-radius: var(--bradius);
		overflow: hidden;
		border-bottom: none;
	}

	.service-tabs-content .service-tabs-content__item .tabs-content__subtitle {
		position: relative;
		display: block;
		margin: 0;
		padding: 1.2rem 4rem 1.2rem 1.2rem;
		font-size: 1.25rem;
		font-weight: var(--semi-bold);
		line-height: 1.35;
		cursor: pointer;
		user-select: none;
	}

	.service-tabs-content .service-tabs-content__item .tabs-content__subtitle::before,
	.service-tabs-content .service-tabs-content__item .tabs-content__subtitle::after {
		content: "";
		position: absolute;
		right: 1rem;
		top: 50%;
		width: var(--spacing);
		height: var(--spacing);
		background-color: var(--accent);
		border-radius: 4px;
		transform: translateY(-50%);
	}

	.service-tabs-content .service-tabs-content__item .tabs-content__subtitle::before {
		background-image: linear-gradient(#fff, #fff);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 1.1rem 2px;
	}

	.service-tabs-content .service-tabs-content__item .tabs-content__subtitle::after {
		background-color: transparent;
		background-image: linear-gradient(#fff, #fff);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 2px 1.1rem;
		transition: opacity var(--animation), transform var(--animation);
		pointer-events: none;
	}

	.service-tabs-content .service-tabs-content__item.is-open .tabs-content__subtitle::after {
		opacity: 0;
		transform: translateY(-50%) rotate(90deg);
	}

	.service-tabs-content .service-tabs-content__item.is-open .tabs-content__subtitle {
		border-bottom: 1px dotted var(--border-color);
	}

	.service-tabs-content .service-tabs-content__item .post-content,
	.service-tabs-content .service-tabs-content__item > .services-category-list__items {
		display: none;
		padding: 1.2rem;
	}

	.service-tabs-content .service-tabs-content__item.is-open .post-content,
	.service-tabs-content .service-tabs-content__item.is-open > .services-category-list__items {
		display: block;
		animation: fadeEffect 0.6s ease;
	}

	.service-tabs-content .service-tabs-content__item.is-open > .services-category-list__items {
		display: grid;
	}
	.service-single__title {
		font-size: 1.6rem;
		width: 100%;
	}
	.service-single__media .service-single__img img {
		max-width: 200px;
		max-height: 200px;
	}
	.cookies-modal {
		bottom: 100px;
	}
	.home__promo {
		grid-template-columns: 1fr;
	}
	.home-icon-tiles {
		margin-top: 0;
	}

	.woocommerce-message,
	.woocommerce-info,
	.woocommerce-error,
	.woocommerce-notice {
		padding-inline: 2.75em 1em;
		font-size: 0.9rem;
	}

	.woocommerce-message::before,
	.woocommerce-info::before,
	.woocommerce-error::before {
		inset-inline-start: 0.85em;
	}

	/* Кнопка рядом с текстом на узкой строке не помещается — своей строкой.
	   ⚠️ Тег в селекторе обязателен: `.woocommerce a.button` весит (0,2,1) */
	.woocommerce-message a.button,
	.woocommerce-info a.button,
	.woocommerce-error a.button,
	.woocommerce-notice a.button,
	.woocommerce-message .button,
	.woocommerce-info .button,
	.woocommerce-error .button,
	.woocommerce-notice .button {
		display: flex;
		float: none;
		box-sizing: border-box;
		width: 100%;
		margin: 0.7rem 0 0;
	}
}