/* Стили для гамбургер-меню */
.hamburger {
	display: flex; /* Всегда показываем гамбургер */
	flex-direction: column; /* Располагаем линии вертикально */
	cursor: pointer; /* Курсор "пальчик" */
	margin-right: 20px; /* Отступ справа для гамбургера */
	transition: transform 0.1s; /* Плавный переход для трансформации */
}
.hamburger div {
	width: 25px; /* Ширина линий гамбургера */
	height: 3px; /* Высота линий гамбургера */
	background-color: white; /* Цвет линий гамбургера */
	margin: 4px 0; /* Отступ между линиями */
	transition: background-color 0.3s, transform 0.1s; /* Плавный переход для фона и трансформации */
}
.hamburger:hover div {
	background-color: #ffcc00; /* Изменение цвета при наведении */
}
.hamburger:active {
	transform: scale(0.95); /* Уменьшение размера при нажатии */
}