/* Menu Section */
.menu {
    text-align: center;
    padding: 4rem 2rem;
}

.menu h2 {
    font-size: 2.5rem;
    margin-bottom: 2rem;
}

.menu-items {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

/* Hoverable Items */

.item {
	position: relative;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    padding: 1rem;
    transition: transform 0.3s;
     width: 250px;
     height: 50%;
     min-width: 250px;
	 z-index: 100;
}

.details {
display: none;
}


.item:hover .details {
	display: block;
	text-align: center;
	opacity: 1;
	padding: 10px;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.5s;
}
	

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.item img {
    width: 100%;
    border-radius: 10px;
}

.item:hover {
    transform: scale(1.5);
    transform: translateY(10px);
}


.badge {
  background-color: red;
  color: white;
  padding: 2px 4px;
  text-align: center;
  border-radius: 5px;
}