/**
 * КосмаМед — обновлённая цветовая схема.
 * Белый фон контента, читаемый текст, медицинский бирюзовый акцент.
 * Подключается после colors.css и перекрывает старую жёлто-сиреневую палитру.
 */
:root {
	--km-primary: #0e7490;
	--km-primary-dark: #155e75;
	--km-primary-light: #ecfeff;
	--km-accent: #0891b2;
	--km-text: #1e293b;
	--km-text-secondary: #475569;
	--km-text-muted: #64748b;
	--km-border: #e2e8f0;
	--km-surface: #ffffff;
	--km-surface-alt: #f8fafc;
	--km-page-bg: #f1f5f9;
}

/* === Базовая типографика и фон страницы === */
body {
	color: var(--km-text-secondary) !important;
	/* background-color и паттерн — в template_styles.css, не перебиваем */
}

a:link,
a:visited {
	color: var(--km-primary);
}

a:hover {
	color: var(--km-accent);
}

/* === Шапка — фон на самом header, без ::before (псевдоэлемент уезжал на 1100px и перекрывал контент) === */
.center.outer,
#for-quick-view-header.center.outer {
	box-shadow: none !important;
}

/* .center.outer — block вместо table, ширина из template_styles (1234 / 1500) */
@media (min-width: 1014px) {
	.center.outer,
	#for-quick-view-header.center.outer {
		display: block !important;
		margin-left: auto !important;
		margin-right: auto !important;
		box-sizing: border-box;
	}
}

@media (min-width: 788px) {
header,
header.fixed {
	background: var(--km-surface) !important;
	border-bottom: none !important;
	box-sizing: border-box !important;
	min-height: 64px !important;
	height: 64px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

header .center,
header .center.inner {
	background: transparent !important;
}

header.fixed.fixed_f {
	background: var(--km-surface) !important;
}

header.fixed.fixed_f .center.inner {
	background: transparent !important;
	border-bottom: none !important;
	box-shadow: none !important;
}

/* Шапка — table-layout как в template_styles (header_1…header_5 = table-cell) */
header .center,
header .center.inner {
	display: table !important;
	table-layout: auto;
	height: 64px !important;
	min-height: 64px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	box-sizing: border-box;
}

header.fixed:not(.fixed_f),
header.fixed:not(.fixed_f) .center {
	height: 64px !important;
	min-height: 64px !important;
}
}

/* Плавающая шапка при скролле — на 24px ниже штатной (58 вместо 82) */
@media (min-width: 1014px) {
	header.fixed.fixed_f {
		height: 58px !important;
		min-height: 58px !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	header.fixed.fixed_f .center,
	header.fixed.fixed_f .center.inner {
		margin-left: auto !important;
		margin-right: auto !important;
		height: 58px !important;
		min-height: 58px !important;
	}
}

/* Скролл: липкая шапка — компенсация потока; крошки в обычном потоке (без sticky) */
@media (min-width: 1013px) {
	header.fixed.fixed_f {
		top: var(--km-admin-offset, 0px);
	}

	.page-wrapper:has(> header.fixed.fixed_f),
	body.km-header-stuck .page-wrapper {
		padding-top: 58px;
	}

}

/* Отступ только когда шапка position:fixed (<1013px). На десктопе header position:unset — иначе полоса паттерна над шапкой */
.body {
	margin-top: 58px !important;
}

@media (min-width: 1013px) {
	.body {
		margin-top: 0 !important;
	}
}

@media (min-width: 788px) and (max-width: 1012px) {
	.body {
		margin-top: 120px !important;
	}
}

@media screen and (max-width: 787px) {
	.body {
		margin-top: 0 !important;
	}
}

@media (min-width: 788px) {
.header_1,
.header_2,
.header_3,
.header_4 {
	display: table-cell !important;
	vertical-align: middle;
}

.header_5 {
	display: table-cell !important;
	vertical-align: middle;
}
}

@media screen and (max-width: 787px) {
	header,
	header.fixed,
	header.fixed.fixed_f {
		position: static !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		margin-top: 46px !important;
		height: auto !important;
		min-height: 0 !important;
		padding-top: 3px !important;
		padding-bottom: 3px !important;
		float: left;
		width: 100%;
		box-sizing: border-box;
		background: var(--km-surface) !important;
		z-index: auto !important;
	}

	header .center,
	header .center.inner,
	header.fixed .center,
	header.fixed .center.inner,
	header.fixed.fixed_f .center,
	header.fixed.fixed_f .center.inner {
		display: block !important;
		table-layout: auto !important;
		height: auto !important;
		min-height: 0 !important;
		width: 100% !important;
		background: var(--km-surface) !important;
	}

	.page-wrapper > .content-wrapper,
	.body .page-wrapper > .content-wrapper,
	.content-wrapper {
		padding-top: 0 !important;
		padding-bottom: 20px !important;
	}

	header .header_1 {
		display: block !important;
		width: 100% !important;
		padding-right: 0 !important;
	}

	header .header_3,
	header .header_4,
	header .header_5,
	.top-menu {
		display: none !important;
	}

	header .header_2 {
		display: none;
		position: fixed !important;
		top: 46px !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		z-index: 1002 !important;
		background: var(--km-surface) !important;
		padding: 8px 10px 10px !important;
		box-sizing: border-box !important;
		margin: 0 !important;
		float: none !important;
	}

	header .header_2 #altop_search {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
	}

	body.km-mobile-search-open header .header_2 {
		display: block !important;
	}

	header .header_1 .logo {
		float: none !important;
		margin: 0 !important;
	}

	header .header_1 .logo a {
		display: table !important;
		margin: 0 auto !important;
		font-size: 26px !important;
		line-height: 1.15 !important;
	}

	header .header_1 .logo a span,
	header .header_1 .logo span[style] {
		font-size: 26px !important;
		line-height: 1.15 !important;
	}

	.top_panel {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		max-width: none !important;
		height: 46px !important;
		z-index: 1001 !important;
	}

	.body_text {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.breadcrumb-share {
		margin-top: 4px !important;
		margin-bottom: 8px !important;
	}
}

header.fixed.fixed_f .header_5 {
	padding-top: 0 !important;
	padding-right: 30px !important;
}

/* Избранное + ЛК + корзина — в одну строку, отступ справа как у логотипа слева (30px) */
@media (min-width: 788px) {
	.header_5 {
		padding-top: 0 !important;
		padding-right: 30px !important;
		padding-left: 0 !important;
		vertical-align: middle !important;
		box-sizing: border-box;
		width: 1px !important;
		min-width: 0;
		white-space: nowrap;
		text-align: right;
	}

	.header_5 .delay_line,
	.header_5 .kabinet,
	.header_5 .cart_line {
		display: inline-block;
		vertical-align: middle;
		float: none !important;
		margin: 0 0 0 10px;
	}

	.header_5 .delay_line {
		margin-left: 0;
	}

	.header_5 .delay_line a,
	.header_5 .cart_line a {
		float: none !important;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
	}

	.header_5 .kabinet a.personal,
	.header_5 .kabinet a.login_anch {
		margin: 0 !important;
		float: none !important;
	}
}

/* Равномерные отступы между колонками — как в template_styles (30px) */
@media (min-width: 788px) {
header .header_1,
header .header_2,
header .header_3,
header .header_4 {
	padding-right: 30px !important;
}

header .header_2 #altop_search {
	width: 100%;
	max-width: none;
}

header .header_1 .logo {
	margin-left: 30px;
}
}
.header_3 .schedule p,
.header_4 .geolocation__link i,
.header_4 .telephone p span:not(.icon) {
	color: var(--km-text-muted) !important;
}

.header_4 .geolocation__link span,
.header_4 .telephone p {
	color: var(--km-text) !important;
}

.header_4 .telephone a,
.header_4 .telephone a:visited {
	color: var(--km-text) !important;
	text-decoration: none;
	font-weight: 600;
}

.header_4 .telephone a:hover {
	color: var(--km-primary) !important;
}

.top_panel .panel_3 ul.contacts-vertical li a.showcontacts[href^="tel:"] {
	text-decoration: none;
}

.header_4 .geolocation__link:hover i,
.header_4 .geolocation__link:hover span {
	color: var(--km-primary) !important;
}

/* === Горизонтальное меню (верх) === */
.top-menu {
	background: var(--km-surface-alt) !important;
	border-bottom: 1px solid var(--km-border);
}

.top-menu ul.store-horizontal > li > a {
	color: var(--km-text-secondary) !important;
}

.top-menu ul.store-horizontal > li.active > a {
	color: var(--km-primary-dark) !important;
	background: var(--km-surface) !important;
}

.top-menu ul.store-horizontal > li:hover > a,
.top-menu ul.store-horizontal > li.jshover > a,
.top-menu ul.store-horizontal > li.active:hover > a,
.top-menu ul.store-horizontal > li.active.jshover > a {
	color: var(--km-surface) !important;
	background: var(--km-primary) !important;
}

.top-menu .dropdown-menu {
	background: var(--km-primary-dark) !important;
	border-top-color: var(--km-primary) !important;
}

.top-menu .dropdown-menu > li {
	border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

.top-menu .dropdown-menu > li > a {
	color: rgba(255, 255, 255, 0.85) !important;
}

.top-menu .dropdown-menu > li:hover > a,
.top-menu .dropdown-menu > li.jshover > a,
.top-menu .dropdown-menu > li.active > a {
	color: var(--km-surface) !important;
	background-color: var(--km-primary) !important;
}

/* === Жёлтая полоса каталога → белая с бирюзовым акцентом === */
.top-catalog {
	background: var(--km-surface) !important;
	border-bottom: 2px solid var(--km-primary);
}

.top-catalog ul.left-menu > li > a {
	color: var(--km-text) !important;
}

.top-catalog ul.left-menu > li:hover > a,
.top-catalog ul.left-menu > li.selected > a {
	color: var(--km-surface) !important;
	background: var(--km-primary) !important;
}

.top-catalog ul.left-menu > li.parent > .arrow,
.top-catalog ul.left-menu > li.parentMore > .arrow {
	border-bottom-color: var(--km-primary) !important;
}

/* === Боковое меню каталога === */
.left-column .h3,
.vendors .h3,
.vendors_bottom .h3,
.already_seen .h3,
.footer_soc .h3,
.footer_pay .h3,
.breadcrumb-heading,
h1, .h1 {
	color: var(--km-text) !important;
}

ul.left-menu > li > a {
	color: var(--km-text-secondary) !important;
	border-color: var(--km-border) !important;
	background: var(--km-surface) !important;
}

ul.left-menu > li:hover > a,
ul.left-menu > li.selected > a {
	color: var(--km-primary-dark) !important;
	border-color: var(--km-primary) !important;
	background: var(--km-primary-light) !important;
}

ul.left-menu > li.parent > .catalog-section-childs,
ul.left-menu > li.parentMore > ul.submenuMore {
	border-color: var(--km-primary) !important;
}

ul.left-menu > li.parent > ul.submenu li a:hover,
ul.left-menu > li.parentMore > ul.submenuMore li a:hover {
	color: var(--km-surface) !important;
	border-color: var(--km-primary) !important;
	background: var(--km-primary) !important;
}

/* === Контент — белая карточка (как colors.css .content-wrapper) === */
.content-wrapper {
	background: var(--km-surface) !important;
	border-top: 1px solid var(--km-border);
}

.catalog-item-card {
	border: 1px solid var(--km-border) !important;
	background: var(--km-surface) !important;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.catalog-item-card:hover {
	border-color: #bae6fd !important;
	box-shadow: 0 4px 14px rgba(14, 116, 144, 0.12);
}

.catalog-item-card .item-image {
	background: var(--km-surface) !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	height: 301px !important;
	min-height: 301px !important;
	max-height: 301px !important;
	padding: 0 !important;
	overflow: hidden;
	flex-shrink: 0;
	box-sizing: border-box;
}

.catalog-item-card .item-image-cont {
	flex-shrink: 0;
	width: 100% !important;
}

.catalog-item-card .infographics.item-image,
.catalog-item-card .item-image a.infographics {
	padding: 0 !important;
	margin: 0 !important;
}

.catalog-item-card .item-image a {
	display: block !important;
	width: 100%;
	height: 100%;
}

.catalog-item-card .item-image a:not(.infographics) {
	display: flex !important;
	align-items: stretch;
	justify-content: center;
}

.catalog-item-card .item-image a img,
.catalog-item-card .infographics img,
.catalog-item-card .magic_slide_s img,
.catalog-item-card .item_img {
	width: 100% !important;
	max-width: 100% !important;
	height: 100% !important;
	max-height: 100% !important;
	object-fit: contain;
	object-position: top center;
}

.catalog-item-card .catalog-item-info {
	display: flex;
	flex-direction: column;
	float: none !important;
	height: auto !important;
}

.catalog-item-card .items_block_desc {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}

.catalog-item-card .buy_more {
	margin-top: auto;
}

.catalog-item-card .magic_slide_ss,
.catalog-item-card .magic_slide_s {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
}

.catalog-item-card .item-image .slick-slide {
	height: 100% !important;
	display: block !important;
}

.catalog-item-card .item-image .slick-track {
	height: 100% !important;
}

.catalog-item-card .item-image .slick-list {
	height: 100% !important;
}

.catalog_item_toogle_filter .showfilter {
	background: var(--km-surface) !important;
	border: 1px solid var(--km-primary) !important;
}

/* === Каталог: сортировка и пагинация — контраст на светлом фоне === */
.catalog-item-sorting label {
	color: var(--km-text-secondary) !important;
}

.catalog-item-sorting a:link,
.catalog-item-sorting a:visited {
	color: var(--km-text) !important;
	background: var(--km-surface) !important;
	border: 1px solid var(--km-border) !important;
	font-weight: 500;
}

.catalog-item-sorting a:hover {
	color: var(--km-surface) !important;
	background: var(--km-primary) !important;
	border-color: var(--km-primary) !important;
}

.catalog-item-sorting a.selected,
.catalog-item-sorting a.selected:hover {
	color: var(--km-primary-dark) !important;
	background: var(--km-primary-light) !important;
	border-color: var(--km-primary) !important;
}

.catalog-item-sorting a.selected.asc:after {
	border-bottom-color: var(--km-primary) !important;
}

.catalog-item-sorting a.selected.desc:after {
	border-top-color: var(--km-primary) !important;
}

.pagination ul li {
	border-color: var(--km-border) !important;
}

.pagination ul li.first,
.pagination ul li.last {
	background: var(--km-surface-alt) !important;
	border-color: var(--km-border) !important;
}

.pagination ul li a,
.pagination ul li span {
	color: var(--km-text) !important;
	font-weight: 500 !important;
}

.pagination ul li:hover {
	border-color: var(--km-primary) !important;
	background: var(--km-primary) !important;
}

.pagination ul li:hover a,
.pagination ul li:hover span {
	color: var(--km-surface) !important;
}

.pagination ul li.points:hover {
	border-color: var(--km-border) !important;
	background: transparent !important;
}

.pagination ul li.points:hover span {
	color: var(--km-text) !important;
}

.pagination ul li.active {
	border-color: var(--km-primary) !important;
	background: var(--km-primary) !important;
}

.pagination ul li.active span,
.pagination ul li.active a {
	color: var(--km-surface) !important;
}

.catalog_item_toogle_filter .showfilter span {
	color: var(--km-primary-dark) !important;
	border-bottom-color: var(--km-primary) !important;
}

.catalog_item_toogle_filter .showfilter i {
	color: var(--km-primary) !important;
}

.catalog-section-child a .child {
	background: var(--km-surface) !important;
	border: 1px solid var(--km-border) !important;
}

.catalog-section-child a:hover .child {
	border-color: #bae6fd !important;
}

/* === Кнопки === */
.btn_buy {
	color: var(--km-surface) !important;
	background: var(--km-primary) !important;
}

.btn_buy i {
	color: rgba(255, 255, 255, 0.85) !important;
}

.btn_buy:hover {
	color: var(--km-surface) !important;
	background: var(--km-primary-dark) !important;
}

.btn_buy.boc_anch,
.btn_buy.subscribe_anch {
	color: var(--km-text-secondary) !important;
	background: var(--km-surface-alt) !important;
	border: 1px solid var(--km-border);
}

.btn_buy.boc_anch:hover,
.btn_buy.subscribe_anch:hover {
	color: var(--km-surface) !important;
	background: var(--km-primary) !important;
}

.btn_buy.apuo,
.btn_buy.apuo.pcd,
a.btn_buy.apuo,
a.btn_buy.apuo.pcd {
	color: var(--km-primary-dark) !important;
	background: var(--km-surface) !important;
	border: 1px solid var(--km-border) !important;
}

.btn_buy.apuo i,
.btn_buy.apuo.pcd i,
.btn_buy.apuo_detail i {
	color: var(--km-primary) !important;
}

.btn_buy.apuo span,
.btn_buy.apuo.pcd span {
	color: inherit !important;
}

.btn_buy.apuo:hover,
.btn_buy.apuo.pcd:hover,
a.btn_buy.apuo:hover {
	color: var(--km-surface) !important;
	background: var(--km-primary) !important;
	border-color: var(--km-primary) !important;
}

.btn_buy.apuo:hover i,
.btn_buy.apuo.pcd:hover i {
	color: rgba(255, 255, 255, 0.9) !important;
}

.btn_buy.apuo_detail {
	color: var(--km-primary-dark) !important;
	background: var(--km-surface-alt) !important;
}

/* === Поиск в шапке === */
#altop_search form input[type="text"] {
	color: var(--km-text) !important;
	border-color: var(--km-border) !important;
}

#altop_search form input[type="text"]::placeholder {
	color: var(--km-text-muted);
}

#altop_search form input[type="submit"] {
	color: var(--km-primary) !important;
	border-color: var(--km-primary) !important;
}

#altop_search form input[type="submit"]:hover {
	color: var(--km-surface) !important;
	background: var(--km-primary) !important;
	border-color: var(--km-primary) !important;
}

#altop_search form .fa-search {
	color: var(--km-text-muted) !important;
}

/* === Хлебные крошки — нейтрально, без «плашки» === */
.breadcrumb-share {
	display: block !important;
	width: 100%;
	margin: 8px 0 10px;
	padding: 0;
	overflow: hidden !important;
	clear: both;
	border: none;
	border-radius: 0;
	background: transparent;
	box-sizing: border-box;
}

.breadcrumb {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center;
	gap: 2px 6px;
	width: 100% !important;
	max-width: 100%;
	float: none !important;
	line-height: 1.4;
	min-height: 0;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.breadcrumb::after {
	content: none;
}

.breadcrumb::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

.breadcrumb__item,
.breadcrumb__arrow {
	float: none !important;
	margin: 0 !important;
	flex: 0 0 auto;
	flex-shrink: 0;
	white-space: nowrap;
}

.content-wrapper > .center > .content:has(.catalog-detail-element) .body_text {
	clear: both;
	padding: 0 !important;
	overflow: visible !important;
}

.breadcrumb__item > .breadcrumb__link,
.breadcrumb__item > .breadcrumb__title,
.breadcrumb__item > .breadcrumb__icon_main {
	font-size: 13px;
	color: var(--km-text-muted) !important;
	font-weight: 400;
}

.breadcrumb__title_main {
	display: none !important;
}

/* На карточке товара заголовок уже в #pagetitle — последнюю крошку не дублируем */
.content:has(.catalog-detail-element) .breadcrumb__item:last-child {
	display: none !important;
}

.breadcrumb__item > .breadcrumb__link:hover {
	color: var(--km-primary) !important;
}

.breadcrumb__arrow {
	color: #cbd5e1 !important;
	font-weight: 400;
}

#pagetitle {
	clear: both;
	padding: 4px 0 16px;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.35;
	color: var(--km-text) !important;
}

/* Карточка товара: две колонки (галерея + цена), без float-wrap от slick */
@media (min-width: 788px) {
	.catalog-detail-element > .catalog-detail {
		display: grid !important;
		grid-template-columns: minmax(0, 1.65fr) minmax(280px, 1fr);
		gap: 24px;
		align-items: start;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
	}

	.catalog-detail-element > .catalog-detail > .column.first,
	.catalog-detail-element > .catalog-detail > .column.second {
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		min-width: 0;
	}

	.catalog-detail-element > .catalog-detail > .column.first {
		overflow: hidden;
	}

	.catalog-detail-element > .catalog-detail > .column.second {
		margin-top: 10px;
	}

	.catalog-detail-element > .catalog-detail > .column.second > .catalog-detail > .column.three {
		display: block !important;
		float: none !important;
		width: 100% !important;
		min-width: 0 !important;
	}
}

/* Карточка товара: «Похожие / рекомендации» — только сетка/clear; buy_more как в каталоге */
.page-wrapper:has(.catalog-detail-element) .body_text,
.page-wrapper:has(.catalog-detail-element) .workarea {
	display: flow-root;
}

.page-wrapper:has(.catalog-detail-element) .filtered-items,
.page-wrapper:has(.catalog-detail-element) .bigdata-items {
	display: flow-root;
	clear: both;
	margin-bottom: 0 !important;
}

.page-wrapper:has(.catalog-detail-element) .filtered-items .catalog-item-cards,
.page-wrapper:has(.catalog-detail-element) .bigdata-items .catalog-item-cards {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	float: none !important;
	width: 100%;
}

.page-wrapper:has(.catalog-detail-element) .filtered-items .catalog-item-card,
.page-wrapper:has(.catalog-detail-element) .bigdata-items .catalog-item-card {
	float: none !important;
	height: auto !important;
}

/* Фон body — сразу, не ждать lazyimage/скролл */
html {
	background-color: #e2e8f0 !important;
}

body.km-body-bg,
body[data-background-image],
body.agll {
	background-repeat: repeat !important;
	background-position: center top !important;
	background-size: 640px auto !important;
	background-color: #e2e8f0 !important;
}

/* === Каталог: разделы, карточки === */
.catalog-section .catalog-section-title a,
.catalog-section-child a .child .text {
	color: var(--km-text) !important;
}

.catalog-section .catalog-section-title:hover a,
.catalog-section-child a:hover .child .text {
	color: var(--km-primary) !important;
}

.catalog-item-card .item-title a,
.catalog-item-list .item-title a {
	color: var(--km-text) !important;
}

.catalog-item-card .item-title a:hover,
.catalog-item-list .item-title a:hover {
	color: var(--km-primary) !important;
}

.catalog-item-card .price .values_wrapper,
.catalog-item-list .price .values_wrapper {
	color: var(--km-text) !important;
}

/* === Вкладки на главной === */
.tabs__tab a {
	color: var(--km-text-muted) !important;
}

.tabs__tab:hover a,
.tabs__tab.current a {
	color: var(--km-primary) !important;
}

.tabs__tab.current a span {
	border-color: var(--km-primary) !important;
}

/* === «Вы смотрели» — нейтральная полоса, не сливается с контентом и подвалом === */
.already_seen {
	background: #fff !important;
	border-top: 1px solid var(--km-border);
	margin-top: 0;
	width: 100%;
	clear: both;
	overflow: hidden;
	box-sizing: border-box;
}

.already_seen .center.inner {
	background: transparent !important;
}

.already_seen .h3 {
	color: var(--km-text) !important;
	font-size: 14px;
	font-weight: 700;
	margin: 0;
	padding: 12px 0 6px 24px !important;
	border-left: none;
}

.already_seen ul {
	width: auto !important;
	max-width: 100%;
	float: none !important;
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin: 0 24px !important;
	padding: 0 !important;
	list-style: none;
	background: none !important;
	box-sizing: border-box;
}

.already_seen ul li {
	width: 68px !important;
	height: 68px !important;
	float: none !important;
	flex: 0 0 68px;
	margin: 0 !important;
	padding: 0;
	border: 1px solid var(--km-border) !important;
	background: var(--km-surface) !important;
	border-radius: 4px;
	box-sizing: border-box;
}

.already_seen ul li:hover {
	margin: 0 !important;
	border-color: #94a3b8 !important;
	box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}

.already_seen ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.already_seen ul li a img {
	max-width: 64px;
	max-height: 64px;
}

/* === Подвал — заметно темнее полосы «Вы смотрели» === */
footer,
.clvt footer,
.clvr footer,
.clvl footer {
	background: #e2e8f0 !important;
	border-top: 1px solid #cbd5e1;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

footer .center.inner {
	background: transparent !important;
}

.footer-bottom {
	padding-top: 10px !important;
	padding-bottom: 0 !important;
}

.footer_menu_soc_pay {
	padding-bottom: 12px !important;
}

.footer_menu ul li a {
	color: var(--km-text-secondary) !important;
}

.footer_menu ul li a:hover {
	color: var(--km-primary) !important;
}

.footer_soc ul li a {
	background: var(--km-text-muted) !important;
}

.footer_soc ul li a:hover {
	background: var(--km-primary) !important;
}

/* === Панель (мобильная) === */
.top_panel {
	background: var(--km-surface-alt) !important;
	border-bottom: 1px solid var(--km-border);
}

.top_panel .panel_1 ul.section-vertical li a.showsection,
.top_panel .panel_2 ul.store-vertical li a.showsubmenu,
.top_panel .panel_2 ul.store-vertical li ul li a {
	color: var(--km-text) !important;
	border-color: var(--km-border) !important;
}

.top_panel .panel_2 ul.store-vertical li ul li a:hover,
.top_panel .panel_2 ul.store-vertical li ul li a.root-item-selected {
	color: var(--km-primary) !important;
}

.top_panel .panel_3 {
	border-left-color: var(--km-border) !important;
}

@media screen and (max-width: 787px) {
	.top_panel {
		background: var(--km-surface) !important;
		border-bottom: 1px solid var(--km-border) !important;
	}

	.top_panel .panel_1,
	.top_panel .panel_2,
	.top_panel .panel_3,
	.top_panel .panel_4,
	.top_panel .panel_5 {
		border-left-color: var(--km-border) !important;
	}

	/* colors.css (clvr/clvl): жёлтый border-right у кабинета + #8184a1 у panel_5 → двойная тёмная полоса */
	.top_panel .panel_2 .kabinet a.login_anch,
	.top_panel .panel_2 .kabinet a.personal,
	.clvr .top_panel .panel_2 .kabinet a.login_anch,
	.clvr .top_panel .panel_2 .kabinet a.personal,
	.clvl .top_panel .panel_2 .kabinet a.login_anch,
	.clvl .top_panel .panel_2 .kabinet a.personal,
	.top_panel .panel_2 .delay_line a,
	.clvr .top_panel .panel_2 .delay_line a,
	.clvl .top_panel .panel_2 .delay_line a {
		border-right: none !important;
	}

	.top_panel .panel_1 ul.section-vertical li a.showsection i,
	.top_panel .panel_1 ul.section-vertical li:hover a.showsection i,
	.top_panel .panel_1 ul.section-vertical li.jshover a.showsection i,
	.top_panel .panel_1 ul.section-vertical li.active a.showsection i,
	.top_panel .panel_3 ul.contacts-vertical li a.showcontacts i,
	.top_panel .panel_3 ul.contacts-vertical li:hover a.showcontacts i,
	.top_panel .panel_3 ul.contacts-vertical li.jshover a.showcontacts i,
	.top_panel .panel_3 ul.contacts-vertical li.active a.showcontacts i,
	.top_panel .panel_4 ul.search-vertical li a.showsearch i,
	.top_panel .panel_4 ul.search-vertical li:hover a.showsearch i,
	.top_panel .panel_4 ul.search-vertical li.jshover a.showsearch i,
	.top_panel .panel_4 ul.search-vertical li.active a.showsearch i,
	.top_panel .panel_2 .personal i,
	.top_panel .panel_2 .login_anch i,
	.top_panel .panel_2 .kabinet a.login_anch i,
	.top_panel .panel_2 .kabinet a.personal i,
	.top_panel .panel_2 .delay_line a i,
	.top_panel .panel_2 .compare_line a i {
		color: var(--km-primary-dark) !important;
	}

	.top_panel .panel_1 ul.section-vertical li:hover a.showsection,
	.top_panel .panel_1 ul.section-vertical li.jshover a.showsection,
	.top_panel .panel_1 ul.section-vertical li.active a.showsection,
	.top_panel .panel_3 ul.contacts-vertical li:hover a.showcontacts,
	.top_panel .panel_3 ul.contacts-vertical li.jshover a.showcontacts,
	.top_panel .panel_3 ul.contacts-vertical li.active a.showcontacts,
	.top_panel .panel_4 ul.search-vertical li:hover a.showsearch,
	.top_panel .panel_4 ul.search-vertical li.jshover a.showsearch,
	.top_panel .panel_4 ul.search-vertical li.active a.showsearch {
		background: var(--km-primary-light) !important;
	}

	.top_panel .panel_5.foot_panel_2 a.cart i,
	.top_panel .foot_panel_2 a.cart i {
		color: var(--km-primary) !important;
	}

	.top_panel .panel_5.foot_panel_2 a.cart:hover i,
	.top_panel .foot_panel_2 a.cart:hover i {
		color: var(--km-primary-dark) !important;
	}

	.top_panel .panel_5.foot_panel_2 a.cart .qnt,
	.top_panel .foot_panel_2 a.cart .qnt {
		color: var(--km-surface) !important;
		background: var(--km-primary) !important;
	}

	/* Бургер-меню каталога — светлая тема вместо чёрной */
	.top_panel .panel_1 ul.section-vertical li .catalog-section-list {
		background: var(--km-surface) !important;
		box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12) !important;
	}

	.top_panel .panel_1 ul.section-vertical li:hover a.showsection,
	.top_panel .panel_1 ul.section-vertical li.jshover a.showsection,
	.top_panel .panel_1 ul.section-vertical li.active a.showsection {
		background: var(--km-primary-light) !important;
	}

	.panel_1 .catalog-section {
		border-top-color: var(--km-border) !important;
	}

	.panel_1 .catalog-section-title.active {
		background: var(--km-primary-light) !important;
	}

	.panel_1 .catalog-section-title a {
		color: var(--km-text) !important;
	}

	.panel_1 .catalog-section-title:hover a,
	.panel_1 .catalog-section-title.active a {
		color: var(--km-primary-dark) !important;
	}

	.panel_1 .catalog-section-title .showsectionchild i {
		color: var(--km-text-muted) !important;
	}

	.panel_1 .catalog-section-title .showsectionchild:hover i,
	.panel_1 .catalog-section-title.active .showsectionchild i,
	.panel_1 .catalog-section-title.active .showsectionchild:hover i {
		color: var(--km-primary) !important;
	}

	.panel_1 .catalog-section-childs {
		background: var(--km-surface-alt) !important;
	}

	.panel_1 .catalog-section-child {
		border-top-color: var(--km-border) !important;
	}

	.panel_1 .catalog-section-child a .child .text {
		color: var(--km-text-secondary) !important;
	}

	.panel_1 .catalog-section-child a:hover .child .text {
		color: var(--km-primary) !important;
	}
}

/* === Прочие элементы со старой палитрой === */
.personal-user,
.personal-exit,
ul.new_leader_disc li {
	border-color: var(--km-border) !important;
	background: var(--km-surface-alt) !important;
}

.personal-user:hover,
.personal-exit:hover,
ul.new_leader_disc li:hover {
	border-color: var(--km-primary) !important;
	background: var(--km-surface) !important;
}

.personal-user:hover .personal-user__title,
ul.new_leader_disc li:hover a .text {
	color: var(--km-primary) !important;
}

.city-change .quick-locations__val.active {
	color: var(--km-surface) !important;
	background: var(--km-primary) !important;
}

/* === Доставка и оплата на карточке товара === */
.geolocation-delivery__title a span {
	color: var(--km-primary-dark) !important;
	border-bottom-color: var(--km-primary) !important;
}

.geolocation-delivery__title a:hover span {
	color: var(--km-primary) !important;
}

.geolocation-delivery__title i {
	color: var(--km-primary) !important;
}

.compare-list-result .sort a.sortbutton.current,
.cart-items .sort a.sortbutton.current {
	color: var(--km-surface) !important;
	background: var(--km-primary) !important;
}

@media screen and (max-width: 787px) {
	.cart-items .w100p .cart-buttons {
		margin-top: 16px !important;
	}

	.cart-items .w100p .cart-buttons button[name="BasketOrder"] {
		height: 40px !important;
	}
}

.title-search-result {
	border-color: var(--km-primary) !important;
	background: var(--km-surface) !important;
}

.title-search-result:before {
	border-bottom-color: var(--km-primary) !important;
}

.title-search-result:after {
	border-bottom-color: var(--km-surface) !important;
}

.title-search-result .search_close {
	background: var(--km-primary-dark) !important;
}

.title-search-result .search_close:hover {
	background: var(--km-accent) !important;
}

/* === Точечные фиксы (layout — template_styles.css, как на prod) === */
header .center,
header.fixed .center.inner,
header.fixed.fixed_f .center,
header.fixed.fixed_f .center.inner {
	margin-left: auto;
	margin-right: auto;
}

.promotions-block {
	overflow: visible;
}

.promotions-block__title,
.promotions-block__all-promotions {
	position: relative;
	z-index: 1;
}

.promotions-block__items {
	overflow: hidden;
}

.promotions-block__items .anythingSlider,
.promotions-block__items .anythingSlider.anythingSlider-promotions-block,
.workarea .anythingSlider.anythingSlider-promotions-block {
	overflow: hidden !important;
	max-width: 100%;
}

.promotions-block__items .anythingWindow {
	width: 100% !important;
	max-width: 100%;
	overflow: hidden !important;
}

.promotions-block__slider.anythingSlider {
	width: 100% !important;
	max-width: 100%;
}

.workarea .anythingContainer,
.workarea > .anythingContainer > .anythingSlider.anythingSlider-default {
	max-width: 100%;
	overflow: hidden;
}

/* anythingSlider задаёт ul.anythingBase ширину = N×слайд; max-width:100% ломает float-слайды */
.workarea > .anythingContainer ul.anythingBase {
	max-width: none;
}

.anythingSlider .anythingWindow {
	overflow: hidden !important;
	background: transparent !important;
}

/* Слайдер главной: lazyimage pixel.gif → белая «плита» поверх контента */
.workarea > .anythingContainer,
.workarea > .anythingContainer > .anythingSlider,
.workarea > .anythingContainer .anythingWindow,
.workarea > .anythingContainer .anythingSliderLi,
.workarea > .anythingContainer .anythingSliderLi a {
	background-color: transparent !important;
}

.workarea > .anythingContainer .anythingSliderLi a[style*="background"] {
	min-height: 100%;
}

/* Slick до init: не складывать слайды вертикально */
.catalog-detail-element .detail_picture_pa:not(.slick-initialized) .slick-slide:not(:first-child) {
	display: none !important;
}

.catalog-detail-element .detail_picture_pa:not(.slick-initialized) .slick-track {
	width: 100% !important;
	transform: none !important;
}

.catalog-detail-element .detail_picture_pa:not(.slick-initialized) .slick-list {
	overflow: hidden !important;
	max-height: 747px;
}

.catalog-detail-element .detail_picture_pa.slick-slider {
	overflow: hidden;
	max-width: 100%;
}

.catalog-detail-element .detail_picture_pa .slick-list {
	width: 100% !important;
	overflow: hidden !important;
}

.catalog-detail-element .detail_picture_pa .slick-slide img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

/* Без щели паттерна между «Похожие товары» и «Вы смотрели» */
.content-wrapper:has(.catalog-detail-element) {
	padding-bottom: 0 !important;
}

.page-wrapper:has(.catalog-detail-element) .already_seen {
	margin-top: 0 !important;
	border-top: 1px solid var(--km-border);
}

/* «Товар добавлен в корзину» — крестик внутри шапки */
#addItemInCart.popup-window,
.pop-up.modal.popup-window {
	overflow: visible;
}

#addItemInCart .popup-window-titlebar,
.pop-up.modal .popup-window-titlebar {
	background: var(--km-primary) !important;
	padding-right: 48px !important;
}

#addItemInCart .popup-window-close-icon,
.pop-up.modal .popup-window-close-icon {
	top: 10px !important;
	right: 12px !important;
	left: auto !important;
	width: 28px !important;
	height: 28px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.22) !important;
	box-sizing: border-box;
	opacity: 1;
}

#addItemInCart .popup-window-close-icon:hover,
.pop-up.modal .popup-window-close-icon:hover {
	background: rgba(255, 255, 255, 0.38) !important;
}

#addItemInCart .popup-window-close-icon i,
.pop-up.modal .popup-window-close-icon i {
	display: block !important;
	font-size: 14px !important;
	line-height: 1 !important;
	color: #fff !important;
}

@media screen and (max-width: 787px) {
	.breadcrumb-share {
		padding: 0;
		margin-bottom: 8px;
	}

	.breadcrumb {
		display: block !important;
		flex-wrap: nowrap !important;
		white-space: nowrap !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
	}

	.breadcrumb::-webkit-scrollbar {
		display: none;
	}

	.breadcrumb__item,
	.breadcrumb__arrow {
		display: inline !important;
		float: none !important;
	}

	#pagetitle {
		font-size: 18px;
		padding: 4px 0 12px;
	}
}

/* === «Товар летит в корзину» === */
.km-fly-to-cart {
	position: fixed;
	z-index: 10050;
	pointer-events: none;
	border-radius: 8px;
	object-fit: contain;
	background: #fff;
	box-shadow: 0 6px 20px rgba(15, 23, 42, 0.18);
	will-change: transform, opacity;
}

.cart_line a.cart.km-cart-pulse,
.cart_line .cart.km-cart-pulse {
	animation: kmCartPulse 0.45s ease;
}

.cart_line a.cart.km-cart-pulse .qnt_cont,
.cart_line .cart.km-cart-pulse .fa {
	animation: kmCartPulse 0.45s ease;
}

@keyframes kmCartPulse {
	0% { transform: scale(1); }
	35% { transform: scale(1.2); }
	100% { transform: scale(1); }
}