/*
 * Мобильное и планшетное меню (до 1240px): тёмная панель, крупные пункты со стрелками,
 * подпись «Меню», пилюля «Закрыть», внизу описание и кнопка заявки.
 * На десктопе (от 1240px) меню остаётся прежним, нижний блок скрыт.
 */
.menu-extra {
	display: none;
}

/* Кнопка «Закрыть» — такая же пилюля, как «Меню» */
.burger-btn--closer {
	gap: 12px;
	width: auto;
	height: 48px;
	padding: 0 16px 0 18px;
	border-radius: 999px;
	aspect-ratio: auto;
	background-color: rgb(255 255 255 / 12%);
	color: #fff;
	font-family: var(--primary-font);
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
}

.burger-btn--closer::before {
	content: "Закрыть";
}

.burger-btn--closer svg {
	fill: #fff;
}

@media (max-width: 1239px) {
	.menu .menu__wrapper {
		padding: 16px 16px 24px;
		overflow-y: auto;
		background-color: #050510;
	}

	.menu .menu__header {
		flex-shrink: 0;
	}

	/* Список */
	.menu .top-menu {
		gap: 0;
		margin-top: clamp(20px, 8vh, 90px);
		padding: 0;
	}

	.menu .top-menu::before {
		content: "Меню";
		margin-bottom: 14px;
		font-family: var(--primary-font);
		font-size: 11px;
		font-weight: 500;
		letter-spacing: 0.04em;
		line-height: 1;
		text-transform: uppercase;
		color: #8d8d99;
	}

	.menu .top-menu__item {
		padding: 12px 0;
		border-bottom: 1px solid rgb(255 255 255 / 10%);
	}

	.menu .top-menu__link,
	.menu .top-menu__parent {
		font-family: var(--secondary-font);
		font-size: 23px;
		font-weight: 700;
		line-height: 1.2;
	}

	.menu .top-menu__item > .top-menu__link {
		width: 100%;
		align-items: center;
		justify-content: space-between;
	}

	.menu .top-menu__parent {
		width: 100%;
		gap: 10px;
	}

	/* Стрелка ↗ справа у каждого пункта */
	.menu .top-menu__item > .top-menu__link::after,
	.menu .top-menu__parent::after {
		content: "";
		flex-shrink: 0;
		width: 16px;
		height: 16px;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14.7 14.58V0M0.7 1H14.7M14.7 1L0.7 14.58' stroke='%239a9aa8' stroke-width='1.4'/%3E%3C/svg%3E") center / contain no-repeat;
	}

	.menu .top-menu__parent::after {
		margin-left: auto;
	}

	.menu .top-menu__toggle {
		color: #9a9aa8;
	}

	/* Остальное внизу панели */
	.menu .contacts-block {
		flex-shrink: 0;
		margin-top: auto;
		padding-top: 20px;
	}

	.menu .contacts-block a {
		font-size: 14px;
		font-weight: 500;
		color: #8d8d99;
	}

	.menu .social-block {
		flex-shrink: 0;
		margin-top: 16px;
	}

	.menu .menu-extra {
		display: flex;
		flex-direction: column;
		gap: 16px;
		flex-shrink: 0;
		padding-top: 24px;
	}

	.menu .menu-extra__text {
		max-width: 340px;
		margin: 0;
		font-family: var(--primary-font);
		font-size: 13px;
		font-weight: 400;
		line-height: 1.5;
		color: #8d8d99;
	}

	.menu .menu-extra__cta {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 56px;
		padding: 0 56px;
		border: 0;
		border-radius: 999px;
		background-color: var(--primary);
		color: #fff;
		font-family: var(--primary-font);
		font-size: 17px;
		font-weight: 500;
		line-height: 1;
		cursor: pointer;
	}

	.menu .menu-extra__cta svg {
		position: absolute;
		top: 50%;
		right: 24px;
		margin-top: -8px;
	}
}