.food-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    }
    .food-card-image {
      height: 180px;
      object-fit: cover;
    }
    .cart-item-enter {
      opacity: 0;
      transform: translateX(-50px);
    }
    .cart-item-enter-active {
      opacity: 1;
      transform: translateX(0);
      transition: all 300ms ease-in;
    }
    .cart-item-exit {
      opacity: 1;
    }
    .cart-item-exit-active {
      opacity: 0;
      transform: translateX(50px);
      transition: all 300ms ease-in;
    }