.burger-menu {
	width: 30px;
	height: 30px;
	position: fixed;
	top: 10px;
	right: 10px;
	z-index: 50;
}

.burger-line {
	position: relative;
	height: 2px;
	transform-origin: center;
	transition: transform 0.3s ease, opacity 0.3s ease;
	background: white;
}

.burger-menu.active .burger-line:nth-child(1) {
	transform: translateY(10px) rotate(45deg);
}

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

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

.mobile-menu {
	z-index: 40;
}

.mobile-menu .close-menu span {
	transition: transform 0.3s ease;
}

body.menu-open {
	overflow: hidden;
}