<turbo-stream action="append" target="random_recipes_by_category"><template><div class="flex flex-wrap mt-5 gap-4 xl:gap-5 justify-center" data-controller="fancybox">
        <div class="news__item" data-aos="fade-up" data-fancybox data-src="#recipeItem"
         data-controller="turbo-reload" data-turboreloadurl="/recipes/39"
         data-turbosrc="recipes_modal" data-action="click->turbo-reload#turbo_reload">
      <div class="news__img">
        <img alt="Сметана Ирбитская 20% 500 г" class="w-full h-full object-cover" src="https://irbit-mz.ru/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaVFIIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--094f050fb2de5e49c654ab68f2c4b92045e38c5a/%D0%A4%D0%B8%D0%BD%D0%BD-%D0%BF%D0%B0%D0%BA%20500%20%D0%A1%D0%BC%D0%B5%D1%82%D0%B0%D0%BD%D0%B0%2020-%20500%20%D0%B3.png" />
      </div>
      <div class="p-3 lg:px-5 lg:py-6">
        <div class="flex justify-between items-center gap-4">
          <div class="news__title">Сметана Ирбитская 20% 500 г</div>
          <div class="arrow">
            <!-- SVG arrow content -->
          </div>
        </div>
      </div>
    </div>

        <div class="news__item" data-aos="fade-up" data-fancybox data-src="#recipeItem"
         data-controller="turbo-reload" data-turboreloadurl="/recipes/40"
         data-turbosrc="recipes_modal" data-action="click->turbo-reload#turbo_reload">
      <div class="news__img">
        <img alt="Сметана Ирбитская 20% 350 г" class="w-full h-full object-cover" src="https://irbit-mz.ru/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBaUFIIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--66336f6aab4dfd67c8dabcc168c6a6cd966e9b22/%D0%A4%D0%B8%D0%BD%D0%BD-%D0%BF%D0%B0%D0%BA%20500%20%D0%A1%D0%BC%D0%B5%D1%82%D0%B0%D0%BD%D0%B0%2020-%20350%20%D0%B3%20(1).png" />
      </div>
      <div class="p-3 lg:px-5 lg:py-6">
        <div class="flex justify-between items-center gap-4">
          <div class="news__title">Сметана Ирбитская 20% 350 г</div>
          <div class="arrow">
            <!-- SVG arrow content -->
          </div>
        </div>
      </div>
    </div>

        <div class="news__item" data-aos="fade-up" data-fancybox data-src="#recipeItem"
         data-controller="turbo-reload" data-turboreloadurl="/recipes/41"
         data-turbosrc="recipes_modal" data-action="click->turbo-reload#turbo_reload">
      <div class="news__img">
        <img alt="Сметана Ирбитская 20% 200 г" class="w-full h-full object-cover" src="https://irbit-mz.ru/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbWNJIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--77c09d39ebb78ab2ca798aed6d013f6eeb9e0288/%D0%A1%D0%BC%D0%B5%D1%82%D0%B0%D0%BD%D0%B0%2020-%201.png" />
      </div>
      <div class="p-3 lg:px-5 lg:py-6">
        <div class="flex justify-between items-center gap-4">
          <div class="news__title">Сметана Ирбитская 20% 200 г</div>
          <div class="arrow">
            <!-- SVG arrow content -->
          </div>
        </div>
      </div>
    </div>

</div>

<div class="flex justify-center" data-aos="fade-up">
  <a onclick="event.target.remove()" data-remote="true" data-method="post" data-turbo-stream="" class="button btn-primary-outline mx-auto mt-8" href="/recipes?recipe_category_id=1&amp;recipe_page=4">Показать ещё</a>
</div></template></turbo-stream>