<turbo-stream action="replace" target="menu-items"><template><div id="items" class="col-span-10 lg:col-span-11 h-[calc(85vh-120px)] overflow-y-scroll md:mt-6 md:pl-0 md:pr-0 pb-20 pl-1 pr-2  scrollbar-hide" style="scrollbar-width: none; -ms-overflow-style: none;">
  <!-- Menu grid -->
  <div id="menu-items">
      <!-- Display Combos for Mirako Meals category -->
      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2 pt-3 pb-16">
          
  <div class="item relative z-0 my-[0.1rem]">
    <div
      class="absolute top-1/2 -translate-y-1/2 z-20 h-[168px] w-[168px] overflow-hidden rounded-full left-0">
        <img width="320" height="320" alt="Value Solo Meal – Combo meal at Mirako Pizzerria" class="w-full h-full object-cover pointer-events-none select-none" loading="lazy" decoding="async" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBblVFIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--36c4544d0ffe755a97b804f1e6036e5ba32db3d7/value%20solo%20meal.png" />
    </div>

    <div class="rounded-[12px] border border-[#C2C2C2] bg-white min-h-[148px] py-3 flex flex-col justify-center ml-[84px] sm:ml-[78px] pr-4 pl-[96px]">
      <div class="flex justify-between items-start gap-2">
        <div class="flex items-center">
            <img width="15" height="15" loading="lazy" decoding="async" alt="Veg" class="h-[14.855691909790039px] w-[14.855691909790039px]" src="/assets/veg-fa542c48f111d8c5d6804827ec08358dd08779f2ad2d1568e3c9287551eba90f.svg" />
        </div>
        <div id="favorite-icon-combo_2" class="shrink-0">
          <form data-turbo-stream="true" action="/favorites" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Uin0FkGOBgId2AygqLqe6FP3D3JtCE4cGODjbYmUWSRbnAxmWa3gPDCmD20cmSygS7WDUkE_Dd0PeY7apCZU3g" autocomplete="off" />
  <input type="hidden" name="combo_id" value="2">
  <input type="hidden" name="profile_page" value="false">

  <button type="submit">
      <img width="16" height="14" loading="lazy" decoding="async" alt="Add to favorites" class="w-[16px] h-[14px] text-red-600 fill-none stroke-red-600 hover:fill-red-600 hover:cursor-pointer transition" src="/assets/heart-outline-8353acde10c5ff0e6d4938d5eced7c38ebd69e038b2374f788a6409e3b491736.svg" />
  </button>
</form>
        </div>
      </div>

      <h2 class="mt-1 text-[12px] font-poppins text-[#1B0101] font-medium leading-tight line-clamp-2 pr-1">
        Value Solo Meal
      </h2>

        <p class="text-[10px] font-poppins text-[#1B0101]/80 leading-tight line-clamp-2 mt-1">
          Best Value starter—classic mozzarella 
Margherita, crispy fries, chilled Coke. 
Simple. Satisfying.
        </p>

        <div class="flex items-center justify-between gap-2 mt-2 mb-2">
          <h3 class="text-[14px] sm:text-[15px] font-bold font-ruddy text-[#1B0101] shrink-0">
            ₹235
          </h3>
            <p class="text-[8px] bg-[#DC0000] px-[6px] py-[4px] rounded text-white font-ruddy font-semibold shrink-0">
              Save ₹25
            </p>
        </div>

      <div class="mt-auto w-full flex justify-end">
        <div id="combo_cart_controls_2">
              <form class="inline" data-turbo="true" action="/combos/2/add_direct" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w08dY5ptV7bUaUqgNfzVuGYtUrMWkckaWqy8iOtddXC1ivm-UPtmQuI7vrjGgm8ONjEzV0rY6nsIdrJID2GFMA" autocomplete="off" />
      <button type="submit"
              class="w-[113px] p-[7px] bg-[#03773C] font-medium text-white font-poppins text-[12px] rounded-full hover:opacity-90 transition">
        Add
      </button>
</form>
        </div>
      </div>
    </div>
  </div>

          
  <div class="item relative z-0 my-[0.1rem]">
    <div
      class="absolute top-1/2 -translate-y-1/2 z-20 h-[168px] w-[168px] overflow-hidden rounded-full right-0 lg:left-0 lg:right-auto">
        <img width="320" height="320" alt="Tuscano  Solo Meal – Combo meal at Mirako Pizzerria" class="w-full h-full object-cover pointer-events-none select-none" loading="lazy" decoding="async" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbmNFIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--91441c26beee18b88361c91a4b443caffe77b050/Tuscano%20Solo%20Meal%20(1).png" />
    </div>

    <div class="rounded-[12px] border border-[#C2C2C2] bg-white min-h-[148px] py-3 flex flex-col justify-center mr-[84px] sm:mr-[78px] pl-4 pr-[96px] lg:ml-[78px] lg:mr-0 lg:pl-[96px] lg:pr-4">
      <div class="flex justify-between items-start gap-2">
        <div class="flex items-center">
            <img width="15" height="15" loading="lazy" decoding="async" alt="Non-Veg" class="h-[14.855691909790039px] w-[14.855691909790039px]" src="/assets/non-veg-17941b8bd3e7ad3c8410f841026b9131c12e09dcb29766caec811c73c5583355.svg" />
        </div>
        <div id="favorite-icon-combo_1" class="shrink-0">
          <form data-turbo-stream="true" action="/favorites" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YyqmuFqhpmNickmyEBBF44chHHmlNtgGHOLvaaQ-C0dqn17IQoJAXU8MSn-kM_ern2OQWYkBm8cLe4LeiYwGvQ" autocomplete="off" />
  <input type="hidden" name="combo_id" value="1">
  <input type="hidden" name="profile_page" value="false">

  <button type="submit">
      <img width="16" height="14" loading="lazy" decoding="async" alt="Add to favorites" class="w-[16px] h-[14px] text-red-600 fill-none stroke-red-600 hover:fill-red-600 hover:cursor-pointer transition" src="/assets/heart-outline-8353acde10c5ff0e6d4938d5eced7c38ebd69e038b2374f788a6409e3b491736.svg" />
  </button>
</form>
        </div>
      </div>

      <h2 class="mt-1 text-[12px] font-poppins text-[#1B0101] font-medium leading-tight line-clamp-2 pr-1">
        Tuscano  Solo Meal
      </h2>

        <p class="text-[10px] font-poppins text-[#1B0101]/80 leading-tight line-clamp-2 mt-1">
          Signature pick—spiced chicken 
Tuscano, golden fries, chilled Coke. 
Bold flavour, fast comfort.
        </p>

        <div class="flex items-center justify-between gap-2 mt-2 mb-2">
          <h3 class="text-[14px] sm:text-[15px] font-bold font-ruddy text-[#1B0101] shrink-0">
            ₹335
          </h3>
            <p class="text-[8px] bg-[#DC0000] px-[6px] py-[4px] rounded text-white font-ruddy font-semibold shrink-0">
              Save ₹25
            </p>
        </div>

      <div class="mt-auto w-full flex justify-start lg:justify-end">
        <div id="combo_cart_controls_1">
              <form class="inline" data-turbo="true" action="/combos/1/add_direct" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WaI2HOl5a_xYctEzpXqWkWkU0vEqhjY6sZzqu9DKRUzi30pfdodDX-o_mMYq8c2NsqrYGNsDCRRI66nuNTlfoA" autocomplete="off" />
      <button type="submit"
              class="w-[113px] p-[7px] bg-[#03773C] font-medium text-white font-poppins text-[12px] rounded-full hover:opacity-90 transition">
        Add
      </button>
</form>
        </div>
      </div>
    </div>
  </div>

          
  <div class="item relative z-0 my-[0.1rem]">
    <div
      class="absolute top-1/2 -translate-y-1/2 z-20 h-[168px] w-[168px] overflow-hidden rounded-full left-0">
        <img width="320" height="320" alt="Americana  Duo Meal – Combo meal at Mirako Pizzerria" class="w-full h-full object-cover pointer-events-none select-none" loading="lazy" decoding="async" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbmtFIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--917b5e4d65fa71121882ecc13a4c5aa7fe68711e/Americana%20Duo%20Meal.png" />
    </div>

    <div class="rounded-[12px] border border-[#C2C2C2] bg-white min-h-[148px] py-3 flex flex-col justify-center ml-[84px] sm:ml-[78px] pr-4 pl-[96px]">
      <div class="flex justify-between items-start gap-2">
        <div class="flex items-center">
            <img width="15" height="15" loading="lazy" decoding="async" alt="Veg" class="h-[14.855691909790039px] w-[14.855691909790039px]" src="/assets/veg-fa542c48f111d8c5d6804827ec08358dd08779f2ad2d1568e3c9287551eba90f.svg" />
        </div>
        <div id="favorite-icon-combo_3" class="shrink-0">
          <form data-turbo-stream="true" action="/favorites" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xhCK-XQ6AxX76WOD_ZOhA2JWh8PdLmW9e3ybaJAcZ1TPpXKJbBnlK9aXYE5JsBNLehQL4_EZJnxs5fbfva5qrg" autocomplete="off" />
  <input type="hidden" name="combo_id" value="3">
  <input type="hidden" name="profile_page" value="false">

  <button type="submit">
      <img width="16" height="14" loading="lazy" decoding="async" alt="Add to favorites" class="w-[16px] h-[14px] text-red-600 fill-none stroke-red-600 hover:fill-red-600 hover:cursor-pointer transition" src="/assets/heart-outline-8353acde10c5ff0e6d4938d5eced7c38ebd69e038b2374f788a6409e3b491736.svg" />
  </button>
</form>
        </div>
      </div>

      <h2 class="mt-1 text-[12px] font-poppins text-[#1B0101] font-medium leading-tight line-clamp-2 pr-1">
        Americana  Duo Meal
      </h2>

        <p class="text-[10px] font-poppins text-[#1B0101]/80 leading-tight line-clamp-2 mt-1">
          Safe Choice for two—mild sweet corn 
&amp; cheese Americana, shareable fries, 
Coke.
        </p>

        <div class="flex items-center justify-between gap-2 mt-2 mb-2">
          <h3 class="text-[14px] sm:text-[15px] font-bold font-ruddy text-[#1B0101] shrink-0">
            ₹455
          </h3>
            <p class="text-[8px] bg-[#DC0000] px-[6px] py-[4px] rounded text-white font-ruddy font-semibold shrink-0">
              Save ₹35
            </p>
        </div>

      <div class="mt-auto w-full flex justify-end">
        <div id="combo_cart_controls_3">
              <form class="inline" data-turbo="true" action="/combos/3/add_direct" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PdgBuQpFpC7EeHLQy9SMMHlngJwpmDqnVEtRVQkTY0E9PwTlJasQnalspYBb6ZmSZgeiO4TsuZ9zlcjZoU7zLQ" autocomplete="off" />
      <button type="submit"
              class="w-[113px] p-[7px] bg-[#03773C] font-medium text-white font-poppins text-[12px] rounded-full hover:opacity-90 transition">
        Add
      </button>
</form>
        </div>
      </div>
    </div>
  </div>

          
  <div class="item relative z-0 my-[0.1rem]">
    <div
      class="absolute top-1/2 -translate-y-1/2 z-20 h-[168px] w-[168px] overflow-hidden rounded-full right-0 lg:left-0 lg:right-auto">
        <img width="320" height="320" alt="Paneer Family Meal – Combo meal at Mirako Pizzerria" class="w-full h-full object-cover pointer-events-none select-none" loading="lazy" decoding="async" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbnNFIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--19d67d9280248b7463c330857b8e1634c632c44d/Paneer%20Family%20Meal.png" />
    </div>

    <div class="rounded-[12px] border border-[#C2C2C2] bg-white min-h-[148px] py-3 flex flex-col justify-center mr-[84px] sm:mr-[78px] pl-4 pr-[96px] lg:ml-[78px] lg:mr-0 lg:pl-[96px] lg:pr-4">
      <div class="flex justify-between items-start gap-2">
        <div class="flex items-center">
            <img width="15" height="15" loading="lazy" decoding="async" alt="Veg" class="h-[14.855691909790039px] w-[14.855691909790039px]" src="/assets/veg-fa542c48f111d8c5d6804827ec08358dd08779f2ad2d1568e3c9287551eba90f.svg" />
        </div>
        <div id="favorite-icon-combo_4" class="shrink-0">
          <form data-turbo-stream="true" action="/favorites" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Uu8C5MnmKROIqi7Aefxdhevakuh8DofqDNJ2NR9h9IJbWvqU0cXPLaXULQ3N3-_N85geyFA5xCsbSxuCMtP5eA" autocomplete="off" />
  <input type="hidden" name="combo_id" value="4">
  <input type="hidden" name="profile_page" value="false">

  <button type="submit">
      <img width="16" height="14" loading="lazy" decoding="async" alt="Add to favorites" class="w-[16px] h-[14px] text-red-600 fill-none stroke-red-600 hover:fill-red-600 hover:cursor-pointer transition" src="/assets/heart-outline-8353acde10c5ff0e6d4938d5eced7c38ebd69e038b2374f788a6409e3b491736.svg" />
  </button>
</form>
        </div>
      </div>

      <h2 class="mt-1 text-[12px] font-poppins text-[#1B0101] font-medium leading-tight line-clamp-2 pr-1">
        Paneer Family Meal
      </h2>

        <p class="text-[10px] font-poppins text-[#1B0101]/80 leading-tight line-clamp-2 mt-1">
          Bestseller for sharing—Jumbo paneer 
tikka, fries, and 2 Cokes. Big, easy 
choice.
        </p>

        <div class="flex items-center justify-between gap-2 mt-2 mb-2">
          <h3 class="text-[14px] sm:text-[15px] font-bold font-ruddy text-[#1B0101] shrink-0">
            ₹605
          </h3>
            <p class="text-[8px] bg-[#DC0000] px-[6px] py-[4px] rounded text-white font-ruddy font-semibold shrink-0">
              Save ₹45
            </p>
        </div>

      <div class="mt-auto w-full flex justify-start lg:justify-end">
        <div id="combo_cart_controls_4">
              <form class="inline" data-turbo="true" action="/combos/4/add_direct" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fuR3AwY_Tu5lI1FgUM75NCtF1f9I7Tp3etJ110EwY5ZwY9Yt0lVlWupTP3IWSeYEIGkfLSMt_DYcJqqnJSVHQg" autocomplete="off" />
      <button type="submit"
              class="w-[113px] p-[7px] bg-[#03773C] font-medium text-white font-poppins text-[12px] rounded-full hover:opacity-90 transition">
        Add
      </button>
</form>
        </div>
      </div>
    </div>
  </div>

          
  <div class="item relative z-0 my-[0.1rem]">
    <div
      class="absolute top-1/2 -translate-y-1/2 z-20 h-[168px] w-[168px] overflow-hidden rounded-full left-0">
        <img width="320" height="320" alt="Malai  Signature  Feast – Combo meal at Mirako Pizzerria" class="w-full h-full object-cover pointer-events-none select-none" loading="lazy" decoding="async" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbjBFIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--e5570eae0e9cca935f8a15ba0ad1e34808e9f98d/Malai%20Signature%20Feast_.png" />
    </div>

    <div class="rounded-[12px] border border-[#C2C2C2] bg-white min-h-[148px] py-3 flex flex-col justify-center ml-[84px] sm:ml-[78px] pr-4 pl-[96px]">
      <div class="flex justify-between items-start gap-2">
        <div class="flex items-center">
            <img width="15" height="15" loading="lazy" decoding="async" alt="Non-Veg" class="h-[14.855691909790039px] w-[14.855691909790039px]" src="/assets/non-veg-17941b8bd3e7ad3c8410f841026b9131c12e09dcb29766caec811c73c5583355.svg" />
        </div>
        <div id="favorite-icon-combo_5" class="shrink-0">
          <form data-turbo-stream="true" action="/favorites" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XeOBypHjtFjz1xabUrdsoSMV61sxPLw-npgzDWquFudUVnm6icBSZt6pFVbmlN7pO1dnex0L__-JAV66RxwbHQ" autocomplete="off" />
  <input type="hidden" name="combo_id" value="5">
  <input type="hidden" name="profile_page" value="false">

  <button type="submit">
      <img width="16" height="14" loading="lazy" decoding="async" alt="Add to favorites" class="w-[16px] h-[14px] text-red-600 fill-none stroke-red-600 hover:fill-red-600 hover:cursor-pointer transition" src="/assets/heart-outline-8353acde10c5ff0e6d4938d5eced7c38ebd69e038b2374f788a6409e3b491736.svg" />
  </button>
</form>
        </div>
      </div>

      <h2 class="mt-1 text-[12px] font-poppins text-[#1B0101] font-medium leading-tight line-clamp-2 pr-1">
        Malai  Signature  Feast
      </h2>

        <p class="text-[10px] font-poppins text-[#1B0101]/80 leading-tight line-clamp-2 mt-1">
          Premium Feast—creamy malai 
chicken, juicy wings, and 2 Cokes for 
the table.
        </p>

        <div class="flex items-center justify-between gap-2 mt-2 mb-2">
          <h3 class="text-[14px] sm:text-[15px] font-bold font-ruddy text-[#1B0101] shrink-0">
            ₹765
          </h3>
            <p class="text-[8px] bg-[#DC0000] px-[6px] py-[4px] rounded text-white font-ruddy font-semibold shrink-0">
              Save ₹55
            </p>
        </div>

      <div class="mt-auto w-full flex justify-end">
        <div id="combo_cart_controls_5">
              <form class="inline" data-turbo="true" action="/combos/5/add_direct" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m5aAwxx1M_IT3pGXyBjOJch4EZSmSHdGt0gejwANQkx0yUBEtCr7RQbkY7cLHTwZo96jD1W_4qz-_pgY3w17XQ" autocomplete="off" />
      <button type="submit"
              class="w-[113px] p-[7px] bg-[#03773C] font-medium text-white font-poppins text-[12px] rounded-full hover:opacity-90 transition">
        Add
      </button>
</form>
        </div>
      </div>
    </div>
  </div>

      </div>
  </div>
</div>
</template></turbo-stream>