/*
 * Стили каталога magaзина elteco.pro
 *
 * Состав:
 *  - меню каталога в шапке;
 *  - корневая страница /katalog (плитки + дерево);
 *  - страница категории: адаптив под все вьюпорты (мобильный, планшет >=770px, десктоп >=1200px);
 *  - страница бренда /vendor;
 *  - корзина и popup-форма оформления заказа.
 *
 * Файл подключён ко всем страницам через renderHeadBlock().
 */

/**************************************************************************************/
/* Меню каталога в шапке																*/
/**************************************************************************************/

ul.katalog-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.katalog-menu li {
	list-style: none;
	margin: 0 0 4px 0;
	padding: 0;
}

ul.katalog-menu li > a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	line-height: 32px;
	font-size: 14px;
	text-decoration: none;
	color: #333333;
	padding: 5px 20px;
	border-radius: 4px;
}

ul.katalog-menu li > a:hover {
	background: #f0f6ff;
	color: #115cda;
}

ul.katalog-menu li > a .title {
	flex-grow: 1;
}

ul.katalog-menu li > a .arrow-right {
	flex-grow: 0;
	width: 5px;
	height: 5px;
	border-top: solid 2px #999999;
	border-right: solid 2px #999999;
	transform: rotate(45deg);
	margin-right: 2px;
}

ul.katalog-menu li > ul {
	margin: 2px 0 8px 0;
	padding: 0;
	box-shadow: 0 5px 14px rgba(39, 71, 150, 0.10);
}

ul.katalog-menu li > ul li > a {
	line-height: 28px;
	font-size: 13px;
	color: #555555;
	padding-left: 20px;
}

ul.katalog-menu li > ul li > a .arrow-right {
	display: none;
}

/**************************************************************************************/
/* Корневая страница каталога															*/
/**************************************************************************************/

section.katalog-root {
	width: 100%;
	padding: 10px 0 30px 0;
}

section.katalog-root h1 {
	font-size: 26px;
	margin: 10px 0 20px 0;
}

section.katalog-tree {
	margin-top: 30px;
	width: 100%;
}

section.katalog-tree ul {
	columns: 3;
	column-gap: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
}

section.katalog-tree ul li {
	list-style: none;
	margin: 0 0 14px 0;
	padding: 0;
	break-inside: avoid;
}

section.katalog-tree ul > li > a {
	display: inline-block;
	font-weight: 600;
	line-height: 24px;
	color: #333333;
	text-decoration: none;
}

section.katalog-tree ul > li > a:hover {
	color: #115cda;
}

section.katalog-tree ul > li > ul {
	columns: auto;
	margin: 0;
	padding: 0;
}

section.katalog-tree ul > li > ul li {
	margin: 0;
	break-inside: avoid;
}

section.katalog-tree ul > li > ul li a {
	line-height: 21px;
	color: #555555;
	text-decoration: none;
}

section.katalog-tree ul > li > ul li a:hover {
	color: #115cda;
	text-decoration: underline;
}

/**************************************************************************************/
/* Страница бренда																		*/
/**************************************************************************************/

section.vendor-container {
	width: 100%;
	padding: 10px 0 30px 0;
}

section.vendor-container h1 {
	font-size: 26px;
	margin: 10px 0 20px 0;
}

section.vendor-view .category-hint,
section.vendor-container .category-hint {
	color: #707070;
	padding: 20px 0;
}

/**************************************************************************************/
/* Категория: контейнер и фильтры														*/
/* Базовые стили - мобильные (< 770px), далее вьюпорты 770px и 1200px					*/
/**************************************************************************************/

section.category-container {
	min-height: 300px;
	margin: 0 0 30px 0;
}

/* Фильтры: на узких экранах - колонка над списком */
aside.category-filters {
	width: 100%;
	font-size: 14px;
	margin: 0 0 20px 0;
}

aside.category-filters > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

aside.category-filters li.param {
	border: solid 1px #e0e0e0;
	border-radius: 4px;
	margin: 0 0 10px 0;
	padding: 0 10px;
	background: #ffffff;
}

aside.category-filters li.param > span {
	display: inline-block;
	float: left;
	width: 100%;
	font-weight: 600;
	position: relative;
	cursor: pointer;
	padding: 10px 0 5px 0;
}

aside.category-filters li.param > span:after {
	content: "\f078";
	font-family: "FontAwesome";
	display: block;
	position: absolute;
	top: 5px;
	right: -5px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	transition: transform 0.25s;
}

aside.category-filters li.param.collapsed > span:after {
	transform: rotate(180deg);
}

aside .param-values {
	width: 100%;
	max-height: 190px;
	overflow-y: scroll;
	list-style: none;
	margin: 0;
	padding: 0 0 10px 0;
	clear: left;
}

aside.category-filters li.param.collapsed ul.param-values {
	display: none;
}

aside .param-values li {
	position: relative;
	padding: 4px 2px 4px 30px;
	cursor: pointer;
}

aside .param-values li:hover {
	color: #ff0000;
}

aside .param-values li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
	width: 20px;
	height: 20px;
	border: solid 1px #dbdbdb;
	border-radius: 3px;
	background: #ffffff;
}

aside .param-values li:after {
	content: "";
	font-family: "FontAwesome";
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
}

aside .param-values li.checked:after {
	content: "\f00c";
	color: #b0cb1f;
	font-size: 16px;
}

/* Кнопки фильтра */
.but-cat-filter {
	display: inline-block;
	float: left;
	padding: 8px 10px;
	border: solid 1px #b0cb1f;
	cursor: pointer;
	transition: all 0.18s linear;
	border-radius: 23px;
	text-decoration: none;
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 14px;
	text-transform: none;
	line-height: 20px;
}

.but-cat-filter.apply {
	background: #ffffff;
	color: #b0cb1f;
	font-weight: 600;
	font-size: 13px;
	margin: 15px 10px 15px 0;
}

.but-cat-filter.apply:hover {
	background: #b0cb1f;
	color: #ffffff;
}
	.but-cat-filter.apply:active {
		background: #a3bc1c;
		color: #ffffff;
	}

.but-cat-filter.reset {
	background: #b0cb1f;
	color: #ffffff;
	font-weight: 600;
	font-size: 13px;
	margin: 15px 0;
}

.but-cat-filter.reset:hover {
	color: #b0cb1f;
	background: #ffffff;
}
	.but-cat-filter.reset:active {
		color: #ffffff;
		background: #a3bc1c;
		border-color: #a3bc1c;
	}

span.but-cat-filter.show-more {
	display: block;
	margin: 0 auto;
	float: none;
	background: #b0cb1f;
	color: #ffffff;
	border-color: #b0cb1f;
	font-weight: 600;
	cursor: pointer;
}

span.but-cat-filter.show-more:hover {
	background: #ffffff;
	color: #b0cb1f;
}
	span.but-cat-filter.show-more:active {
		background: #a3bc1c;
		border-color: #a3bc1c;
		color: #ffffff;
	}

/* Строка состояния выборки и чипы быстрых фильтров */
.view-and-sort {
	padding: 5px 0;
	border-bottom: solid 1px #e5e5e5;
}

.total-items-count {
	display: inline-block;
	float: left;
	width: 100%;
	line-height: 40px;
}

/* Чипы применённых фильтров - общий формат кнопок категории: пилюля,
   тонкий Ubuntu Light, палитра #b0cb1f (hover #b0cb1fe0, active #a3bc1c) */
.filter-link {
	display: inline-block;
	float: left;
	width: auto;
	height: 28px;
	line-height: 25px;
	margin: 0 10px 10px 0;
	position: relative;
	padding: 0 34px 0 14px;
	background: #ffffff;
	border: solid 1px #b0cb1f;
	border-radius: 14px;
	color: #b0cb1f;
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 13px;
	transition: color .15s, border-color .15s;
}
.filter-link:hover,
.filter-link:active {
	color: #a3bc1c;
	border-color: #a3bc1c;
}

/* Кнопка удаления значения - круглая внутри пилюли */
.filter-link .delete-link-btn {
	display: block;
	position: absolute;
	right: 1px;
	top: 2px;
	width: 21px;
	height: 21px;
	cursor: pointer;
	font-size: 12px;
	line-height: 24px;
}

.filter-link .delete-link-btn:before {
	content: "\f00d";
	font-family: "FontAwesome";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 21px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	background: transparent;
	color: #b0cb1f;
	border-radius: 50%;
	transition: background .15s, color .15s;
}
.filter-link .delete-link-btn:hover:before {
	background: #b0cb1fe0;
	color: #ffffff;
}
.filter-link .delete-link-btn:active:before {
	background: #a3bc1c;
	color: #ffffff;
}

p.category-hint {
	text-align: center;
	color: #707070;
	font-size: 15px;
	margin-bottom: 20px;
}

/**************************************************************************************/
/* Категория: карточка товара в списке													*/
/* Базовая (мобильная) разметка - далее расширяется по вьюпортам						*/
/**************************************************************************************/

.items-wrap.tile {
	width: 100%;
}

.items-wrap.tile .item {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	gap: 12px;
	line-height: 22px;
	font-size: 13px;
	border-top: solid 1px #dbdbdb;
	padding: 12px 0;
	width: 100%;
}

/* Изображение */
.items-wrap.tile .item .item-image {
	width: 110px;
	flex-grow: 0;
	flex-shrink: 0;
	text-align: center;
	position: relative;
	display: flex;
	align-items: center;
}

.items-wrap.tile .item .item-image img {
	max-width: 100%;
	max-height: 110px;
	margin: 0 auto;
}

.items-wrap.tile .item .item-image ul.product-images {
	display: none;
}

/* Описание */
.items-wrap.tile .item .item-desc {
	flex-grow: 1;
	flex-shrink: 1;
	min-width: 0;
	padding-top: 2px;
}

.items-wrap.tile .item .item-desc a {
	font-weight: 600;
	font-size: 14px;
	color: #333333;
	text-decoration: none;
	line-height: 20px;
}

.items-wrap.tile .item .item-desc a:hover {
	color: #115cda;
}

.items-wrap.tile .item .item-desc .item-properties {
	padding: 8px 0;
	color: #707070;
	line-height: 18px;
}

.items-wrap.tile .item .item-desc .favorite-and-compare {
/* на мобильных не показываем, чтобы не мешать списку */
	display: none;
}

/* Рейтинг скрыт на мобильном (нет отзывов - не занимает место) */
.items-wrap.tile .item .item-tools {
	display: none;
}

/* Действия: цена + кнопки */
.items-wrap.tile .item .item-actions {
	flex-grow: 0;
	flex-shrink: 0;
	width: 150px;
	text-align: right;
}

.items-wrap.tile .item .item-actions .item-price {
	line-height: 25px;
	font-size: 18px;
	font-weight: 700;
	white-space: nowrap;
}

.items-wrap.tile .item .item-actions .item-price span:after {
	content: "\f158";
	font-family: "FontAwesome";
	font-size: 16px;
	margin-left: 3px;
}

.items-wrap.tile .item .item-actions .add-to-cart {
	position: relative;
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	background: #b0cb1f;
	border: none;
	cursor: pointer;
	text-transform: none;
	font-size: 12px;
	color: #ffffff;
	padding: 0 5px 0 26px;
	font-weight: 600;
	margin: 8px 0 0 0;
	text-decoration: none;
	text-align: center;
	text-indent: 10px;
}

.items-wrap.tile .item .item-actions .add-to-cart:hover {
	opacity: 0.75;
}
	.items-wrap.tile .item .item-actions .add-to-cart:active {
		background: #a3bc1c;
		color: #ffffff;
	}

.items-wrap.tile .item .item-actions .add-to-cart span:before {
	content: "\f054";
	font-family: "FontAwesome";
	display: block;
	position: absolute;
	left: 8px;
	top: 2px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
}

.items-wrap.tile .item .item-actions .add-to-basket {
	position: relative;
	display: block;
	width: 100%;
	height: 36px;
	line-height: 32px;
	background: #115cda;
	border: solid 2px #115cda;
	cursor: pointer;
	text-transform: none;
	font-size: 12px;
	color: #ffffff;
	font-weight: 600;
	margin: 6px 0 0 0;
	text-decoration: none;
	text-align: center;
	text-indent: 14px;
	white-space: nowrap;
}

.items-wrap.tile .item .item-actions .add-to-basket:hover {
	background: #0e4cb8;
}

.items-wrap.tile .item .item-actions .add-to-basket.added {
	background: #3d9c3d;
	border-color: #3d9c3d;
}

.items-wrap.tile .item .item-actions .add-to-basket span:before {
	content: "\f290";
	font-family: "FontAwesome";
	position: absolute;
	left: 8px;
	top: 2px;
	font-size: 15px;
}

/* Пагинация */
nav.pagination {
	padding: 10px 0 20px 0;
	border-top: solid 1px #dbdbdb;
}

/**************************************************************************************/
/* Категория: планшет и десктоп (>= 770px)												*/
/**************************************************************************************/

@media all and (min-width:770px) {

	/* Контейнер: сайдбар фильтров + список */
	section.category-container {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		gap: 20px;
		min-height: 500px;
	}

	aside.category-filters {
		width: 334px;
		flex-grow: 0;
		flex-shrink: 0;
		margin: 0;
		position: sticky;
		top: 110px;
	}

	section.category-view {
		width: auto;
		flex-grow: 1;
		flex-shrink: 1;
		min-width: 0;
	}

	/* Карточка товара в списке: появляется рейтинг */
	.items-wrap.tile .item {
		gap: 20px;
		font-size: 14px;
		line-height: 25px;
		padding: 10px 0;
	}

	.items-wrap.tile .item .item-image {
		width: 150px;
	}

	.items-wrap.tile .item .item-image img {
		max-height: 150px;
	}

	.items-wrap.tile .item .item-desc a {
		font-size: 16px;
	}

	.items-wrap.tile .item .item-desc .favorite-and-compare {
		display: block;
		padding: 10px 0 0 0;
	}

	.items-wrap.tile .item .item-desc .favorite-and-compare > span {
		position: relative;
		padding-left: 25px;
		cursor: pointer;
		margin-right: 15px;
		display: inline-block;
	}

	.items-wrap.tile .item .item-desc .favorite-and-compare > span:hover {
		color: #ff0000;
	}

	.items-wrap.tile .item .item-desc .favorite-and-compare > span:before {
		content: "\f004";
		font-family: "FontAwesome Regular";
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 25px;
		height: 25px;
		text-align: center;
		line-height: 25px;
		font-size: 16px;
	}

	.items-wrap.tile .item .item-desc .favorite-and-compare > span.compare:before {
		content: "\f0ec";
	}

	.items-wrap.tile .item .item-tools {
		display: block;
		flex-grow: 0;
		flex-shrink: 0;
		width: 120px;
		text-align: left;
		padding-top: 4px;
	}

	.items-wrap.tile .item .item-tools .rate-sum {
		color: #707070;
	}

	.items-wrap.tile .item .item-tools .rate-sum span {
		font-weight: 600;
		color: #333333;
	}

	.items-wrap.tile .item .item-tools .rate-count a {
		border-bottom: dashed 1px #115cda;
	}

	.items-wrap.tile .item .item-tools .rate-count a:hover {
		border-bottom: dashed 1px #ff0000;
	}

	.items-wrap.tile .item .star {
		position: relative;
	}

	.items-wrap.tile .item .star:before {
		content: "\f005";
		font-family: "FontAwesome Regular";
		color: #b6b6b6;
		font-size: 15px;
	}

	.items-wrap.tile .item .star.gold:before {
		font-family: "FontAwesome";
		color: #ffd700;
	}

	/* Действия */
	.items-wrap.tile .item .item-actions {
		width: 200px;
		text-align: center;
	}

	.items-wrap.tile .item .item-actions .item-price {
		font-size: 22px;
	}

	.items-wrap.tile .item .item-actions .item-price span:after {
		font-size: 20px;
		margin-left: 3px;
	}

	.items-wrap.tile .item .item-actions .add-to-cart {
		height: 45px;
		line-height: 45px;
		font-size: 14px;
		margin: 5px 0 0 0;
		text-indent: 12px;
	}

	.items-wrap.tile .item .item-actions .add-to-cart span:before {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 18px;
	}

	.items-wrap.tile .item .item-actions .add-to-basket {
		height: 40px;
		line-height: 36px;
		font-size: 13px;
		margin: 8px 0 0 0;
	}
}

/**************************************************************************************/
/* Категория: широкий десктоп (>= 1200px)												*/
/**************************************************************************************/

@media all and (min-width:1200px) {

	aside.category-filters {
		width: 357px;
		flex-basis: 310px;
		padding: 15px;
		background: #fafafa;
		border: solid 1px #eeeeee;
		border-radius: 6px;
	}

	section.category-view {
		width: auto;
	}

	.items-wrap.tile .item .item-image {
		width: 160px;
	}

	.items-wrap.tile .item .item-image img {
		max-height: 160px;
	}

	.items-wrap.tile .item .item-actions {
		width: 220px;
	}

	.items-wrap.tile .item .item-actions .add-to-cart,
	.items-wrap.tile .item .item-actions .add-to-basket {
		width: 180px;
		margin-left: auto;
		margin-right: auto;
	}

	.items-wrap.tile .item .item-actions .add-to-cart {
		height: 45px;
		font-size: 15px;
	}
}

/**************************************************************************************/
/* Корзина																				*/
/**************************************************************************************/

section.basket-container {
	width: 100%;
	padding: 10px 0 40px 0;
}

section.basket-container h1 {
	font-size: 26px;
	margin: 10px 0 20px 0;
}

section.basket-empty p {
	font-size: 15px;
	color: #555555;
	padding: 20px 0;
}

section.basket-empty a {
	color: #115cda;
}

table.basket {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

table.basket th {
	text-align: left;
	background: #f5f5f5;
	padding: 8px 10px;
	border-bottom: solid 2px #e0e0e0;
	font-size: 13px;
	text-transform: none;
	color: #707070;
}

table.basket td {
	padding: 8px 10px;
	border-bottom: solid 1px #e5e5e5;
	vertical-align: middle;
}

table.basket td.t-image img {
	width: 70px;
	height: 70px;
	object-fit: contain;
}

table.basket td.t-title a {
	color: #333333;
	text-decoration: none;
}

table.basket td.t-title a:hover {
	color: #115cda;
	text-decoration: underline;
}

table.basket td.t-price,
table.basket td.t-sum {
	white-space: nowrap;
}

table.basket td.t-remove {
	text-align: center;
}

table.basket td .remove-item {
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 24px;
	text-align: center;
	font-size: 18px;
	color: #c52d27;
	border: solid 1px #e5c5c5;
	border-radius: 3px;
	cursor: pointer;
}

table.basket td .remove-item:hover {
	background: #fdf2f2;
}

table.basket .amount-counter {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

table.basket .amount-counter input[name="qty"] {
	width: 56px;
	height: 32px;
	text-align: center;
	border: solid 1px #dddddd;
}

table.basket .amount-counter .minus,
table.basket .amount-counter .plus {
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 26px;
	text-align: center;
	border: solid 1px #dddddd;
	border-radius: 3px;
	cursor: pointer;
	user-select: none;
}

table.basket .amount-counter .minus:before { content: "\2212"; font-size: 15px; }
table.basket .amount-counter .plus:before  { content: "+";    font-size: 15px; }

section.basket-summary {
	margin-top: 20px;
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}

section.basket-summary .clear-button {
	color: #c52d27;
	cursor: pointer;
	font-size: 13px;
	text-decoration: underline;
}

section.basket-summary .basket-total {
	flex-grow: 1;
	text-align: right;
	font-size: 15px;
}

section.basket-summary .basket-total b {
	color: #115cda;
}

section.basket-summary .but-place-order {
	display: inline-block;
	background: #115cda;
	color: #ffffff;
	text-transform: none;
	font-weight: 600;
	font-size: 14px;
	line-height: 48px;
	padding: 0 30px;
	text-decoration: none;
	white-space: nowrap;
}

section.basket-summary .but-place-order:hover {
	background: #0e4cb8;
}

/**************************************************************************************/
/* Popup-форма оформления заказа															*/
/**************************************************************************************/

.popup-form.basket-order {
	width: 640px;
	max-width: calc(100vw - 30px);
	font-size: 14px;
}

.popup-form.basket-order .basket-order-items {
	max-height: 220px;
	overflow: auto;
	margin-bottom: 10px;
	border: solid 1px #eeeeee;
}

.popup-form.basket-order table.basket td {
	font-size: 13px;
	padding: 6px 10px;
}

.popup-form.basket-order table.basket tr.total-row td {
	font-weight: 600;
	background: #f5f5f5;
}

.popup-form.basket-order table.basket td.t-qty {
	width: 90px;
	white-space: nowrap;
}

.popup-form.basket-order table.basket td.t-sum {
	width: 120px;
	text-align: right;
	white-space: nowrap;
}

/**************************************************************************************/
/* Узкие экраны (< 560px): компактная карточка в списке									*/
/**************************************************************************************/

@media all and (max-width:559px) {

	section.category-container {
		margin: 0 0 20px 0;
	}

	aside.category-filters {
		margin: 0 0 14px 0;
		font-size: 13px;
	}

	.items-wrap.tile .item {
		flex-wrap: wrap;
		gap: 10px;
		padding: 10px 0;
	}

	.items-wrap.tile .item .item-image {
		width: 90px;
	}

	.items-wrap.tile .item .item-image img {
		max-height: 90px;
	}

	/* Описание занимает вторую строку на всю ширину */
	.items-wrap.tile .item .item-desc {
		flex-grow: 100;
		flex-basis: calc(100% - 100px);
	}

	/* Цена и кнопки - третья строка */
	.items-wrap.tile .item .item-actions {
		width: 100%;
		text-align: left;
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.items-wrap.tile .item .item-actions .item-price {
		flex-grow: 0;
		font-size: 16px;
	}

	.items-wrap.tile .item .item-actions .add-to-cart,
	.items-wrap.tile .item .item-actions .add-to-basket {
		width: auto;
		min-width: 140px;
		flex-grow: 1;
		margin: 0;
	}

	.view-and-sort .total-items-count {
		font-size: 13px;
	}
}

/**************************************************************************************/
/* Тулбар списка категории (в стиле Bitrix) + пагинация								  */
/**************************************************************************************/

.cat-toolbar-first-line {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 14px;
}

.cat-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 14px;
}

.cat-toolbar-box {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.cat-toolbar-box label {
	font-size: 11px;
	color: #707070;
	text-transform: none;
	letter-spacing: 0.4px;
}

.cat-tool-bar-box select,
.cat-toolbar .cat-sort-select,
.cat-toolbar .cat-limit-select {
	border: solid 1px #ffffff;
	border-radius: 17px;
	padding: 5px 12px;
	font-size: 13px;
	background: #f2f4f8cc;
	outline: none;
	font-family: 'Ubuntu Regular';
}
.cat-toolbar .cat-sort-select:focus,
.cat-tool-bar-box .cat-limit-select:focus,
.cat-toolbar .cat-limit-select:focus {
	background: #ffffff;
	border-color: #b0cb1f;
}

.cat-toolbar .cat-dir-btn,
.cat-toolbar .cat-view-btn {
	border: solid 1px #f2f4f8cc;
	border-radius: 17px;
	background: #f2f4f8cc;
	padding: 5px 11px;
	cursor: pointer;
	font-size: 13px;
	color: #2e2f38;
	transition: all 0.18s linear;
}

.cat-toolbar .cat-dir-btn:hover,
.cat-toolbar .cat-view-btn:hover {
	color: #b0cb1f;
	border-color: #b0cb1f;
	background: #ffffff;
}

.cat-toolbar .cat-dir-btn:active,
.cat-toolbar .cat-view-btn:active {
	background: #a3bc1c;
	border-color: #a3bc1c;
	color: #ffffff;
}

.cat-view-switch .cat-view-btn.active {
	background: #b0cb1f;
	color: #ffffff;
	border-color: #b0cb1f;
}

/* Пагинация */
nav.cat-pagination {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 14px 0 6px 0;
	border-top: solid 1px #dbdbdb;
	margin-top: 6px;
}

nav.cat-pagination ul {
	display: flex;
	align-items: center;
	gap: 4px;
	list-style: none;
	margin: 0;
	padding: 0;
}

nav.cat-pagination a {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: #b0cb1f;
	color: #ffffff;
	font-size: 13px;
	font-family: 'Ubuntu Light';
	font-weight: 400;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.18s linear;
	box-sizing: border-box;
}

nav.cat-pagination a:hover {
	background: #b0cb1fe0;
	color: #ffffff;
}

nav.cat-pagination a:active {
	background: #a3bc1c;
	color: #ffffff;
}

nav.cat-pagination a.current {
	background: #a3bc1c;
	color: #ffffff;
}

nav.cat-pagination .cat-page-dots {
	color: #707070;
	padding: 0 4px;
}

nav.cat-pagination .cat-pagination-caption {
	font-size: 12px;
	color: #707070;
	margin-left: auto;
}

/**************************************************************************************/
/* Виды карточек: «Изображения» и «Таблица»											  */
/**************************************************************************************/

.items-wrap.tile { }
.items-wrap.view-image {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 14px;
}
.items-wrap.view-image .item.view-image {
	border: none;
	border-top: none;
	padding: 0;
	display: flex;
	flex-direction: column;
}
.items-wrap.view-image .item-image img {
	width: 100%;
	height: 170px;
	object-fit: contain;
	border: solid 1px #eeeeee;
	border-radius: 4px;
	background: #ffffff;
}
.items-wrap.view-image .item-caption {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 6px 2px;
}
.items-wrap.view-image .item-caption a { font-size: 13px; font-weight: 500; color: #333333; text-decoration: none; line-height: 18px; }
.items-wrap.view-image .item-caption a:hover { color: #115cda; }
.items-wrap.view-image .item-mfr { font-size: 12px; color: #707070; }
.items-wrap.view-image .item-price { font-weight: 700; font-size: 15px; }
.items-wrap.view-image .add-to-cart { background: #b0cb1f; border: none; color: #ffffff; cursor: pointer; font-size: 12px; padding: 6px 10px; border-radius: 3px; text-transform: none; }

/* Таблица */
.items-wrap.view-table .item.view-table {
	display: grid;
	grid-template-columns: 72px minmax(240px, 1fr) 92px 104px 128px 158px;
	gap: 14px;
	align-items: center;
	border-top: solid 1px #dbdbdb;
	padding: 10px 2px;
}
.items-wrap.view-table .item-image-box img { width: 64px; height: 64px; object-fit: contain; border: solid 1px #eeeeee; border-radius: 3px; background: #ffffff; }
.items-wrap.view-table .item-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.items-wrap.view-table .item-title-link { font-size: 14px; font-weight: 700; color: #333333; text-decoration: none; }
.items-wrap.view-table .item-title-link:hover { color: #115cda; }
.items-wrap.view-table .item-code { font-size: 12px; color: #707070; font-family: Consolas, monospace; }
.items-wrap.view-table .item-mfr { font-size: 12px; color: #707070; }
.items-wrap.view-table .item-props { font-size: 12px; color: #4a5a6c; line-height: 17px; }
.items-wrap.view-table .item-props .prop-name { color: #707070; }
.items-wrap.view-table .item-instock { font-size: 12px; color: #3d9b62; }
.items-wrap.view-table .item-price-act { text-align: right; }
.items-wrap.view-table .item-price { font-weight: 700; font-size: 16px; }
.items-wrap.view-table .add-to-cart { background: #b0cb1f; border: none; color: #ffffff; cursor: pointer; font-size: 12px; padding: 6px 12px; border-radius: 3px; text-transform: none; margin-top: 4px; }

/* Мобильные версии тулбара/пагинации/таблицы */
@media all and (max-width:760px) {
	.items-wrap.view-table .item.view-table {
		grid-template-columns: 56px 1fr 90px;
		gap: 8px;
	}
	.items-wrap.view-table .item-props { display: none; }
	.cat-pagination .cat-pagination-caption { font-size: 11px; }
}

/**************************************************************************************/
/* Плавующие кнопки «Применить» и счётчик											  */
/**************************************************************************************/

.cat-filters-aside {
	display: flex;
	flex-direction: column;
	max-height: calc(100vh - 140px);
	position: sticky;
	top: 110px;
}
.cat-filters-aside .filters-scroll {
	flex-grow: 1;
	overflow-y: auto;
	min-height: 120px;
}
.cat-filters-aside .filters-actions {
	flex-grow: 0;
	flex-shrink: 0;
	padding: 12px 10px 4px 10px;
	border-top: solid 2px #eeeeee;
	background: #ffffff;
}
.cat-filters-aside .filters-actions .but-cat-filter { float: none; }

/* «Показать все фильтры» - текстовая кнопка с точечным подчёркиванием */
.cat-filters-more-toggle {
	display: block;
	width: 100%;
	text-align: center;
	font-family: 'Ubuntu Light';
	font-size: 13px;
	color: #2e2f38;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 12px 0 2px;
	margin: 0;
	text-decoration: underline dotted #9aa4b0;
	text-underline-offset: 3px;
	transition: color 0.18s linear;
}
.cat-filters-more-toggle:hover { color: #b0cb1f; }

/* Скрытый блок дополнительных характеристик (param_1..50 без флага int_search) */
.filters-scroll .cat-filters-more {
	list-style: none;
	padding: 0;
	margin: 0;
	background: transparent;
}
.filters-scroll .cat-filters-more-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Единая плавующая группа: «Применить (N)» + «Сбросить» (справа от колонки фильтров);
   скрыта по умолчанию, показывается после первого клика по значению фильтра */
.cat-apply-float-right {
	display: none;
	position: fixed;
	left: 260px;
	z-index: 60;
	background: #ffffff;
	border-radius: 22px;
	padding: 6px 8px;
	box-shadow: 0 6px 16px #00000040;
}
/* Основная кнопка «Применить (N)» - зелёная пилюля */
.cat-apply-float-right .cat-apply-btn {
	background: #b0cb1f;
	color: #ffffff;
	border: none;
	border-radius: 22px;
	padding: 10px 16px;
	cursor: pointer;
	font-size: 13px;
	transition: all 0.18s linear;
}
.cat-apply-float-right .cat-apply-btn:hover { background: #b0cb1fe0; }
.cat-apply-float-right .cat-apply-btn:active { background: #a3bc1c; }

/* «Сбросить» в группе - пилюля-аутлайн (второстепенное действие) */
.cat-apply-float-right .but-cat-filter.reset {
	float: none;
	display: inline-block;
	margin: 0 0 0 6px;
	padding: 9px 16px;
	background: #ffffff;
	border: solid 1px #b0cb1f;
	color: #b0cb1f;
}
.cat-apply-float-right .but-cat-filter.reset:hover {
	background: #b0cb1fe0;
	color: #ffffff;
}
.cat-apply-count { font-weight: 700; }
@media all and (max-width:760px) {
	.cat-apply-float-right { right: 10px; left: auto; }
}

/* База контейнера для вида «Таблица» (строки-карточки идут подряд) */
.items-wrap.view-table { display: block; }
.items-wrap.view-image { display: grid; }

/**************************************************************************************/
/* Кнопки категории: круглая форма иконок + тонкий шрифт как в шапке					  */
/**************************************************************************************/

/* Круглые кнопки-иконки (Порядок / Вид) */
.cat-toolbar .cat-dir-btn,
.cat-toolbar .cat-view-btn {
	width: 34px;
	height: 34px;
	padding: 0;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: "Ubuntu Regular";
	font-weight: 400;
}
.cat-toolbar .cat-dir-btn i,
.cat-tool-bar-box .cat-view-btn i,
.cat-toolbar .cat-view-btn i {
	font-size: 14px;
}

/* Тонкий шрифт кнопок как в шапке (Ubuntu, без капса, обычный вес) */
.but-cat-filter,
.items-wrap.tile .item .item-actions .add-to-cart,
.items-wrap.view-table .item .item-actions .add-to-cart,
.items-wrap.view-image .add-to-cart {
	font-family: "Ubuntu Regular";
	font-weight: 400;
	font-size: 14px;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1;
}

/* Пилюли: высоты по образцу шапки */
.but-cat-filter.apply,
.but-cat-filter.reset,
span.but-cat-filter.show-more {
	border-radius: 23px;
	padding: 10px 24px;
}
.items-wrap.tile .item .item-actions .add-to-cart,
.items-wrap.view-table .item .item-actions .add-to-cart,
.items-wrap.view-image .add-to-cart {
	border-radius: 23px;
	padding: 9px 22px;
	height: auto;
}
.items-wrap.tile .item .item-actions .add-to-cart { line-height: 1.2; }
.items-wrap.view-table .item .item-actions .add-to-cart { line-height: 1.2; }

/* Тулбар-селекты тоже тонкие */
.cat-toolbar .cat-sort-select,
.cat-toolbar .cat-limit-select {
	font-weight: 400;
	color: #2e2f38;
}

/* Базовые стили элементов нетайловых видов (не наследуют правила .items-wrap.tile .item) */
.items-wrap.view-image .item.view-image,
.items-wrap.view-table .item.view-table {
	font-size: 14px;
	line-height: 20px;
	color: #2e2f38;
}
.items-wrap.view-table .item.view-table { border-bottom: solid 1px #dbdbdb; }
.items-wrap.view-image .item.view-image { border-bottom: none; }


/* Иконочный шрифт для глифов кнопок категории */
i.fa:before {
	font-family: FontAwesome;
}



/**************************************************************************************/
/* Тулбар: полные стили групп (выравнивание, высоты, joined «Вид»)					  */
/**************************************************************************************/

.cat-view-and-sort.cat-view-and-sort {
	flex-direction: column;
	align-items: stretch;
	gap: 12px;
}

.cat-toolbar.cat-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: flex-start;
	gap: 16px;
	padding: 10px 14px 12px 14px;
	background: #f8f9fbee;
	border: solid 1px var(--borderCat, #eef0f3);
	border-radius: 10px;
}

.cat-toolbar-box {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 4px;
	min-height: 56px;
}

.cat-toolbar-box > label {
	font-size: 11px;
	font-weight: 400;
	color: #8a94a0;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	line-height: 14px;
}

.cat-toolbar-box .cat-sort-select,
.cat-toolbar-box .cat-limit-select {
	height: 34px;
	line-height: 34px;
	padding: 0 26px 0 12px;
	font-size: 14px;
	color: #2e2f38;
}

.cat-toolbar-box .cat-dir-btn {
	width: 34px;
	height: 34px;
	padding: 0;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.cat-toolbar .cat-view-switch {
	display: inline-flex;
	gap: 4px;
	background: #f2f4f8cc;
	border-radius: 23px;
	padding: 3px;
}

.cat-toolbar .cat-view-btn {
	width: 42px;
	height: 28px;
	border-radius: 20px;
	border: none;
	background: transparent;
	font-size: 14px;
}

.cat-toolbar .cat-view-btn.active {
	background: #b0cb1f;
	box-shadow: 0 1px 3px #00000020;
}

/* Плавующие и в-panel кнопки тоже тонкие */
.cat-float-actions .but-cat-filter,
.cat-apply-float-right {
	font-family: 'Ubuntu Light';
	font-weight: 400;
	text-transform: none;
}


/**************************************************************************************/
/* Виды: «Изображения» и «Таблица» - полные карточные стили							    */
/**************************************************************************************/

.items-wrap.view-image {
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 16px;
}
.items-wrap.view-image .item.view-image {
	display: flex;
	flex-direction: column;
	background: #ffffff;
	border: solid 1px #e8e8e8;
	border-radius: 8px;
	overflow: hidden;
	padding: 0;
	transition: box-shadow 0.18s linear;
}
.items-wrap.view-image .item.view-image:hover {
	box-shadow: 0 6px 18px #00000018;
}
.items-wrap.view-image .item-image-box img {
	display: block;
	width: 100%;
	height: 180px;
	object-fit: contain;
	background: #ffffff;
	border: none;
}
.items-wrap.view-image .item-caption {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 10px 12px 12px 12px;
}
.items-wrap.view-image .item-caption a {
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 14px;
	line-height: 19px;
	color: #2e2f38;
	text-decoration: none;
}
.items-wrap.view-image .item-caption a:hover { color: #b0cb1f; }
.items-wrap.view-image .item-mfr { font-size: 12px; color: #8a94a0; }
.items-wrap.view-image .item-price { font-weight: 700; }
.items-wrap.view-image .item-price,
.items-wrap.view-image .add-to-cart { padding-left: 0; padding-right: 0; }
.items-wrap.view-image .add-to-cart {
	margin-top: 4px;
	background: #b0cb1f;
	color: #ffffff;
	font-size: 13px;
	padding: 8px 16px;
	border-radius: 23px;
	cursor: pointer;
	text-align: center;
	transition: all 0.18s linear;
}

.items-wrap.view-table .item.view-table {
	border: none;
	border-bottom: solid 1px #dbdbdb;
	border-radius: 0;
	padding: 10px 4px;
}
.items-wrap.view-table .item.view-table:hover { background: #f7fafd; }
.items-wrap.view-table .item-title-link {
	font-family: 'Ubuntu Light';
	font-size: 14px;
	font-weight: 700;
	color: #2e2f38;
	text-decoration: none;
}
.items-wrap.view-table .item-title-link:hover { color: #b0cb1f; }
.items-wrap.view-table .item-code,
.items-wrap.view-table .item-mfr { font-family: 'Ubuntu Light'; }
.items-wrap.view-table .item-props,
.items-wrap.view-table .item-instock { font-family: 'Ubuntu Light'; }
.items-wrap.view-table .item-price { font-family: 'Ubuntu Light'; font-weight: 700; font-size: 15px; }
.items-wrap.view-table .item-price-act .add-to-cart {
	background: #ffffff;
	color: #b0cb1f;
	border: solid 1px #b0cb1f;
	border-radius: 23px;
	padding: 6px 16px;
	cursor: pointer;
	text-align: center;
	transition: all 0.18s linear;
	display: inline-block;
}
.items-wrap.view-table .item-price-act .add-to-cart:hover { background: #b0cb1f; color: #ffffff; }
.items-wrap.view-table .item-price-act .add-to-cart:active { background: #a3bc1c; border-color: #a3bc1c; color: #ffffff; }

/* Дублирующая кнопка: позиция у колонки фильтров задаётся JS (left), не у правого края */
.cat-apply-float-right {
	right: auto;
	left: 340px;
}
@media all and (max-width:760px) {
	.cat-apply-float-right { left: 12px; }
}

/**************************************************************************************/
/* Глифы иконок тулбара/пагинации категории (страница не подключает font-awesome.css;  */
/* семейство FontAwesome объявлено в main.css на отслуженном (исправленном) шрифте)	  */
/**************************************************************************************/
.cat-toolbar .fa,
nav.cat-pagination .fa {
	font-family: 'FontAwesome';
}
.cat-dir-btn i.fa-sort-amount-asc:before { content: "\f160"; }
.cat-dir-btn i.fa-sort-amount-desc:before { content: "\f160"; }
.cat-dir-btn[data-dir="DESC"] i { transform: scaleY(-1); }
.cat-view-btn i.fa-th-large:before { content: "\f009"; }
.cat-view-btn i.fa-file-image-o:before { content: "\f1c5"; }
.cat-view-btn i.fa-list:before { content: "\f03a"; }
nav.cat-pagination .fa-chevron-left:before { content: "\f053"; }
nav.cat-pagination .fa-chevron-right:before { content: "\f054"; }

/* Тег <i> браузерно курсивен, а у FontAwesome-шрифта нет наклонных
   начертаний - курсив синтезируется наклоном глифов. Гасим: */
i.fa {
	font-style: normal;
	font-weight: 400;
}

/**************************************************************************************/
/* «Плитки» - настоящая сетка карточек (перекрывает строчные правила миграции)		  */
/**************************************************************************************/

.items-wrap.tile {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(232px, 1fr));
	gap: 16px;
	border-top: none;
}

.items-wrap.tile .item {
	display: flex;
	flex-direction: column;
	gap: 0;
	border: solid 1px #e8e8e8;
	border-top: solid 1px #e8e8e8;
	border-radius: 10px;
	background: #ffffff;
	overflow: hidden;
	position: relative;
	transition: box-shadow 0.18s linear;
	width: auto;
}

.items-wrap.tile .item:hover {
	box-shadow: 0 8px 22px #0000001a;
}

/* Фото сверху на всю ширину карточки */
.items-wrap.tile .item .item-image {
	width: 100%;
	height: auto;
	text-align: center;
	display: block;
	padding: 14px 24px 10px;
	background: #ffffff;
	position: relative;
}

.items-wrap.tile .item .item-image .product-image {
	display: flex;
	align-items: center;
	justify-content: center;
}

.items-wrap.tile .item .item-image img {
	max-width: 100%;
	max-height: 190px;
	margin: 0 auto;
}

.items-wrap.tile .item .item-image ul.product-images {
	display: flex;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	gap: 1px;
	flex-direction: row;
	justify-content: space-between;
}

.items-wrap.tile .item .item-image ul.product-images li {
	height: 4px;
	border-bottom: solid 3px #f0f0f0;
	flex-grow: 1;
	cursor: pointer;
}

.items-wrap.tile .item .item-image ul.product-images li.active {
	border-bottom-color: #115cda;
}

/* Тело карточки */
.items-wrap.tile .item .item-desc {
	width: 100%;
	flex-grow: 1;
	padding: 4px 14px 8px;
}

.items-wrap.tile .item .item-desc a {
	display: block;
	font-size: 14px;
	line-height: 19px;
	color: #2e2f38;
	font-weight: 400;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.items-wrap.tile .item .item-desc a:hover {
	color: #b0cb1f;
}

/* Краткие свойства: не более 4 строк, остальное скрыто */
.items-wrap.tile .item .item-desc .item-properties {
	max-height: 64px;
	overflow: hidden;
	font-size: 12px;
	line-height: 16px;
	color: #8a94a0;
	padding: 6px 0 0;
}

.items-wrap.tile .item .item-desc .favorite-and-compare {
	display: flex;
	padding: 0;
}

.items-wrap.tile .item .item-desc .favorite-and-compare > span {
	float: none;
}

/* Рейтинг в плитке не показываем (шум при 0 отзывов) */
.items-wrap.tile .item .item-tools {
	display: none;
}

/* Нижняя строка карточки: цена слева, кнопка справа */
.items-wrap.tile .item .item-actions {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 14px 12px;
	margin: 0;
	text-align: left;
	background: #ffffff;
}

.items-wrap.tile .item .item-actions .item-price {
	width: auto;
	font-size: 18px;
	font-weight: 700;
	font-family: 'Ubuntu Regular';
}

.items-wrap.tile .item .item-actions .add-to-cart {
	width: auto;
	margin: 0;
	align-self: center;
}

/**************************************************************************************/
/* Финальная полировка																  */
/**************************************************************************************/

/* «В избранное / Сравнить» - в одну строку, компактно */
.items-wrap.tile .item .item-desc .favorite-and-compare {
	gap: 14px;
}
.items-wrap.tile .item .item-desc .favorite-and-compare > span {
	white-space: nowrap;
	padding-left: 20px;
	font-size: 12px;
	line-height: 18px;
}
.items-wrap.tile .item .item-desc .favorite-and-compare > span:before {
	width: 18px;
	font-size: 14px;
	line-height: 18px;
}

/* «Подробнее»: текст не наезжает на стрелку */
.items-wrap.tile .item .item-actions .add-to-cart {
	padding: 9px 18px 9px 34px;
	text-indent: 0;
}
.items-wrap.tile .item .item-actions .add-to-cart span:before {
	left: 12px;
	top: 7px;
	width: 18px;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
}

/* Значок рубля в видах Таблица и Изображения */
.items-wrap.view-table .item-price > span:after,
.items-wrap.view-image .item-price > span:after {
	content: "\f158";
	font-family: 'FontAwesome';
	font-size: 14px;
	margin-left: 4px;
}


/**************************************************************************************/
/* Финал: Ubuntu Light на кнопках фильтра + строки на всю ширину                        */
/**************************************************************************************/

.but-cat-filter.apply,
.but-cat-filter.reset,
span.but-cat-filter.show-more,
.cat-float-actions .but-cat-filter.apply,
.cat-float-actions .but-cat-filter.reset,
button.cat-apply-float-right {
	font-family: 'Ubuntu Light';
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
	font-size: 13px;
}

/* «Показать ещё» - строка во всю ширину */
nav.pagination {
	display: block;
	width: 100%;
	padding: 12px 0;
	box-sizing: border-box;
}
nav.pagination .but-cat-filter.show-more {
	display: block;
	width: 100%;
	float: none;
	text-align: center;
	box-sizing: border-box;
}

/* Пагинация - во всю ширину */
nav.cat-pagination {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	align-items: center;
	box-sizing: border-box;
}
nav.cat-pagination ul { flex-grow: 0; }
nav.cat-pagination .cat-pagination-caption { margin-left: auto; }

/* «Показать ещё» и пагинация растягиваются на все колонки сетки списка */
.items-wrap.tile nav.pagination,
.items-wrap.tile nav.cat-pagination,
.items-wrap.view-table nav.pagination,
.items-wrap.view-table nav.cat-pagination,
.items-wrap.view-image nav.pagination,
.items-wrap.view-image nav.cat-pagination {
	grid-column: 1 / -1;
	width: 100%;
}


/**************************************************************************************/
/* Таблица: ячейки остатков, цена, счётчик и «В корзину»                                */
/**************************************************************************************/

.items-wrap.view-table .cell-stock {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
	text-align: center;
}
.items-wrap.view-table .cell-stock .stock-num {
	font-family: 'Ubuntu Light';
	font-size: 16px;
	color: #2e2f38;
}
.items-wrap.view-table .cell-stock .stock-num .none { color: #b6b6b6; }
.items-wrap.view-table .cell-stock .stock-note {
	font-family: 'Ubuntu Light';
	font-size: 11px;
	color: #8a94a0;
}

/* Сроки под прочерком (отсутствие остатка) - оттенок красного */
.items-wrap.view-table .cell-stock .stock-note.none,
.items-wrap.view-table .cell-stock .stock-note[data-none="1"] {
	color: #c9403c;
}

.items-wrap.view-table .item-price-cell { text-align: right; }
.items-wrap.view-table .item-price {
	font-family: 'Ubuntu Light';
	font-weight: 700;
	font-size: 16px;
	white-space: nowrap;
}
.items-wrap.view-table .item-price > span:after {
	content: "\f158";
	font-family: 'FontAwesome';
	font-size: 14px;
	margin-left: 4px;
}

/* Счётчик количества + кнопка корзины */
.items-wrap.view-table .cell-cart {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 7px;
}
.items-wrap.view-table .qty-picker {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	background: #f2f4f8cc;
	border-radius: 17px;
	padding: 2px;
}
.items-wrap.view-table .qty-picker .qty-btn {
	width: 26px;
	height: 26px;
	line-height: 24px;
	border: none;
	border-radius: 50%;
	background: #ffffff;
	color: #2e2f38;
	font-size: 14px;
	cursor: pointer;
	padding: 0;
	box-shadow: 0 1px 2px #00000018;
	font-family: 'Ubuntu Regular';
}
.items-wrap.view-table .qty-picker .qty-btn:active { background: #a3bc1c; color: #ffffff; }
.items-wrap.view-table .qty-picker .qty-value {
	width: 34px;
	height: 26px;
	text-align: center;
	font-size: 13px;
	color: #2e2f38;
	background: transparent;
	border: none;
	padding: 0;
	outline: none;
}
.items-wrap.view-table .cat-add-to-basket {

	border: none;
	border-radius: 23px;
	color: #ffffff;
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 13px;
	padding: 8px 20px;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;
	transition: all 0.18s linear;
	text-indent: 14px;
}
.items-wrap.view-table .cat-add-to-basket:before {
	content: "\f291";
	font-family: 'FontAwesome';
	margin-left: -14px;
	margin-right: 6px;
}

/* Заголовок над остатками (Производитель: / ИК «Элтеко»:) */
.items-wrap.view-table .cell-stock .stock-head {
	font-family: 'Ubuntu Light';
	font-size: 12px;
	color: #8a94a0;
}

/* Заголовок таблицы (только вид «Таблица») */
.items-wrap.view-table .cat-table-head {
	display: grid;
	grid-template-columns: 72px minmax(240px, 1fr) 92px 104px 128px 158px;
	gap: 14px;
	align-items: center;
	text-align: center;
	padding: 6px 4px 8px;
	border-bottom: solid 2px #dbdbdb;
	font-family: 'Ubuntu Light';
	font-size: 12px;
	color: #8a94a0;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}
@media all and (max-width:760px) {
	.items-wrap.view-table .cat-table-head { display: none; }
}

/* body главной несёт font-weight:600 (наследуется) - тонкие подписи и кнопки фиксируем явно */
.items-wrap.view-table .cell-stock .stock-note {
	font-weight: 400 !important;
}
.items-wrap.view-table .cell-stock .stock-note.none,
.items-wrap.view-table .cell-stock .stock-note.none::first-line {
	color: #c9403c !important;
	font-weight: 400 !important;
}
.items-wrap.view-table .cell-stock .stock-num,
.items-wrap.view-table .item-props,
.items-wrap.view-table .stock-head {
	font-weight: 400 !important;
}
.but-cat-filter.apply,
.but-cat-filter.reset,
span.but-cat-filter.show-more,
button.cat-apply-float-right,
.cat-float-actions .but-cat-filter {
	font-family: 'Ubuntu Light' !important;
	font-weight: 400 !important;
}

/* Полоса мелких действий под свойствами в таблице (11px, иконки FA) */
.items-wrap.view-table .item-props-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 14px;
	align-items: center;
	margin: 3px 0 0;
	opacity: 0;
	transition: opacity 0.2s linear;
}
.items-wrap.view-table .item:hover .item-props-actions { opacity: 1; }
.items-wrap.view-table .item-props-actions .ipa-item {
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 11px;
	color: #707070;
	text-decoration: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	white-space: nowrap;
	transition: color 0.15s linear;
}
.items-wrap.view-table .item-props-actions .ipa-item:hover,
.items-wrap.view-table .item-props-actions .ipa-item:active { color: #b0cb1f; }
.items-wrap.view-table .item-props-actions .fa {
	font-family: 'FontAwesome';
	font-size: 11px;
}
/* Глифы иконок полосы */
.items-wrap.view-table .item-props-actions .fa-plug:before { content: "\f1e6"; }
.items-wrap.view-table .item-props-actions .fa-heart:before { content: "\f004"; }
.items-wrap.view-table .item-props-actions .fa-balance-scale:before { content: "\f24e"; }
.items-wrap.view-table .item-props-actions .fa-clone:before { content: "\f24d"; }
.items-wrap.view-table .item-props-actions .fa-info-circle:before { content: "\f05a"; }

/* Полоса действий (активное избранное - красное сердце) */
.items-wrap.view-table .item-props-actions .ipa-item.active,
.items-wrap.view-table .item-props-actions .ipa-item.active .fa {
	color: #e25458;
	opacity: 1;
}

/* Модальное окно сравнения (заглушка) */
.cat-modal-overlay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #00000080;
	z-index: 200;
}
.cat-modal {
	position: absolute;
	left: 50%;
	top: 160px;
	transform: translateX(-50%);
	width: 520px;
	max-width: calc(100vw - 32px);
	background: #ffffff;
	border-radius: 8px;
	box-shadow: 0 12px 48px #00000060;
	padding: 20px 24px 24px;
}
.cat-modal-title {
	margin: 0 0 12px;
	font-family: 'Ubuntu Regular';
	font-size: 18px;
	color: #2e2f38;
}
.cat-modal-content {
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 13px;
	color: #707070;
	line-height: 20px;
	min-height: 60px;
}
.cat-modal-close {
	position: absolute;
	right: 12px;
	top: 8px;
	cursor: pointer;
	color: #8a94a0;
	font-size: 16px;
	transition: color 0.15s linear;
}
.cat-modal-close:hover { color: #b0cb1f; }
.cat-modal-close .fa {
	font-family: 'FontAwesome';
	font-weight: 400;
}
.cat-modal-close .fa-times:before { content: "\f00d"; }

/* Полноэкранное окно «Каталог» (кнопка в шапке): обычное .cat-modal,
   только на весь экран, без скруглений; содержимое - сетка категорий
   по образцу div.catalog-page */
.site-catalog-full {
	left: 0;
	top: 0;
	transform: none;
	width: 100%;
	height: 100%;
	max-width: none;
	border-radius: 0;
	padding: 24px 40px 40px;
	overflow-y: auto;
}
.site-catalog-full .cat-modal-close {
	position: fixed;
	right: 24px;
	top: 20px;
	color: #45474f;
	z-index: 5;
}
.site-catalog-full .cat-modal-close:hover { color: #b0cb1f; }
.site-catalog-full .cat-modal-title {
	font-size: 24px;
	margin: 0 0 20px;
}
.site-catalog-full .catalog-page {
	max-width: 1280px;
	margin: 0 auto;
}
.catalog-page-wrap {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 28px 40px;
	align-items: start;
}
.catalog-page-wrap .catalog-column-title {
	display: block;
	font-family: 'Ubuntu Regular';
	font-size: 15px;
	font-weight: 600;
	color: #2e2f38;
	text-decoration: none;
	padding-bottom: 8px;
	border-bottom: solid 2px #dbdbdb;
}
.catalog-page-wrap .catalog-column-title:hover { color: #274796; }
.catalog-page-wrap ul.catalog-column-list {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
}
.catalog-page-wrap ul.catalog-column-list li a {
	display: block;
	font-size: 13px;
	color: #555555;
	text-decoration: none;
	padding: 4px 0;
	line-height: 18px;
	transition: color 0.15s linear;
}
.catalog-page-wrap ul.catalog-column-list li a:hover { color: #b0cb1f; }

/* Строки с отметками (в корзине / в избранном / в сравнении) - полоса действий видна сразу */
.items-wrap.view-table .item.marked .item-props-actions { opacity: 1; }

/* Ярлык «В корзине: X шт.» - жирный */
.items-wrap.view-table .item-props-actions .ipa-basket {
	font-weight: 700;
}

/* Кнопка «Сравнить» (товар уже добавлен в сравнение) */
.items-wrap.view-table .item-props-actions .ipa-item.compare-added,
.items-wrap.view-table .item-props-actions .ipa-item.compare-added .fa,
.items-wrap.view-table .item-props-actions .ipa-item.compare-added:hover,
.items-wrap.view-table .item-props-actions .ipa-item.compare-added:active {
	color: #b0cb1f;
	opacity: 1;
}

/* Список товаров в модальном окне сравнения */
.cat-modal-list {
	max-height: 60vh;
	overflow-y: auto;
	padding: 4px 0;
}
/* Модальное окно сравнения - широкое, по содержимому таблицы */
.cat-modal-compare {
	width: auto;
	min-width: 640px;
	max-width: calc(100vw - 40px);
}

/* Показать только отличия */
.cmp-diff-bar { padding: 2px 0 12px; }
.cmp-diff-toggle {
	display: inline-block;
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 13px;
	color: #b0cb1f;
	background: #ffffff;
	border: solid 1px #b0cb1f;
	border-radius: 23px;
	padding: 6px 16px;
	cursor: pointer;
	transition: all 0.18s linear;
}
.cmp-diff-toggle:hover { background: #b0cb1fe0; color: #ffffff; }
.cmp-diff-toggle.active { background: #b0cb1f; color: #ffffff; }

/* Таблица сравнения (flex): строки - характеристики, колонки - товары */
.cmp-table { width: 100%; }
.cmp-flex-row {
	display: flex;
	align-items: stretch;
	border-bottom: solid 1px #eeeeee;
}
.cmp-flex-row:last-child { border-bottom: none; }
.cmp-rowhead {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 150px;
	display: flex;
	align-items: center;
	padding: 8px 6px;
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 12px;
	color: #8a94a0;
}
.cmp-cell {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0;
	min-width: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 13px;
	color: #2e2f38;
	padding: 8px 10px;
	line-height: 17px;
	white-space: pre-line;
}
/* Строка изображений: 250x250, кнопка удаления в правом верхнем углу ячейки */
.cmp-img-row { border-bottom: solid 1px #eeeeee; }
.cmp-img-cell {
	position: relative;
	flex-grow: 0;
	max-width: 262px;
}
.cmp-img-cell img {
	width: 250px;
	height: 250px;
	object-fit: contain;
	display: block;
}
.cmp-img-cell .cmp-remove {
	position: absolute;
	right: 6px;
	top: 6px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 50%;
	background: #ffffff;
	box-shadow: 0 1px 4px #00000030;
	font-size: 14px;
}
.cmp-img-cell .cmp-remove:hover {
	background: #c9403c;
	color: #ffffff;
}
/* Наименование - ссылка на товар */
.cmp-title {
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 13px;
	color: #2e2f38;
	text-decoration: none;
	text-align: center;
	transition: color 0.15s linear;
}
.cmp-title:hover { color: #b0cb1f; }
.cmp-remove {
	cursor: pointer;
	color: #8a94a0;
	font-size: 14px;
	flex-grow: 0;
	transition: color 0.15s linear;
}
.cmp-remove:hover { color: #c9403c; }
.cmp-remove .fa {
	font-family: 'FontAwesome';
	font-weight: 400;
}
.cmp-remove .fa-times:before { content: "\f00d"; }
.cmp-placeholder {
	font-family: 'Ubuntu Light';
	font-size: 12px;
	color: #8a94a0;
	padding: 16px 0;
}

/* Ярлык «В корзине: X шт.» - оранжевый как шапко-кнопка «Корзина» (#ffa500), жирный */
.items-wrap.view-table .item-props-actions .ipa-basket {
	color: #ffa500;
	font-weight: 700;
	cursor: pointer;
}

/* Личный кабинет: раскладка «меню слева + содержимое» (как колонка фильтров) */
.lk {
	background: #f8f9fb;
	padding: 24px 0 40px;
	min-height: 62vh;
}
.lk-layout {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}
.lk-menu {
	flex-grow: 0;
	flex-shrink: 0;
	width: 300px;
	background: #ffffff;
	border-radius: 6px;
	box-shadow: 0 2px 10px #00000010;
	padding: 14px 18px;
	box-sizing: border-box;
}
.lk-greeting {
	font-family: 'Ubuntu Regular';
	font-weight: 600;
	font-size: 15px;
	color: #2e2f38;
	padding: 6px 0 12px;
	margin: 0;
	border-bottom: solid 2px #eeeeee;
}
.lk-menu-item {
	display: block;
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 14px;
	color: #2e2f38;
	padding: 9px 8px;
	margin: 2px -8px;
	border-radius: 4px;
	text-decoration: none;
	cursor: pointer;
	transition: color 0.15s linear, background 0.15s linear;
}
.lk-menu-item:hover { color: #b0cb1f; }
.lk-menu-item.current { color: #b0cb1f; font-family: 'Ubuntu Regular'; }
.lk-menu-item.lk-logout { color: #c9403c; font-size: 13px; margin-top: 10px; border-top: solid 2px #eeeeee; padding-top: 12px; border-radius: 0; }
.lk-menu-item.lk-logout:hover { color: #a3231f; }
.lk-content {
	flex-grow: 1;
	background: #ffffff;
	border-radius: 6px;
	box-shadow: 0 2px 10px #00000010;
	padding: 20px 24px 24px;
	box-sizing: border-box;
	min-width: 0;
}
.lk-title {
	font-family: 'Ubuntu Regular';
	font-weight: 600;
	font-size: 20px;
	color: #2e2f38;
	margin: 0 0 16px;
}

/* Форма профиля */
.lk-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px; max-width: 720px; }
.lk-field { display: flex; flex-direction: column; gap: 4px; font-family: 'Ubuntu Light'; font-size: 12px; color: #8a94a0; }
.lk-field em { font-style: normal; color: #b8c0ca; }
.lk-field input, .lk-field select {
	font-family: 'Ubuntu Light';
	font-size: 14px;
	color: #2e2f38;
	padding: 7px 10px;
	border: solid 1px #dbdbdb;
	border-radius: 4px;
	background: #ffffff;
	outline: none;
}
.lk-field input:focus, .lk-field select:focus { border-color: #b0cb1f; }

.lk-form-note { display: none; font-family: 'Ubuntu Light'; font-size: 13px; color: #3d9b62; margin: 8px 0 0; }

/* Таблица корзины (та же сетка, что в категории, + Кол-во и Сумма) */
.lk-content .items-wrap.view-table .cat-table-head {
	grid-template-columns: 72px minmax(240px, 1fr) 92px 104px 118px 108px 110px;
}
.lk-content .items-wrap.view-table .item.view-table {
	grid-template-columns: 72px minmax(240px, 1fr) 92px 104px 118px 108px 110px;
}
.lk-content .items-wrap.view-table .cell-mfr { font-family: 'Ubuntu Light'; font-size: 13px; color: #4a5a6c; text-align: center; }
.lk-content .items-wrap.view-table .cell-price { font-family: 'Ubuntu Light'; font-size: 15px; font-weight: 700; color: #2e2f38; text-align: right; }
.lk-content .items-wrap.view-table .cell-qty { text-align: center; }
.lk-content .items-wrap.view-table .cell-sum { font-family: 'Ubuntu Light'; font-size: 15px; font-weight: 700; color: #2e2f38; text-align: right; }
.basket-total-line {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 22px;
	padding: 14px 4px 0;
}
.basket-total { font-family: 'Ubuntu Light'; font-size: 16px; color: #2e2f38; margin: 0; }
.basket-total b { font-weight: 700; }
.basket-order-btn { background: #b0cb1f; color: #ffffff; border: none; border-radius: 23px; padding: 10px 26px; cursor: pointer; font-family: 'Ubuntu Light'; font-weight: 400; font-size: 13px; transition: background 0.18s linear; }
.basket-order-btn:hover { background: #b0cb1fe0; }
.basket-order-btn:disabled { opacity: 0.6; cursor: default; }
.basket-order-done {
	font-family: 'Ubuntu Regular';
	font-weight: 600;
	font-size: 18px;
	color: #3d9b62;
	padding: 24px 0 8px;
	text-align: center;
}
.basket-empty { font-family: 'Ubuntu Light'; font-size: 14px; color: #707070; }
.basket-empty a { color: #b0cb1f; text-decoration: none; }
.basket-empty a:hover { text-decoration: underline; }

/* Выпадающее меню «Личный кабинет» в шапке */
.lk-header-menu {
	position: absolute;
	z-index: 190;
	background: #ffffff;
	border-radius: 6px;
	box-shadow: 0 8px 30px #00000040;
	padding: 8px 0;
	min-width: 200px;
}
.lk-header-menu a, .lk-header-menu .lk-header-logout {
	display: block;
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 13px;
	color: #2e2f38;
	text-decoration: none;
	padding: 9px 18px;
	cursor: pointer;
	transition: color 0.15s linear, background 0.15s linear;
}
.lk-header-menu a:hover { color: #b0cb1f; }
.lk-header-menu .lk-header-logout { color: #c9403c; border-top: solid 1px #eeeeee; margin-top: 4px; }
.lk-header-menu .lk-header-logout:hover { color: #a3231f; }
@media all and (max-width:760px) {
	.lk-layout { flex-direction: column; }
	.lk-menu { width: 100%; }
	.lk-fields { grid-template-columns: 1fr; }
}

/* Авторизация на /personal (гость): карточка с табами Вход/Регистрация */
.lk-auth {
	max-width: 520px;
	margin: 6px auto 0;
	background: #ffffff;
	border-radius: 8px;
	box-shadow: 0 2px 14px #00000014;
	padding: 26px 30px 30px;
	box-sizing: border-box;
}
.lk-auth-tabs {
	display: flex;
	gap: 10px;
	margin: 0 0 20px;
}
.lk-auth-tab {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0;
	text-align: center;
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 14px;
	color: #2e2f38;
	padding: 10px 12px;
	background: #f2f4f8;
	border-radius: 23px;
	cursor: pointer;
	transition: color 0.18s linear, background 0.18s linear;
}
.lk-auth-tab:hover { color: #b0cb1f; }
.lk-auth-tab.current {
	background: #b0cb1f;
	color: #ffffff;
	font-family: 'Ubuntu Regular';
}
.lk-auth-tab.current:hover { color: #ffffff; }

.lk-auth-form {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 0;
}
.lk-auth-form .lk-field input { width: 100%; box-sizing: border-box; }
.lk-auth-form .lk-field input[type="password"] { letter-spacing: 1px; }
.lk-btn-apply {
	background: #b0cb1f;
	color: #ffffff;
	border: none;
	border-radius: 23px;
	padding: 10px 26px;
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 13px;
	cursor: pointer;
	transition: background 0.18s linear;
}
.lk-btn-apply:hover { background: #b0cb1fe0; }
.lk-btn-apply:disabled { opacity: 0.6; cursor: default; }
.lk-profile-form .lk-btn-apply { margin-top: 14px; }
.lk-auth-form .lk-form-note { margin: 0; }

/* Раздел «Заказы» ЛК */
.order-card {
	border: solid 1px #eeeeee;
	border-radius: 6px;
	margin: 0 0 14px;
	overflow: hidden;
}
.order-head {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 10px 14px;
	background: #f8f9fb;
	border-bottom: solid 1px #eeeeee;
	font-family: 'Ubuntu Light';
	font-size: 13px;
	color: #707070;
}
.order-number { font-family: 'Ubuntu Regular'; font-weight: 700; font-size: 14px; color: #2e2f38; }
.order-status {
	font-size: 12px;
	padding: 3px 10px;
	border-radius: 12px;
	border: solid 1px currentColor;
}
.order-status.color-blue   { color: #2f7ff0; }
.order-status.color-teal   { color: #2aa7a0; }
.order-status.color-orange { color: #ffa500; }
.order-status.color-purple { color: #8b5cf6; }
.order-status.color-green  { color: #3d9b62; }
.order-status.color-red    { color: #c9403c; }
.order-total { margin-left: auto; font-weight: 700; color: #2e2f38; font-size: 14px; }
.order-items { padding: 0 14px 8px; }
.order-item-row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 0;
	border-bottom: solid 1px #f1f3f7;
	font-family: 'Ubuntu Light';
	font-size: 13px;
	line-height: 17px;
}
.order-item-row:last-child { border-bottom: none; }
.order-item-row img { width: 44px; height: 44px; object-fit: contain; flex-grow: 0; flex-shrink: 0; }
.order-item-row a { text-decoration: none; color: #2e2f38; transition: color 0.15s linear; }
.order-item-row a:hover { color: #b0cb1f; }
.order-item-title { flex-grow: 1; min-width: 0; }
.order-item-qty { flex-grow: 0; color: #4a5a6c; white-space: nowrap; }
.order-item-sum { flex-grow: 0; font-weight: 700; color: #2e2f38; white-space: nowrap; }
@media all and (max-width:760px) {
	.order-head { flex-wrap: wrap; gap: 8px; }
}

/* Вкладки-панели карточек (AdminEditor) */
form.admin-editor .admin-tab { display: none; padding: 14px 0 2px; }
form.admin-editor .admin-tabs li.active { background: #ffffff; color: #b0cb1f; }

/* Быстрые ссылки категории: оранжевые пилюли под строкой «Всего отобранных позиций…» */
.cat-quick-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 10px;
	padding: 6px 0 14px;
}
.cat-quick-link {
	background: #ffa500;
	color: #ffffff;
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 13px;
	text-decoration: none;
	padding: 8px 18px;
	border-radius: 23px;
	transition: background 0.18s linear, transform 0.18s linear;
}
.cat-quick-link:hover { background: #ffa500d8; color: #ffffff; }
.cat-quick-link:active { background: #e89000; }

/* Список избранных товаров в модальном окне */
.cat-modal-favorites { width: 640px; max-width: calc(100vw - 32px); }
.fav-row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 0;
	border-bottom: solid 1px #eeeeee;
	font-family: 'Ubuntu Light';
	font-size: 13px;
}
.fav-row:last-child { border-bottom: none; }
.fav-row img { width: 56px; height: 56px; object-fit: contain; }
.fav-row a { text-decoration: none; color: #2e2f38; }
.fav-row a:hover .fav-title { color: #b0cb1f; }
.fav-title { flex-grow: 1; line-height: 18px; }
.fav-price { font-weight: 700; white-space: nowrap; color: #2e2f38; }
.fav-remove {
	flex-grow: 0;
	cursor: pointer;
	color: #c9403c;
	font-size: 15px;
	padding: 4px 6px;
	transition: color 0.15s linear;
}
.fav-remove:hover { color: #8d2320; }
.fav-remove .fa { font-family: 'FontAwesome'; font-weight: 400; }

/* Знак рубля в корзине личного кабинета: Цена / Сумма строки / Итог */
.lk-content .items-wrap.view-table .cell-price > span:after,
.lk-content .items-wrap.view-table .cell-sum > span:last-child:after,
.lk-content .basket-total .basket-total-amount + span:after {
	content: "\f158";
	font-family: 'FontAwesome';
	font-size: 13px;
	margin-left: 4px;
	color: #2e2f38;
}

/* Категория: заголовок h1 над списком */
.cat-title {
	font-family: 'Ubuntu Regular';
	font-weight: 600;
	font-size: 20px;
	color: #2e2f38;
	margin: 4px 0 12px;
	padding: 0;
}
/* Отступ плиток подкатегорий внутри категории */
.cat-folders { padding: 4px 0 18px; }

/* Корневая страница каталога */
.catalog-root-title {
	font-family: 'Ubuntu Regular';
	font-weight: 600;
	font-size: 22px;
	color: #2e2f38;
	margin: 6px 0 18px;
}
.catalog-group { margin: 0 0 22px; }
.catalog-group-title { margin: 0 0 8px; font-family: 'Ubuntu Regular'; font-weight: 600; font-size: 17px; }
.catalog-group-title a { color: #2e2f38; text-decoration: none; }
.catalog-group-title a:hover { color: #b0cb1f; }
.catalog-subcats { display: flex; flex-direction: column; gap: 8px; }
.catalog-subcat {
	display: flex;
	align-items: center;
	gap: 14px;
	background: #ffffff;
	border: solid 1px #eceef2;
	border-radius: 8px;
	padding: 8px 14px 8px 8px;
}
.catalog-subcat-image { flex-grow: 0; flex-shrink: 0; width: 64px; height: 64px; }
.catalog-subcat-image img { width: 100%; height: 100%; object-fit: contain; }
.catalog-subcat-title {
	flex-grow: 0;
	font-family: 'Ubuntu Regular';
	font-weight: 600;
	font-size: 14px;
	color: #2e2f38;
	text-decoration: none;
	white-space: nowrap;
}
.catalog-subcat-title:hover { color: #b0cb1f; }
.catalog-subcat-series {
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 8px;
	margin-left: auto;
	justify-content: flex-end;
}
.catalog-subcat-series-link {
	background: #f2f4f8;
	color: #2e2f38;
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 12px;
	text-decoration: none;
	padding: 5px 12px;
	border-radius: 14px;
	transition: all 0.18s linear;
	white-space: nowrap;
}
.catalog-subcat-series-link:hover { background: #b0cb1f; color: #ffffff; }
@media all and (max-width:760px) {
	.catalog-subcat { flex-wrap: wrap; }
	.catalog-subcat-series { justify-content: flex-start; margin-left: 0; }
}

/* Плитки (папки): серая тень подписи - белый текст не читается на светлых фото */
.folders .folder-title,
.cat-folders .folder-title {
	text-shadow: 1px 1px 2px rgba(84, 96, 108, 0.9), 0 0 6px rgba(84, 96, 108, 0.5);
}

/* Страница товара: блок цены над «В корзину» (вставляет personal-kit.js) */
.product-price { margin: 0 0 10px; }
.product-price-value {
	font-family: 'Ubuntu Regular';
	font-weight: 700;
	font-size: 24px;
	color: #2e2f38;
	white-space: nowrap;
}
.product-price-value > span:after {
	content: "\f158";
	font-family: 'FontAwesome';
	font-size: 20px;
	margin-left: 5px;
	color: #2e2f38;
}
.product-price-note {
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 12px;
	color: #8a94a0;
	margin: 6px 0 0;
}

/* Модальное окно «Наличие» (страница товара): flex-таблица складов */
.cat-modal-availability { width: 640px; max-width: calc(100vw - 32px); }
.cat-modal-availability .cat-modal-title { max-width: 540px; line-height: 22px; }
.avail-table { display: flex; flex-direction: column; border-top: solid 1px #eeeeee; }
.avail-row {
	display: flex;
	padding: 9px 0;
	border-bottom: solid 1px #f1f3f7;
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
}
.avail-row:last-child { border-bottom: none; }
.avail-row.avail-head { font-family: 'Ubuntu Regular'; font-weight: 600; }
.avail-cell-label {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 190px;
	color: #8a94a0;
	padding-right: 12px;
}
.avail-cell { flex-grow: 1; color: #2e2f38; min-width: 0; }
.avail-row.avail-head .avail-cell { color: #2e2f38; }
.avail-cell.avail-empty { color: #b6bec8; }
@media all and (max-width:760px) {
	.avail-cell-label { flex-basis: 120px; }
}

/* «Наличие»: равные колонки данных, центрирование всех строк */
.avail-table .avail-cell-label { flex: 0 0 280px; }
.avail-table .avail-cell {
	flex: 0 0 calc((100% - 280px) / 2);
	text-align: center;
}
@media all and (max-width:760px) {
	.avail-table .avail-cell-label { flex: 0 0 150px; }
	.avail-table .avail-cell { flex: 0 0 calc((100% - 150px) / 2); font-size: 12px; }
}

/* «Наличие»: настоящая таблица; цвет текста всех ячеек #333333;
   только горизонтальные границы (верх и низ строк, без вертикалей) */
table.avail-table {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
	border-top: solid 1px #eeeeee;
}
table.avail-table tr { border-bottom: solid 1px #eeeeee; }
table.avail-table td {
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #333333;
	padding: 9px 8px;
	vertical-align: middle;
}
table.avail-table td.avail-cell-label {
	width: 280px;
	text-align: left;
}
table.avail-table td.avail-cell { width: calc((100% - 280px) / 2); text-align: center; }
table.avail-table tr.avail-head td { font-family: 'Ubuntu Regular'; font-weight: 600; }
table.avail-table td.avail-empty { color: #333333; }
/* flex-стили прежней разкладки больше не актуальны */
table.avail-table .avail-cell-label,
table.avail-table .avail-cell { flex: none; }
@media all and (max-width:760px) {
	table.avail-table td.avail-cell-label { width: 150px; }
	table.avail-table td.avail-cell { width: calc((100% - 150px) / 2); font-size: 12px; }
}

/* Название параметра фильтра: единица измерения в скобках - серым */
.cat-filters-aside li.param > span .param-unit {
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 12px;
	color: #8a94a0;
}

/* Корзина ЛК: адрес доставки + «Вставить из профиля» */
.basket-address {
	clear: left;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 14px 0 12px;
	border-bottom: 1px solid var(--adm-border, #eee);
	margin-bottom: 15px;
}
.basket-address-row {
	display: flex;
	align-items: center;
	gap: 15px;
}
.basket-address-label { display: flex; align-items: center; gap: 12px; flex-grow: 1; font-family: "Ubuntu Light"; font-size: 13px; color: #2e2f38; }
.basket-address-label > span { flex-grow: 0; white-space: nowrap; color: #8a94a0; font-size: 12px; min-width: 100px; text-align: right; }
.basket-address-label input {
	flex-grow: 1;
	box-sizing: border-box;
	font-family: "Ubuntu Light";
	font-weight: 400;
	font-size: 14px;
	color: #333333;
	padding: 8px 12px;
	border: solid 1px var(--adm-border, #ccd4dd);
	border-radius: 4px;
	outline: none;
}
.basket-address-paste {
	align-self: flex-end;
	font-family: "Ubuntu Light";
	font-weight: 400;
	font-size: 12px;
	color: #b0cb1f;
	text-decoration: underline dotted #b0cb1f66;
	text-underline-offset: 3px;
	cursor: pointer;
	white-space: nowrap;
	transition: color 0.15s linear;
}
.basket-address-paste:hover { color: #a3bc1c; }
.basket-address-paste .fa { font-family: 'FontAwesome'; margin-right: 3px; }
.basket-address-paste .fa:before { content: "\f0ea"; }

/* Подтверждение учётной записи: баннер в ЛК (профиль/корзина) + страница подтверждения */
.lk-confirm-banner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 10px;
	background: #fff7e6;
	border: 1px solid #ffa500;
	border-radius: 6px;
	padding: 12px 16px;
	margin: 0 0 16px;
	font-family: 'Ubuntu Light';
	font-size: 13px;
	line-height: 20px;
	color: #6b5300;
}
.lk-confirm-banner .fa { font-family: 'FontAwesome'; color: #ffa500; margin-right: 6px; font-size: 15px; }
.lk-confirm-banner .fa:before { content: "\f0e0"; }
.lk-confirm-banner b { font-family: 'Ubuntu Regular'; }
.lk-confirm-note { color: #a3bc1c; font-family: 'Ubuntu Regular'; }
.lk-confirm-resend {
	color: #3d9b62;
	background: #eef7ea;
	border: 1px solid #b0cb1f;
	border-radius: 14px;
	padding: 4px 14px;
	font-family: 'Ubuntu Regular';
	font-size: 12px;
	cursor: pointer;
	white-space: nowrap;
	transition: background 0.15s linear;
}
.lk-confirm-resend:hover { background: #ddefc6; }
.lk-confirm-resend .fa { font-family: 'FontAwesome'; color: #3d9b62; margin-right: 5px; font-size: 12px; }
.lk-confirm-resend .fa:before { content: "\f01e"; }
.basket-order-btn.locked { opacity: 0.5; cursor: default; }
.lk-confirm-page { padding: 32px 0 48px; }
.lk-confirm-card {
	max-width: 560px;
	margin: 0 auto;
	background: #ffffff;
	border-radius: 8px;
	box-shadow: 0 8px 30px #00000018;
	padding: 36px 40px 32px;
	text-align: center;
}
.lk-confirm-card .fa { font-family: 'FontAwesome'; font-size: 44px; margin-bottom: 14px; }
.lk-confirm-card .fa-check-circle:before { content: "\f058"; }
.lk-confirm-card .fa-envelope-open:before { content: "\f2b6"; }
.lk-confirm-card .fa-exclamation-triangle:before { content: "\f071"; }
.lk-confirm-card .fa.fa-check-circle { color: #3d9b62; }
.lk-confirm-card .fa.fa-envelope-open { color: #a3bc1c; }
.lk-confirm-card .fa.fa-exclamation-triangle { color: #ffa500; }
.lk-confirm-title { font-family: 'Ubuntu Regular'; font-weight: 600; font-size: 22px; color: #2e2f38; margin: 0 0 12px; }
.lk-confirm-text { font-family: 'Ubuntu Light'; font-size: 14px; line-height: 22px; color: #707070; margin: 0 0 22px; }
.lk-confirm-btn {
	display: inline-block;
	background: #b0cb1f;
	color: #ffffff;
	text-decoration: none;
	font-family: 'Ubuntu Light';
	font-size: 14px;
	padding: 11px 30px;
	border-radius: 23px;
	transition: background 0.18s linear;
}
.lk-confirm-btn:hover { background: #b0cb1fe0; }

/* Раздел «Заказы» ЛК: панель над списком и пагинация */
.lk-content .lk-orders-panel { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; margin: -6px 0 14px; }
.lk-content .lk-orders-limit { display: flex; align-items: center; gap: 8px; font-family: 'Ubuntu Light'; font-size: 13px; color: #707070; }
.lk-content .lk-orders-limit select { font-family: 'Ubuntu Light'; font-size: 13px; color: #2e2f38; padding: 5px 6px; border: 1px solid #d4d9e0; border-radius: 4px; background: #ffffff; cursor: pointer; }
.lk-content .lk-orders-completed { display: inline-flex; align-items: center; gap: 8px; font-family: 'Ubuntu Light'; font-size: 13px; color: #2e2f38; text-decoration: none; border: 1px solid #d4d9e0; border-radius: 18px; padding: 6px 14px; transition: border 0.15s linear, background 0.15s linear; }
.lk-content .lk-orders-completed:hover { border-color: #b0cb1f; }
.lk-content .lk-orders-switch { display: inline-block; width: 26px; height: 14px; border-radius: 8px; background: #d4d9e0; position: relative; transition: background 0.15s linear; }
.lk-content .lk-orders-switch:before { content: ""; position: absolute; top: 2px; left: 2px; width: 10px; height: 10px; border-radius: 50%; background: #ffffff; transition: left 0.15s linear; }
.lk-content .lk-orders-completed.active { background: #f5faea; border-color: #b0cb1f; color: #3d7a3a; font-family: 'Ubuntu Regular'; }
.lk-content .lk-orders-completed.active .lk-content .lk-orders-switch { background: #b0cb1f; }
.lk-content .lk-orders-completed.active .lk-content .lk-orders-switch:before { left: 14px; }
.lk-content .lk-orders-paginator { clear: both; width: 100%; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 18px 0 6px; }
.lk-content .lk-orders-page, .lk-content .lk-orders-gap { font-family: 'Ubuntu Light'; font-size: 13px; color: #2e2f38; }
.lk-content .lk-orders-page { min-width: 30px; height: 30px; line-height: 28px; text-align: center; border: 1px solid #d4d9e0; border-radius: 15px; text-decoration: none; padding: 0 10px; transition: border 0.15s linear, background 0.15s linear; }
.lk-content .lk-orders-page:hover { border-color: #b0cb1f; }
.lk-content .lk-orders-page.current { background: #b0cb1f; border-color: #b0cb1f; color: #ffffff; font-family: 'Ubuntu Regular'; }
.lk-content .lk-orders-gap { padding: 0 4px; color: #b0b8c0; }
.lk-content .lk-orders-info { font-family: 'Ubuntu Light'; font-size: 12px; color: #8a94a0; margin-left: 12px; }

/* Модальное окно «Состав заказа» (ЛК): таблица как в форме редактирования заказа */
.lk-content .lk-order-items-btn { display: inline-flex; align-items: center; gap: 6px; font-family: 'Ubuntu Regular'; font-size: 12px; color: #3d9b62; background: #eef7ea; border: 1px solid #b0cb1f; border-radius: 14px; padding: 5px 14px; cursor: pointer; white-space: nowrap; transition: background 0.15s linear; }
.lk-content .lk-order-items-btn:hover { background: #ddefc6; }
.lk-content .lk-order-items-btn .fa { font-family: 'FontAwesome'; font-size: 13px; }
.lk-content .lk-order-items-btn .fa:before { content: "\f0ce"; }
.lk-content .cat-modal-orders { width: 980px; top: 60px; padding: 20px 24px 20px; }
.lk-content .lk-order-items-table { width: 100%; border-collapse: collapse; font-family: 'Ubuntu Light'; font-size: 12px; line-height: 18px; color: #333333; }
.lk-content .lk-order-items-table th { background: #f2f4f8; border: 1px solid #e3e8ee; padding: 7px 8px; font-family: 'Ubuntu Regular'; font-weight: 600; font-size: 11px; text-transform: uppercase; letter-spacing: 0.3px; color: #555555; }
.lk-content .lk-order-items-table td { border: 1px solid #e3e8ee; padding: 6px 8px; vertical-align: top; }
.lk-content .lk-order-items-table tbody tr.odd { background: #f7f9f2; }
.lk-content .lk-order-items-table tbody tr:hover { background: #f4f7fd; }
.lk-content .lk-order-items-table .num { width: 34px; }
.lk-content .lk-order-items-table th.num, .lk-content .lk-order-items-table td.num { text-align: center; }
.lk-content .lk-order-items-table .code { width: 90px; }
.lk-content .lk-order-items-table .price { width: 90px; }
.lk-content .lk-order-items-table .qty { width: 80px; }
.lk-content .lk-order-items-table .sum { width: 100px; }
.lk-content .lk-order-items-table th.price, .lk-content .lk-order-items-table td.price, .lk-content .lk-order-items-table th.sum, .lk-content .lk-order-items-table td.sum, .lk-content .lk-order-items-table th.qty, .lk-content .lk-order-items-table td.qty { text-align: right; white-space: nowrap; }
.lk-content .lk-order-items-table .ship { width: 110px; }
.lk-content .lk-order-items-table .comment { width: 220px; }
.lk-content .lk-order-items-table td a { color: #1a3d7c; text-decoration: none; }
.lk-content .lk-order-items-table td a:hover { text-decoration: underline; }
.lk-content .lk-order-items-table td.grey, .lk-content .lk-order-items-table .grey { color: #8a94a0; }
.lk-content .lk-order-items-table .ta-c { text-align: center; }
.lk-content .lk-order-items-table .ta-r { text-align: right; }
.lk-content .lk-order-items-table .fw600 { font-family: 'Ubuntu Regular'; font-weight: 600; }
.lk-order-items-note { font-family: 'Ubuntu Light'; font-size: 11px; color: #8a94a0; margin-top: 8px; }


/**************************************************************************************/
/* Вид «Изображение»: контент карточки (паритет с таблицей: полоса действий,           */
/* остатки, цена со значком рубля, счётчик количества и «В корзину»)                   */
/**************************************************************************************/

/* Полоса мелких действий (появляется при наведении; у отмеченных карточек - сразу) */
.items-wrap.view-image .item-props-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 12px;
	align-items: center;
	margin: 0;
	opacity: 0;
	transition: opacity 0.2s linear;
}
.items-wrap.view-image .item:hover .item-props-actions,
.items-wrap.view-image .item.marked .item-props-actions { opacity: 1; }
.items-wrap.view-image .item-props-actions .ipa-item {
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 11px;
	color: #707070;
	text-decoration: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	white-space: nowrap;
	transition: color 0.15s linear;
}
.items-wrap.view-image .item-props-actions .ipa-item:hover,
.items-wrap.view-image .item-props-actions .ipa-item:active { color: #b0cb1f; }
.items-wrap.view-image .item-props-actions .fa {
	font-family: 'FontAwesome';
	font-size: 11px;
}
/* Активное состояние (избранное) и «Сравнить» после добавления */
.items-wrap.view-image .item-props-actions .ipa-item.active,
.items-wrap.view-image .item-props-actions .ipa-item.active .fa { color: #e25458; opacity: 1; }
.items-wrap.view-image .item-props-actions .ipa-item.compare-added,
.items-wrap.view-image .item-props-actions .ipa-item.compare-added .fa,
.items-wrap.view-image .item-props-actions .ipa-item.compare-added:hover,
.items-wrap.view-image .item-props-actions .ipa-item.compare-added:active { color: #b0cb1f; opacity: 1; }
/* Ярлык «В корзине: X шт.» - оранжевый (#ffa500), жирный */
.items-wrap.view-image .item-props-actions .ipa-basket {
	color: #ffa500;
	font-weight: 700;
	cursor: pointer;
}

/* Свойства строки: краткие характеристики под наименованием */
.items-wrap.view-image .item-props {
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 12px;
	color: #4a5a6c;
	line-height: 17px;
}

/* Остатки склада (как в таблице, но слева) */
.items-wrap.view-image .cell-stock {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 3px;
	text-align: left;
}
.items-wrap.view-image .cell-stock .stock-num {
	font-family: 'Ubuntu Light';
	font-weight: 700;
	font-size: 15px;
	color: #2e2f38;
}
.items-wrap.view-image .cell-stock .stock-note {
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 11px;
	color: #8a94a0;
}
.items-wrap.view-image .cell-stock .stock-note.none { color: #c9403c; }

/* Цена (значок рубля задан общим правилом выше) */
.items-wrap.view-image .item-price {
	font-family: 'Ubuntu Light';
	font-weight: 700;
	font-size: 16px;
	color: #2e2f38;
	white-space: nowrap;
}

/* Счётчик количества + «В корзину»: как в таблице, но в строку */
.items-wrap.view-image .cell-cart {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;
}
.items-wrap.view-image .qty-picker {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	background: #f2f4f8cc;
	border-radius: 17px;
	padding: 2px;
}
.items-wrap.view-image .qty-picker .qty-btn {
	width: 26px;
	height: 26px;
	line-height: 24px;
	border: none;
	border-radius: 50%;
	background: #ffffff;
	color: #2e2f38;
	font-size: 14px;
	cursor: pointer;
	padding: 0;
	box-shadow: 0 1px 2px #00000018;
	font-family: 'Ubuntu Regular';
}
.items-wrap.view-image .qty-picker .qty-btn:active { background: #a3bc1c; color: #ffffff; }
.items-wrap.view-image .qty-picker .qty-value {
	width: 34px;
	height: 26px;
	text-align: center;
	font-size: 13px;
	color: #2e2f38;
	background: transparent;
	border: none;
	padding: 0;
	outline: none;
}
.items-wrap.view-image .cat-add-to-basket {
	border: none;
	border-radius: 23px;
	color: #ffffff;
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 13px;
	padding: 8px 20px;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;
	transition: all 0.18s linear;
	text-indent: 14px;
}
.items-wrap.view-image .cat-add-to-basket:before {
	content: "\f291";
	font-family: 'FontAwesome';
	margin-left: -14px;
	margin-right: 6px;
}

/* Убираем прежний конфликтный селектор «Подробнее» (кнопка add-to-cart в новом виде не выводится) */

/* Вид «Изображение»: правки макета (на вид «Таблица» не влияют):
   отступ блока фото, ширина карточек +20%, остаток одной строкой с
   «На складе:» и единицей измерения, цена по центру +20% шрифта,
   действия (избранное/сравнение) прижаты к низу после «В корзину» */
.items-wrap.view-image { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.items-wrap.view-image .item-image-box { display: block; padding: 10px 0; }
.items-wrap.view-image .item-caption .item-props-actions { margin-top: auto; }
.items-wrap.view-image .item-caption { padding-bottom: 12px; }
/* Остаток: «На складе: 21 шт. - забрать сегодня» - одной строкой */
.items-wrap.view-image .cell-stock {
	flex-direction: row;
	align-items: baseline;
	gap: 2px;
	white-space: nowrap;
}
.items-wrap.view-image .cell-stock .stock-head,
.items-wrap.view-image .cell-stock .stock-unit {
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 11px;
	color: #8a94a0;
}
.items-wrap.view-image .cell-stock .stock-note { white-space: nowrap; }
/* Цена: по центру, шрифт +20% (16px -> 19px) */
.items-wrap.view-image .item-price {
	text-align: center;
	font-size: 19px;
}
/* Счётчик и «В корзину» - строго на одной строке */
.items-wrap.view-image .cell-cart {
	flex-wrap: nowrap;
	justify-content: center;
}

/* Вид «Изображение»: строки остатка и действий - flex в две колонки;
   наименование и свойства - максимум 3 строки, при наведении раскрываются;
   цена - отступ 5px сверху/снизу (вид «Таблица» не затронут) */
.items-wrap.view-image .cell-stock {
	justify-content: space-between;
	gap: 6px;
}
.items-wrap.view-image .cell-stock .stock-left {
	display: inline-flex;
	align-items: baseline;
	gap: 2px;
	white-space: nowrap;
	min-width: 0;
}
.items-wrap.view-image .cell-stock .stock-note { white-space: nowrap; }
.items-wrap.view-image .item-caption .item-props-actions {
	justify-content: space-between;
	gap: 6px;
}
/* Наименование: максимум 3 строки, при наведении - во всю высоту */
.items-wrap.view-image .item-title-link,
.items-wrap.view-image .item-props {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.items-wrap.view-image .item.view-image:hover .item-title-link,
.items-wrap.view-image .item.view-image:hover .item-props {
	-webkit-line-clamp: 99;
	overflow: visible;
}
/* Цена: отступ по вертикали */
.items-wrap.view-image .item-price { margin: 5px 0; }

/* Вид «Изображение»: ярлык «В корзине: X шт.» - отдельной строкой ниже всех,
   по центру (виден без наведения; в таблице ярлык остаётся в строке действий) */
.items-wrap.view-image .ipa-basket {
	display: block;
	text-align: center;
	white-space: nowrap;
}
.items-wrap.view-image .cell-stock .stock-num { margin: 0 8px; }

/* Вид «Изображение» - строка наличия: зелёная (#b0cb1f), если товар есть на складе;
   красная (#c9403c), если нет (под заказ) */
.items-wrap.view-image .cell-stock { color: #b0cb1f; }
.items-wrap.view-image .cell-stock .stock-note.none,
.items-wrap.view-image .item[data-inbasket] .cell-stock .stock-note.none { color: #c9403c; }

/* Вид «Изображение» - строка наличия целиком: зелёная #b0cb1f, если товар есть;
   красная #c9403c (класс stock-empty), если нет */
.items-wrap.view-image .cell-stock .stock-head,
.items-wrap.view-image .cell-stock .stock-num,
.items-wrap.view-image .cell-stock .stock-unit,
.items-wrap.view-image .cell-stock .stock-note { color: #b0cb1f; }
.items-wrap.view-image .cell-stock.stock-empty .stock-head,
.items-wrap.view-image .cell-stock.stock-empty .stock-num,
.items-wrap.view-image .cell-stock.stock-empty .stock-unit,
.items-wrap.view-image .cell-stock.stock-empty .stock-note { color: #c9403c; }

/* Вид «Изображение»: span.stock-num - инверсия (badge): фон зелёный, текст белый;
   при пустом остатке (stock-empty) - фон красный */
.items-wrap.view-image .cell-stock .stock-num {
	padding: 0 4px;
	border-radius: 3px;
}
.items-wrap.view-image .cell-stock.stock-empty .stock-num {
	background: #c9403c;
	color: #ffffff;
}

/* Вид «Изображение»: ярлык «В корзине: X шт.» - отдельная строка: полные стили
   (раньше часть правил былы заякорены на полосу действий .item-props-actions) */
.items-wrap.view-image .ipa-basket {
	color: #ffa500;
	font-weight: 700;
	cursor: pointer;
	font-family: 'Ubuntu Light';
	font-size: 12px;
	line-height: 18px;
}

/* Вид «Изображение»: нижняя группа карточки прижата к низу; если есть ярлык
   «В корзине», он открывает группу (margin-top: auto), а действия - самой
   последней строкой с небольшим отступом */
.items-wrap.view-image .item-caption .ipa-basket { margin-top: auto; }
.items-wrap.view-image .item-caption .ipa-basket ~ .item-props-actions { margin-top: 6px; }

/* Вид «Изображение»: подпись растягивается по высоте карточки -
   нижняя группа (ярлык «В корзине» + действия) реально прижимается к низу */
.items-wrap.view-image .item-caption { flex-grow: 1; }

/* Вид «Изображение»: ярлык «В корзине: X шт.» - с подчёркиванием, при наведении - без него */
.items-wrap.view-image .ipa-basket { text-decoration: underline; text-underline-offset: 2px; }
.items-wrap.view-image .ipa-basket:hover { text-decoration: none; }

/* Вид «Изображение»: строка действий (В избранное | В сравнение) -
   без зазора, колонки по центру */
.items-wrap.view-image .item-caption .item-props-actions {
	justify-content: center;
	gap: 0;
}

/* Вид «Изображение»: колонки действий - по центру с равными промежутками
   (space-evenly: слева/между/справа одинаковый воздух, без слипания) */
.items-wrap.view-image .item-caption .item-props-actions {
	justify-content: space-evenly;
}

/* Вид «Изображение»: кнопка «В корзину» - оранжевая #ffa500 (hover - прозразчик,
   active/added - тёмный оранжевый) */

/* Быстрые ссылки категории: зелёные пилюли (были оранжевые) */
.cat-quick-link { background: #b0cb1f; }
.cat-quick-link:hover { background: #b0cb1fe0; color: #ffffff; }
.cat-quick-link:active { background: #a3bc1c; }

/* Параметрический фильтр: прилипание ближе к верху (было top: 110px -
   слишком большой отступ сверху при прокрутке) */
.cat-filters-aside { top: 12px; max-height: calc(100vh - 24px); }

/* Параметрический фильтр: перебивка по специфичности (0,2,1) правила
   aside.category-filters (0,1,1) из @media (min-width:770px) */
aside.category-filters.cat-filters-aside { top: 12px; max-height: calc(100vh - 24px); }

/* Вид «Изображение» - строка остатка (в наличии): цвет #707070 (был зелёный);
   пустой остаток остаётся красным #c9403c */
.items-wrap.view-image .cell-stock:not(.stock-empty) .stock-head,
.items-wrap.view-image .cell-stock:not(.stock-empty) .stock-unit,
.items-wrap.view-image .cell-stock:not(.stock-empty) .stock-note { color: #707070; }

/* Таблица: кнопка «В корзину» - оранжевая #ffa500 (hover-прозрачность,
   active/added - тёмный оранжевый) */

/* Таблица: ярлык «В корзине: X шт.» - под кнопкой корзины (в cell-cart), по центру */
.items-wrap.view-table .cell-cart .ipa-basket {
	color: #ffa500;
	font-weight: 700;
	cursor: pointer;
	font-family: 'Ubuntu Light';
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.items-wrap.view-table .cell-cart .ipa-basket:hover { text-decoration: none; }

/* Чип применённого фильтра: крестик удаления ближе к углу */
.filter-link .delete-link-btn { right: 3px; top: 3px; }
.items-wrap.view-image .item-title-link { font-weight: 600; }
.items-wrap.view-image .item-caption a.item-title-link { font-weight: 600; }

/* Таблица: рейтинг под ценой - звёзды как на стартовой странице
   (контур FontAwesome Regular, заливка FontAwesome gold) */
.items-wrap.view-table .item-rating {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 2px;
	margin-top: 4px;
}
.items-wrap.view-table .item-rating .stars { display: inline-flex; gap: 2px; }
.items-wrap.view-table .item-rating .star {
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
}
.items-wrap.view-table .item-rating .star:before {
	content: "\f005";
	font-family: "FontAwesome Regular";
	display: block;
	left: 0;
	top: 0;
	width: 12px;
	height: 12px;
	line-height: 12px;
	text-align: center;
	font-size: 11px;
	color: #b6b6b6;
}
.items-wrap.view-table .item-rating .star.gold:before {
	font-family: "FontAwesome";
	color: #ffd700;
}
/* «Отзывов: N» -> модальное окно отзывов о товаре */
.items-wrap.view-table .item-rating .item-reviews-link {
	font-family: 'Ubuntu Light';
	font-weight: 400;
	font-size: 11px;
	color: #707070;
	cursor: pointer;
	text-decoration: underline dotted;
	text-underline-offset: 2px;
	transition: color 0.15s linear;
}

/* Модальное окно отзывов о товаре (пока с заглушкой под заголовком) */
.cat-modal-reviews { width: 720px; max-width: calc(100vw - 32px); top: 120px; }

/* Цветовые схемы списка (cookie catScheme; переключатель - в тулбаре категории) */
.items-wrap.scheme-blue { --cat-accent: #274796; --cat-accent-hover: #274796e0; --cat-accent-active: #1e3772; --cat-accent-soft: #274796aa; }
.items-wrap.scheme-green { --cat-accent: #b0cb1f; --cat-accent-hover: #b0cb1fe0; --cat-accent-active: #a3bc1c; --cat-accent-soft: #b0cb1faa; }
.items-wrap.scheme-orange { --cat-accent: #ffa500; --cat-accent-hover: #ffa500e0; --cat-accent-active: #e08c00; --cat-accent-soft: #ffa500aa; }
.items-wrap { --cat-accent: #274796; --cat-accent-hover: #274796e0; --cat-accent-active: #1e3772; --cat-accent-soft: #274796aa; }

/* Кнопки «В корзину» ( оба вида) */
.items-wrap .cat-add-to-basket { background: var(--cat-accent, #274796); }
.items-wrap .cat-add-to-basket:hover { background: var(--cat-accent-hover, #274796e0); }
.items-wrap .cat-add-to-basket:active,
.items-wrap .cat-add-to-basket.added { background: var(--cat-accent-active, #1e3772); }

/* Бейдж остатка (вид «Изображение»); пустой остаток всегда красный */
.items-wrap.view-image .cell-stock .stock-num { background: var(--cat-accent, #274796); color: #ffffff; }
.items-wrap.view-image .cell-stock.stock-empty .stock-num { background: #c9403c; color: #ffffff; }

/* Ярлык «В корзине: X шт.» (оба вида) */
.items-wrap.view-image .ipa-basket,
.items-wrap.view-table .cell-cart .ipa-basket {
	color: var(--cat-accent, #274796);
	text-decoration-color: var(--cat-accent-soft, #274796aa);
}
.items-wrap .item-rating .item-reviews-link:hover { color: var(--cat-accent, #274796); }

/* Переключатель схемы в тулбаре: свотчи цветов */
.cat-toolbar .cat-scheme-switch { display: inline-flex; gap: 4px; background: #f2f4f8cc; border-radius: 17px; padding: 3px; }
.cat-toolbar .cat-scheme-btn { width: 22px; height: 22px; border-radius: 50%; border: 2px solid transparent; cursor: pointer; padding: 0; box-sizing: border-box; transition: box-shadow 0.15s linear; }
.cat-toolbar .cat-scheme-btn[data-scheme="green"] { background: #b0cb1f; }
.cat-toolbar .cat-scheme-btn[data-scheme="blue"] { background: #274796; }
.cat-toolbar .cat-scheme-btn[data-scheme="orange"] { background: #ffa500; }
.cat-toolbar .cat-scheme-btn.active { border-color: #ffffff; box-shadow: 0 0 0 2px #8a94a0; }

/* Вид «Изображение»: строка цены - цена по центру, рейтинг звёздами справа (без «Отзывов: N») */
.items-wrap.view-image .item-price {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.items-wrap.view-image .item-price .item-stars {
	display: inline-flex;
	gap: 2px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.items-wrap.view-image .item-stars .star {
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
}
.items-wrap.view-image .item-stars .star:before {
	content: "\f005";
	font-family: "FontAwesome Regular";
	display: block;
	left: 0;
	top: 0;
	width: 12px;
	height: 12px;
	line-height: 12px;
	text-align: center;
	font-size: 11px;
	color: #b6b6b6;
}
.items-wrap.view-image .item-stars .star.gold:before {
	font-family: "FontAwesome";
	color: #ffd700;
}

/* Вид «Изображение»: строка цены - цена и рейтинг звёздами как две колонки
   с равными промежутками (как строки favorite/compare) */
.items-wrap.view-image .item-price {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}
.items-wrap.view-image .item-price .item-stars {
	position: static;
	transform: none;
}
/* Убрать дублирующийся знак рубля у блока звёзд (глиф задан правилом span:after) */
.items-wrap.view-image .item-price > span.item-stars:after { content: none; }
.items-wrap.view-image .item-price .item-price-value { white-space: nowrap; font-size: 16px; font-weight: 600; }
/* Знак рубля у цены (глиф теперь вложен в .item-price-value) */
.items-wrap.view-image .item-price .item-price-value > span:after {
	content: "\f158";
	font-family: 'FontAwesome';
	font-size: 14px;
	margin-left: 4px;
}
/* Внешний span.item-price-value без глифа (иначе дубль с вложенным) */
.items-wrap.view-image .item-price > span.item-price-value:after { content: none; }