/* Синее mega-меню каталога: цвета разделов = ярлыки закладок */

/* Пока каталог открыт — страница под ним не скроллится */
html.catalog-menu-lock,
html.catalog-menu-lock body {
	overflow: hidden !important;
	overscroll-behavior: none;
}

/* Меню часто выше экрана — своя прокрутка (высоту дожимает JS по низу окна) */
.wrapp_catalog_top {
	max-height: calc(100dvh - 160px);
	max-height: calc(100vh - 160px);
	overflow-x: hidden !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	padding-bottom: 12px !important;
	box-sizing: border-box;
}

.wrapp_catalog_top .menu_c > ul > li.razdel-sec-1      { --sec: #8ebce8; } /* Банковское */
.wrapp_catalog_top .menu_c > ul > li.razdel-sec-124    { --sec: #7fd0d8; } /* Весовое */
.wrapp_catalog_top .menu_c > ul > li.razdel-sec-88     { --sec: #7dceb8; } /* Кассовое */
.wrapp_catalog_top .menu_c > ul > li.razdel-sec-49     { --sec: #9ed68a; } /* Идентификация */
.wrapp_catalog_top .menu_c > ul > li.razdel-sec-143    { --sec: #ecd46a; } /* Фасовочное */
.wrapp_catalog_top .menu_c > ul > li.razdel-sec-166586 { --sec: #f0b878; } /* Ресторанное */
.wrapp_catalog_top .menu_c > ul > li.razdel-sec-166531 { --sec: #e89a96; } /* Офисное */
.wrapp_catalog_top .menu_c > ul > li.razdel-sec-169    { --sec: #c9a8e0; } /* Расходные */

/* Только вертикальная разлиновка */
.wrapp_catalog_top .menu_c > ul > li {
	border-right: 2px solid rgba(255, 255, 255, 0.32) !important;
	box-sizing: border-box;
}

.wrapp_catalog_top .menu_c li.razdel ul {
	border-bottom: none !important;
	padding-bottom: 10px;
	margin-bottom: 4px;
}

/* Заголовок раздела — синяя кнопка с тенью */
.wrapp_catalog_top .menu_c li.razdel > a.name {
	display: block;
	background: linear-gradient(180deg, #1aa3e8 0%, #1192d6 45%, #0d7db8 100%) !important;
	color: #ffffff !important;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
	border-radius: 6px;
	margin: 0 10px 12px !important;
	padding: 10px 14px !important;
	border: 1px solid rgba(0, 0, 0, 0.12) !important;
	border-left: 4px solid var(--sec, #8ebce8) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.35),
		inset 0 -2px 0 rgba(0, 0, 0, 0.12),
		0 3px 0 rgba(0, 60, 100, 0.25),
		0 6px 14px rgba(0, 40, 80, 0.3);
	transition: transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
}

.wrapp_catalog_top .menu_c li.razdel > a.name:hover {
	color: #ffffff !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
	filter: brightness(1.08);
	transform: translateY(-2px);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.4),
		inset 0 -2px 0 rgba(0, 0, 0, 0.1),
		0 4px 0 rgba(0, 60, 100, 0.22),
		0 10px 18px rgba(0, 40, 80, 0.35);
}

.wrapp_catalog_top .menu_c li.razdel > a.name:active {
	transform: translateY(1px);
	filter: brightness(0.96);
	box-shadow:
		inset 0 2px 5px rgba(0, 40, 80, 0.35),
		0 1px 0 rgba(0, 60, 100, 0.2);
}

/* Подпункты — мягкий hover */
.wrapp_catalog_top .menu_c li.razdel li a {
	border-radius: 4px;
	transition: color .18s ease, background-color .18s ease, padding-left .18s ease, box-shadow .18s ease !important;
}

.wrapp_catalog_top .menu_c li.razdel li a:hover {
	color: #ffffff !important;
	background-color: rgba(255, 255, 255, 0.14) !important;
	padding-left: 18px !important;
	box-shadow: inset 3px 0 0 0 var(--sec, #ffd200);
}

.wrapp_catalog_top .menu_c li.razdel li.active a {
	color: #ffd200 !important;
}

.wrapp_catalog_top .menu_c li.razdel.active > a.name {
	color: #ffffff !important;
	filter: brightness(1.05);
}