/* Animations */
      @keyframes pulse {
        0% {
          transform: scale(1);
        }
        50% {
          transform: scale(1.1);
        }
        100% {
          transform: scale(1);
        }
      }

      @keyframes successPulse {
        0% {
          transform: scale(0.8);
          opacity: 0;
        }
        50% {
          transform: scale(1.1);
        }
        100% {
          transform: scale(1);
          opacity: 1;
        }
      }

      /* Mobile Responsive */
      @media (max-width: 768px) {
        .cart {
          width: 100%;
        }

        .modal__content {
          margin: 0.5rem;
          max-height: 90vh;
        }

        .header__brand-title {
          font-size: 1.125rem;
        }

        .hero__title {
          font-size: 4.4rem;
        }

        .categories__list {
          gap: 0.5rem;
        }

        .menu__grid {
          grid-template-columns: 1fr;
        }
      }

      @media (max-width: 740px) {
        .food-card {
          flex: 1 1 100%;
          max-width: none;
          display: flex;
          align-items: center;
          text-align: right;
          height: auto;
        }
        .food-image {
          width: 110px;
          height: 110px;
          flex-shrink: 0;
        }
        .food-info {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          padding-right: 0.8rem;
          flex-grow: 1;
        }
        .food-title {
          margin: 0 0 0.3rem;
        }
        .food-price {
          justify-content: flex-start;
          margin: 0.5rem 0;
        }
        .categories__main-list,
        .categories__list {
          display: inline-block;
          text-align: center;
        }
        .categories__item {
          margin: 0 1rem 1rem 0;    
        }
        .subs-list {
          margin-bottom: 0;
        }
        .categories__main-list {
            padding-bottom: 0;
        }
      }