.dish {
  border: 2px solid #a67b5b !important;
  border-radius: 10px;
  transition: 0.3s;
}

.dish:hover {
  box-shadow: 0 0 8px rgba(166, 123, 91, 0.5);
  transform: translateY(-2px);
}

.dish.active {
  border-color: #4caf50 !important;
  background-color: #dff5e1;
}

.card-img-top {
  width: 100%;
  height: 200px;
  object-fit: cover;
}