#horizontal-multilevel-menu {
	list-style: none;
    display: flex;
    align-items: center;
    column-gap: 5px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: normal;
	margin: 0;
    padding: 0;
	height: 42px;
}
/* padding ссылок 0 14px — компенсируем, чтобы текст «Фонд» был на сетке с крошками */
@media (min-width: 992px) {
	#horizontal-multilevel-menu {
		margin-left: -14px;
	}
	#horizontal-multilevel-menu>li>a {
		white-space: nowrap;
	}
}
#horizontal-multilevel-menu ul {
	transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	visibility: hidden;
	opacity: 0;
}
#horizontal-multilevel-menu li.parent:not(:hover)>ul {
	cursor: unset;
}
#horizontal-multilevel-menu li.parent>a {
	display: flex;
	align-items: center;
	column-gap: 8px;
}
#horizontal-multilevel-menu>li>a {
	height: 42px;
	padding: 0 14px;
	border-radius: 40px;
	transition: background-color 0.2s ease-in-out;
}
#horizontal-multilevel-menu>li:hover>a,
#horizontal-multilevel-menu>li>a.selected {
	background: var(--white);
}
#horizontal-multilevel-menu li.parent>a>span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 15px;
	height: 10px;
	flex: none;
}
#horizontal-multilevel-menu li.parent>a>span>svg {
	transition: rotate 0.2s ease-in-out;
}
#horizontal-multilevel-menu li.parent>ul {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	row-gap: 15px;
	padding: 18px 23px 22px;
	position: absolute;
	top: calc(100% + 12px);
	left: 0;
	background: var(--white);
	border-radius: 12px;
	min-width: 174px;
	z-index: 1;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
/* мостик через 12px зазор, чтобы список не закрывался при переходе курсора */
#horizontal-multilevel-menu li.parent>ul::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -12px;
	height: 12px;
}
#horizontal-multilevel-menu li.parent>ul a {
	font-weight: 400;
	color: #4D4D4D;
	line-height: 20px;
	display: inline-block;
	text-transform: uppercase;
	white-space: nowrap;
}
#horizontal-multilevel-menu li.parent.selected>ul>li.item-selected>a,
#horizontal-multilevel-menu li.parent>ul:hover>li>a {
	color: var(--black-font);
}
#horizontal-multilevel-menu li.parent.selected>ul a {
	color: var(--gray-font-60);
}
#horizontal-multilevel-menu li.parent>ul:hover>li:hover>a {
	color: var(--green);
}
#horizontal-multilevel-menu li.parent>ul:hover>li.item-selected>a {
	color: var(--black-font);
	font-weight: 500;
}
#horizontal-multilevel-menu>li {
	height: 42px;
    display: flex;
    align-items: center;
}
#horizontal-multilevel-menu li.parent {
	position: relative;
}
#horizontal-multilevel-menu li.parent>ul>li {
	padding: 0;
	text-align: left;
}
@media (min-width:992px) {
	#horizontal-multilevel-menu li.parent:hover>ul {
		visibility: visible;
		opacity: 1;
	}
	#horizontal-multilevel-menu li.parent:hover>a>span>svg {
		rotate: 180deg;
	}
}

/* 992–1439: ужать пункты, чтобы горизонтальное меню влезло без бургера */
@media (min-width: 992px) and (max-width: 1439px) {
	#horizontal-multilevel-menu {
		font-size: clamp(12px, 1.11vw, 16px);
		column-gap: clamp(0px, 0.35vw, 5px);
		height: clamp(34px, 2.92vw, 42px);
		margin-left: clamp(-8px, -0.97vw, -14px);
	}
	#horizontal-multilevel-menu>li,
	#horizontal-multilevel-menu>li>a {
		height: clamp(34px, 2.92vw, 42px);
	}
	#horizontal-multilevel-menu>li>a {
		padding: 0 clamp(4px, 0.7vw, 14px);
	}
	#horizontal-multilevel-menu li.parent>a {
		column-gap: clamp(3px, 0.4vw, 8px);
	}
	#horizontal-multilevel-menu li.parent>a>span {
		width: clamp(11px, 1.04vw, 15px);
		height: clamp(8px, 0.7vw, 10px);
	}
	#horizontal-multilevel-menu li.parent>ul {
		font-size: clamp(12px, 1.05vw, 16px);
		padding: 14px 18px 18px;
		row-gap: 12px;
		top: calc(100% + 8px);
	}
}

@media (max-width: 991px) {
	#horizontal-multilevel-menu {
		display: flex;
		flex-direction: column;
		height: auto;
		column-gap: 0;
		align-items: flex-start;
		line-height: 1.2;
		font-size: 20px;
		width: 100%;
    }
	#horizontal-multilevel-menu>li>a {
		height: auto;
		border-radius: 0;
		background: none;
	}
	#horizontal-multilevel-menu li.parent>a {
		position: relative;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		column-gap: 8px;
		/* фиксированная высота ряда — текст и шеврон по центру между разделителями */
		height: 56px;
		min-height: 56px;
		padding: 0;
		line-height: 1;
		cursor: pointer;
	}
	#horizontal-multilevel-menu li.parent>a>span {
		position: static;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 44px;
		width: 44px;
		height: 44px;
		margin-right: -10px;
		pointer-events: auto;
		cursor: pointer;
	}
	#horizontal-multilevel-menu li.parent>a>span>svg {
		display: block;
		height: 10px;
		width: auto;
		/* path в viewBox визуально выше центра — совмещаем с капсом */
		translate: 0 2px;
		transition: rotate 0.4s ease-in-out;
	}
	#horizontal-multilevel-menu li.parent.active>a>span>svg {
		rotate: 180deg;
	}
	#horizontal-multilevel-menu li.parent>ul {
		position: static;
		border: 0;
		border-radius: 0;
		row-gap: 0;
		background: none;
		box-shadow: none;
		overflow: hidden;
		max-height: 0;
		opacity: 1;
		visibility: visible;
		transition: max-height 0.4s ease-in-out, padding-bottom 0.4s ease-in-out;
		--height: 300px;
		min-width: auto !important;
		/* padding только в .active — иначе 8px снизу смещают текст относительно разделителя */
		padding: 0;
		width: 100%;
	}
	#horizontal-multilevel-menu>.parent.active>ul {
		max-height: var(--height);
		padding-bottom: 8px;
	}
	#horizontal-multilevel-menu>li.parent {
		flex-direction: column;
		display: flex;
		align-items: flex-start;
		height: auto;
        margin: 0;
        font-size: 20px;
        width: 100%;
		border-bottom: 1px solid #DFDFDF;
	}
	#horizontal-multilevel-menu li.parent>ul>li {
		padding: 0;
		font-size: 16px;
		line-height: 19px;
	}
	#horizontal-multilevel-menu li.parent>ul a {
		display: inline-flex;
		align-items: center;
		min-height: 40px;
		padding: 8px 0;
		text-transform: none;
		line-height: 20px;
		color: var(--gray-font);
	}
}