body{
          background:#0e0e0e;
          color:#fff;
          font-family:Arial, sans-serif;
        }

        .menu-container{
          max-width:700px;
          margin:30px auto;
          padding:20px;
        }

        .menu-title{
          text-align:center;
          color:#ff3b3b;
          margin-bottom:20px;
        }

        .nav-tabs{
          border:none;
          justify-content:center;
          margin-bottom:25px;
        }

        .nav-tabs .nav-link{
          background:#222;
          color:#fff;
          border:none;
          border-radius:20px;
          margin:0 5px;
          padding:8px 18px;
        }

        .nav-tabs .nav-link.active{
          background:#b3001b;
          color: white;
        }

        .menu-item{
          margin-bottom:20px;
        }

        .menu-header{
          display:flex;
          justify-content:space-between;
          border-bottom:2px dotted #666;
          padding-bottom:5px;
        }

        .menu-body{
          display:flex;
          gap:15px;
          margin-top:10px;
        }

        .menu-body img{
          width:90px;
          height:90px;
          object-fit:cover;
          border-radius:10px;
          border:2px solid #b3001b;
        }

        .menu-text{
          font-size:0.9rem;
          color:#ddd;
        }

        .btn-add{
          background:#b3001b;
          border:none;
          color:#fff;
          padding:5px 12px;
          border-radius:20px;
          font-size:0.8rem;
          margin-top:8px;
        }

        .cart-item{
          display:flex;
          justify-content:space-between;
          border-bottom:1px solid #444;
          padding:10px 0;
        }

        .cart-empty{
          text-align:center;
          color:#777;
          margin-top:30px;
        }

        .btn-remove{
          background:none;
          border:none;
          color:#ff4d4d;
          font-size:0.85rem;
        }

        #cartTotal{
          border-top:1px solid #444;
          padding-top:10px;
          font-size:1.1rem;
        }

        /* ===== MENU COLLAPSE ===== */
        .menu-item {
          margin-bottom: 12px;
        }

        .menu-header {
          display: flex;
          justify-content: space-between;
          color: #fff;
          text-decoration: none;
          padding: 8px 0;
          border-bottom: 2px dotted #666;
          cursor: pointer;
        }

        .menu-header:hover {
          color: #ff4d4d;
          text-decoration: none;
        }

        .menu-body {
          padding: 10px 0;
        }

        .menu-details {
          display: flex;
          gap: 15px;
          align-items: center;
        }

        .menu-details img {
          width: 110px;
          height: 110px;
          object-fit: cover;
          border-radius: 8px;
          border: 2px solid #b3001b;
        }

        .menu-text {
          font-size: 0.9rem;
          color: #ddd;
        }

        /* Mobile */
        @media (max-width: 576px) {
          .menu-details {
            flex-direction: column;
            text-align: center;
          }

          .menu-details img {
            width: 140px;
            height: 140px;
          }
        }