#menu {
    padding: 2rem;
  }
  
  .menu-category {
    margin-bottom: 2rem;
  }
  
  .menu-item {
    border: 1px solid #ccc;
    padding: 1rem;
    margin-bottom: 1rem;
  }
  
  .add-to-cart {
    background: #ff6600;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
  }
  
  /* Mobile Responsive - Small Screens (320px to 640px) */
  @media (max-width: 640px) {
    #menu {
      padding: 1rem;
    }

    .menu-category {
      margin-bottom: 1.5rem;
    }

    .menu-item {
      padding: 0.8rem;
      margin-bottom: 0.8rem;
    }

    .add-to-cart {
      padding: 0.4rem 0.8rem;
      font-size: 0.9rem;
    }
  }

  /* Tablet Responsive - Medium Screens (641px to 1024px) */
  @media (min-width: 641px) and (max-width: 1024px) {
    #menu {
      padding: 1.5rem;
    }

    .menu-category {
      margin-bottom: 1.8rem;
    }

    .add-to-cart {
      padding: 0.5rem 1rem;
      font-size: 0.95rem;
    }
  }

  /* Desktop Responsive - Large Screens (1025px and above) */
  @media (min-width: 1025px) {
    #menu {
      padding: 2rem;
    }

    .add-to-cart {
      padding: 0.5rem 1rem;
    }
  }