.menu {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
	border: none;
}

.menu label {
	font-size: 1.2rem;
	font-weight: 600;
	color: #333;
	text-align: center;
	margin-bottom: 8px;
}

.menu select {
	width: 100%;
	font-size: 1rem;
	border: 2px solid #ddd;
	border-radius: 12px;
	background-color: white;
	color: #333;
	cursor: pointer;
	transition: all 0.3s ease;
	appearance: none;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6,9 12,15 18,9"></polyline></svg>');
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 16px;
	padding: 12px 40px 12px 16px;
}

.menu select:hover {
	border-color: #667eea;
	box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);
	transform: translateY(-1px);
}

.menu select:focus {
	outline: none;
	border-color: #667eea;
	box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
}

.menu select option {
	padding: 8px;
	background: white;
	color: #333;
}