/* CSS стили для бургер-меню */
.burger-menu {
	display: none; /* Скрываем на десктопе, показываем на мобильных */
	position: relative;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: var(--primary);
	border: none;
	cursor: pointer;
	padding: 0;
	transition: all 0.3s ease;
	z-index: 1001;
}

.burger-menu:hover {
	transform: scale(1.05);
	box-shadow: 0 4px 12px rgba(var(--primary-rgb, 0, 102, 204), 0.3);
}

.burger-menu__inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 24px;
	height: 18px;
}

.burger-line {
	display: block;
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: white;
	border-radius: 1px;
	transition: all 0.3s ease;
}

.burger-line:nth-child(1) {
	top: 0;
}

.burger-line:nth-child(2) {
	top: 50%;
	transform: translateY(-50%);
}

.burger-line:nth-child(3) {
	bottom: 0;
}

/* Анимация в крестик */
.burger-menu.active .burger-line:nth-child(1) {
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}

.burger-menu.active .burger-line:nth-child(2) {
	opacity: 0;
	transform: translateX(-10px);
}

.burger-menu.active .burger-line:nth-child(3) {
	bottom: 50%;
	transform: translateY(50%) rotate(-45deg);
}

/* Медиа-запрос для мобильных устройств */
@media (max-width: 992px) {
	.burger-menu {
		display: block;
	}

	.nav-links {
		position: fixed;
		top: 0;
		right: -100%;
		width: 300px;
		height: 100vh;
		background: rgba(255, 255, 255, 0.98);
		backdrop-filter: blur(20px);
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 30px;
		padding: 80px 20px;
		transition: right 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
		z-index: 1000;
		box-shadow: -5px 0 30px rgba(0, 0, 0, 0.1);
	}

	.nav-links.active {
		right: 0;
	}

	.nav-link {
		font-size: 18px;
		opacity: 0;
		transform: translateX(30px);
		transition: all 0.3s ease;
	}

	.nav-links.active .nav-link {
		opacity: 1;
		transform: translateX(0);
	}

	/* Задержка для появления ссылок */
	.nav-links.active .nav-link:nth-child(1) { transition-delay: 0.1s; }
	.nav-links.active .nav-link:nth-child(2) { transition-delay: 0.2s; }
	.nav-links.active .nav-link:nth-child(3) { transition-delay: 0.3s; }
	.nav-links.active .nav-link:nth-child(4) { transition-delay: 0.4s; }
	.nav-links.active .cta-button { transition-delay: 0.5s; }

	.cta-button {
		margin-top: 20px;
		opacity: 0;
		transform: translateX(30px);
		transition: all 0.3s ease;
	}

	.nav-links.active .cta-button {
		opacity: 1;
		transform: translateX(0);
	}
}

/* Для очень маленьких экранов */
@media (max-width: 480px) {
	.burger-menu {
		width: 44px;
		height: 44px;
	}

	.nav-links {
		width: 100%;
		right: -100%;
	}
}