/* При открытом каталоге не показывать панели подменю */
._catalog-show .header-menu__dropdown-panel {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

/* Мобильная версия: полноэкранная панель как у каталога */
@media (max-width: 61.99875em) {
	._header-menu-dropdown-show .header__logo,
	._header-menu-dropdown-show .header__mobile,
	._header-menu-dropdown-show .icon-menu {
		opacity: 0;
		pointer-events: none;
	}

	.header-menu__dropdown-heading {
		display: flex;
		flex-shrink: 0;
		align-items: center;
		justify-content: space-between;
		gap: 1.25rem;
		margin-bottom: 1rem;
	}

	.header-menu__dropdown-caption {
		font-weight: 500;
		font-size: 1rem;
		letter-spacing: .01em;
		text-transform: uppercase;
	}

	.header-menu__dropdown-close {
		padding: .25rem;
		margin: -.25rem;
	}

	.header-menu__dropdown-close svg {
		fill: #007BFC;
		flex: 0 0 1.25rem;
		width: 1.25rem;
		height: 1.25rem;
	}

	.header-menu__dropdown-panel,
	.header-menu__dropdown-panel_portaled {
		position: fixed;
		z-index: 12;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		flex-direction: column;
		height: 100vh;
		height: 100dvh;
		max-height: 100vh;
		max-height: 100dvh;
		background-color: #f4f4f4;
		padding: 1.25rem 1rem;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		overflow: hidden;
		transition: opacity .3s ease, visibility .3s ease;
	}

	.header-menu__dropdown._show .header-menu__dropdown-panel:not(.header-menu__dropdown-panel_portaled),
	._header-menu-dropdown-show .header-menu__dropdown-panel_portaled {
		opacity: 1;
		visibility: visible;
		pointer-events: all;
	}

	.header-menu__dropdown-menu {
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
		scrollbar-color: #fbfbfb #d9d9d9;
	}

	.header-menu__dropdown-menu::-webkit-scrollbar {
		width: 6px;
	}

	.header-menu__dropdown-menu::-webkit-scrollbar-thumb {
		border: 1px solid #d9d9d9;
		background-color: #fbfbfb;
		border-radius: 100px;
	}

	.header-menu__dropdown-menu::-webkit-scrollbar-track {
		border-radius: 100px;
		background-color: #d9d9d9;
	}

	.header-menu__dropdown-menu ul {
		display: grid;
		align-content: flex-start;
		row-gap: .5rem;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.header-menu__dropdown-menu a {
		display: block;
		padding-top: .625rem;
		padding-bottom: .625rem;
	}
}

/* Десктоп: панель под полосой header-menu__row (позиция — script.js) */
@media (min-width: 61.99875em) {
	.header-menu__nav_dropdown > ul {
		align-items: center;
	}

	.header-menu__dropdown {
		position: static;
	}

	.header-menu__dropdown:hover,
	.header-menu__dropdown:focus-within,
	.header-menu__dropdown._hover {
		z-index: 21;
	}

	.header-menu__dropdown-panel {
		display: flex;
		flex-direction: column;
		align-content: flex-start;
		row-gap: .5rem;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 20;
		min-width: 18.5625rem;
		margin: 0;
		padding: 1.75rem 2.5rem;
		list-style: none;
		background-color: #fff;
		border-radius: 0 0 2rem 2rem;
		box-shadow: 2px 4px 9px 0 rgba(0, 0, 0, .02), 7px 16px 17px 0 rgba(0, 0, 0, .02);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		overflow: visible;
		transition: opacity .3s ease, visibility .3s ease;
	}

	/* Мост только под ширину пункта — не перекрывать соседние ссылки */
	.header-menu__dropdown-panel::before {
		content: '';
		position: absolute;
		bottom: 100%;
		left: 0;
		width: var(--dropdown-bridge-width, auto);
		max-width: 100%;
		height: var(--dropdown-bridge-height, 5rem);
	}

	.header-menu__dropdown:hover .header-menu__dropdown-panel,
	.header-menu__dropdown:focus-within .header-menu__dropdown-panel,
	.header-menu__dropdown._hover .header-menu__dropdown-panel {
		opacity: 1;
		visibility: visible;
		pointer-events: all;
	}

	.header-menu__dropdown-heading {
		display: none;
	}

	.header-menu__dropdown-menu ul {
		display: flex;
		flex-direction: column;
		align-content: flex-start;
		row-gap: .5rem;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.header-menu__dropdown-menu li {
		display: block;
		width: 100%;
	}

	.header-menu__dropdown-menu a {
		display: block;
		padding: .5rem 0;
		font-size: 1rem;
		white-space: nowrap;
		transition: color .3s ease;
	}

	.header-menu__dropdown-menu a:hover {
		color: #007BFC;
	}
}