<turbo-stream action="update" target="recipe-results"><template>
  <div class="space-y-12">
    <div
      id="recipes-grid"
      class="grid gap-16 grid-cols-1 sm:grid-cols-2 lg:grid-cols-[repeat(auto-fill,minmax(320px,1fr))]"
    >
        
<div class="flex flex-col rounded-xs">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:4942,&quot;product_name&quot;:&quot;Goat&#39;s Cheese \u0026 Beetroot Risotto, Brussels Sprouts \u0026 Candied Pecans&quot;}" href="/healthy-recipes/goat-s-cheese-beetroot-risotto-brussels-sprouts-candied-pecans">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Goat&#39;s Cheese &amp; Beetroot Risotto, Brussels Sprouts &amp; Candied Pecans" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4942/49d5bcfd49abab589dd94214018b5383?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/4942/49d5bcfd49abab589dd94214018b5383?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/4942/49d5bcfd49abab589dd94214018b5383?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4942/49d5bcfd49abab589dd94214018b5383?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-sm font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-lg px-1">Goat&#39;s Cheese &amp; Beetroot Risotto, Brussels Sprouts &amp; Candied Pecans</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:6406,&quot;product_name&quot;:&quot;Creamy Porcini Mushroom \u0026 Butter Bean Pie&quot;}" href="/healthy-recipes/creamy-porcini-mushroom-butter-bean-pie">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Creamy Porcini Mushroom &amp; Butter Bean Pie" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/6406/8da3634c4069bb393f8a6a50b3f16019?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;mark-pad=0&amp;mark-scale=100&amp;mark=https%3A%2F%2Fmindfulchef.imgix.net%2Frecipe_overlay_images%2F432d0a0a02bc2759b0cbf37d9b59ce87.png&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/6406/8da3634c4069bb393f8a6a50b3f16019?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;mark-pad=0&amp;mark-scale=100&amp;mark=https%3A%2F%2Fmindfulchef.imgix.net%2Frecipe_overlay_images%2F432d0a0a02bc2759b0cbf37d9b59ce87.png&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/6406/8da3634c4069bb393f8a6a50b3f16019?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;mark-pad=0&amp;mark-scale=100&amp;mark=https%3A%2F%2Fmindfulchef.imgix.net%2Frecipe_overlay_images%2F432d0a0a02bc2759b0cbf37d9b59ce87.png&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/6406/8da3634c4069bb393f8a6a50b3f16019?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;mark-pad=0&amp;mark-scale=100&amp;mark=https%3A%2F%2Fmindfulchef.imgix.net%2Frecipe_overlay_images%2F432d0a0a02bc2759b0cbf37d9b59ce87.png&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-sm font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-lg px-1">Creamy Porcini Mushroom &amp; Butter Bean Pie</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:7110,&quot;product_name&quot;:&quot;Grilled Vegetable Risotto with Pesto \u0026 Pine Nut Topping&quot;}" href="/healthy-recipes/roasted-vegetable-risotto-with-basil-pesto-topping">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Grilled Vegetable Risotto with Pesto &amp; Pine Nut Topping" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/7110/7f635a77457b3eab71826665f5267c3d.jpg?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/7110/7f635a77457b3eab71826665f5267c3d.jpg?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/7110/7f635a77457b3eab71826665f5267c3d.jpg?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/7110/7f635a77457b3eab71826665f5267c3d.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-sm font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-lg px-1">Grilled Vegetable Risotto with Pesto &amp; Pine Nut Topping</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:7272,&quot;product_name&quot;:&quot;Ve&#39;duja Roast Aubergine with Baked Brown Rice \u0026 Tomato Basil Salad&quot;}" href="/healthy-recipes/creamy-ve-duja-aubergine-with-rice-al-forno-tomato-basil-salad">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Ve&#39;duja Roast Aubergine with Baked Brown Rice &amp; Tomato Basil Salad" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/7272/78724f439d5adcb05757402d7d5e00b0?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/7272/78724f439d5adcb05757402d7d5e00b0?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/7272/78724f439d5adcb05757402d7d5e00b0?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/7272/78724f439d5adcb05757402d7d5e00b0?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-sm font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-lg px-1">Ve&#39;duja Roast Aubergine with Baked Brown Rice &amp; Tomato Basil Salad</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:4964,&quot;product_name&quot;:&quot;Creamy Goat&#39;s Cheese, Mushroom \u0026 Truffle Pasta&quot;}" href="/healthy-recipes/creamy-goats-cheese-mushroom-truffle-pasta">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Creamy Goat&#39;s Cheese, Mushroom &amp; Truffle Pasta" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4964/8da893c7958f0bb49756b4803678f8ab?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;mark-pad=0&amp;mark-scale=100&amp;mark=https%3A%2F%2Fmindfulchef.imgix.net%2Frecipe_overlay_images%2Fafc2957cd104249d344526201bb592ec.png&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/4964/8da893c7958f0bb49756b4803678f8ab?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;mark-pad=0&amp;mark-scale=100&amp;mark=https%3A%2F%2Fmindfulchef.imgix.net%2Frecipe_overlay_images%2Fafc2957cd104249d344526201bb592ec.png&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/4964/8da893c7958f0bb49756b4803678f8ab?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;mark-pad=0&amp;mark-scale=100&amp;mark=https%3A%2F%2Fmindfulchef.imgix.net%2Frecipe_overlay_images%2Fafc2957cd104249d344526201bb592ec.png&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4964/8da893c7958f0bb49756b4803678f8ab?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;mark-pad=0&amp;mark-scale=100&amp;mark=https%3A%2F%2Fmindfulchef.imgix.net%2Frecipe_overlay_images%2Fafc2957cd104249d344526201bb592ec.png&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-sm font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-lg px-1">Creamy Goat&#39;s Cheese, Mushroom &amp; Truffle Pasta</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:4892,&quot;product_name&quot;:&quot;Creamy Cauliflower Pasta Bake&quot;}" href="/healthy-recipes/creamy-grilled-cauliflower-pasta">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Creamy Cauliflower Pasta Bake" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4892/b1ee7cc617b8b965ab829733e82baea5.jpg?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/4892/b1ee7cc617b8b965ab829733e82baea5.jpg?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/4892/b1ee7cc617b8b965ab829733e82baea5.jpg?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4892/b1ee7cc617b8b965ab829733e82baea5.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-sm font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-lg px-1">Creamy Cauliflower Pasta Bake</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:4763,&quot;product_name&quot;:&quot;Mozzarella, Rosemary \u0026 Aubergine Pasta Bake&quot;}" href="/healthy-recipes/mozzarella-rosemary-and-squash-pasta-bake">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Mozzarella, Rosemary &amp; Aubergine Pasta Bake" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4763/236e1674db89ecb0f7963b18eb17f0bd?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/4763/236e1674db89ecb0f7963b18eb17f0bd?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/4763/236e1674db89ecb0f7963b18eb17f0bd?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/4763/236e1674db89ecb0f7963b18eb17f0bd?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-sm font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-lg px-1">Mozzarella, Rosemary &amp; Aubergine Pasta Bake</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:5331,&quot;product_name&quot;:&quot;Mozzarella, Tomato \u0026 Charred Green Bean Salad&quot;}" href="/healthy-recipes/mozzarella-tomato-charred-green-bean-salad-2">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Mozzarella, Tomato &amp; Charred Green Bean Salad" loading="lazy" src="https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-sm font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-lg px-1">Mozzarella, Tomato &amp; Charred Green Bean Salad</h3>
</a></div>

        
<div class="flex flex-col rounded-xs">
  <a class="block" data-turbo-frame="_top" data-action="click-&gt;analytics#track" data-analytics-type-param="product_details_clicked" data-analytics-properties-param="{&quot;product_category&quot;:&quot;recipe&quot;,&quot;product_type&quot;:&quot;recipe&quot;,&quot;product_id&quot;:6283,&quot;product_name&quot;:&quot;Creamy Mushroom \u0026 Lentil Pasta with Broccoli&quot;}" href="/healthy-recipes/mushroom-lentil-pasta-with-tenderstem-broccoli">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Creamy Mushroom &amp; Lentil Pasta with Broccoli" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/6283/72f7c1cd9c3540660ac0728c25595c6d?auto=format&amp;crop=focalpoint&amp;dpr=1&amp;fit=crop&amp;h=375&amp;mark-pad=0&amp;mark-scale=100&amp;mark=https%3A%2F%2Fmindfulchef.imgix.net%2Frecipe_overlay_images%2F432d0a0a02bc2759b0cbf37d9b59ce87.png&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/6283/72f7c1cd9c3540660ac0728c25595c6d?auto=format&amp;crop=focalpoint&amp;dpr=2&amp;fit=crop&amp;h=375&amp;mark-pad=0&amp;mark-scale=100&amp;mark=https%3A%2F%2Fmindfulchef.imgix.net%2Frecipe_overlay_images%2F432d0a0a02bc2759b0cbf37d9b59ce87.png&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/6283/72f7c1cd9c3540660ac0728c25595c6d?auto=format&amp;crop=focalpoint&amp;dpr=3&amp;fit=crop&amp;h=375&amp;mark-pad=0&amp;mark-scale=100&amp;mark=https%3A%2F%2Fmindfulchef.imgix.net%2Frecipe_overlay_images%2F432d0a0a02bc2759b0cbf37d9b59ce87.png&amp;q=50&amp;w=300 3x" width="300" height="375" onerror="this.onerror=null;this.src='https://mindfulchef-images-production.imgix.net/recipe-placeholder.jpg?auto=format&crop=focalpoint&fit=crop&h=375&q=50&w=300';this.removeAttribute('srcset')" src="https://mindfulchef.imgix.net/recipes/6283/72f7c1cd9c3540660ac0728c25595c6d?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=375&amp;mark-pad=0&amp;mark-scale=100&amp;mark=https%3A%2F%2Fmindfulchef.imgix.net%2Frecipe_overlay_images%2F432d0a0a02bc2759b0cbf37d9b59ce87.png&amp;q=50&amp;w=300" />

      <button
        type="button"
        aria-label="Recipe information"
        class="
          absolute right-0 bottom-0 w-[22px] h-[22px] flex items-center justify-center bg-surface-light rounded-full
          m-3 border-2 border-content-on-light-faded
        "
      >
        <span class="text-sm font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-lg px-1">Creamy Mushroom &amp; Lentil Pasta with Broccoli</h3>
</a></div>

    </div>
      <div class="flex justify-center gap-4">

          <a data-turbo-frame="recipe-results" class="flex items-center" href="/healthy-recipes?food_group=Dairy&amp;page=10">
            <span class="icon icon--arrow-long-left size-6" aria-hidden="true"></span>
</a>
        <span>Page 11 of 25</span>

          <a data-turbo-frame="recipe-results" class="flex items-center" href="/healthy-recipes?food_group=Dairy&amp;page=12">
            <span class="icon icon--arrow-long-right size-6" aria-hidden="true"></span>
</a>      </div>



  <div class="grid lg:grid-cols-3 gap-8 lg:gap-12 mt-24">
    <div class="lg:col-span-2 flow bg-surface-light-high pt-10 pb-16 px-10 lg:pr-29">
      <h2 class="text-2xl">
        About our meals
      </h2>

      <p class="max-w-none">
        Our recipes aren't just packed with flavour, they're built around nutrient-dense, macro-balanced wholefoods that are genuinely good for you. That means no refined carbs, and they are refined sugar and palm oil free.<br><br>Whether you're cooking for one, two or a whole family, we've got something for everyone – with plenty of gluten-free, dairy-free, plant-based and flexitarian options all in the mix.<br><br>Our talented in-house chefs spend hours designing and testing every recipe with care, so you can get a flavour-packed meal on the table in as little as 20 minutes. Use the filter to find exactly what you're looking for. Dinner, sorted.
      </p>
    </div>
  </div>


  <div class="grid grid-cols-1 md:grid-cols-3 gap-8 lg:gap-12">
      <a class="flex flex-col overflow-hidden rounded-xs" data-turbo-frame="_top" href="/healthy-recipes?rating=4%2B">
          <img class="w-full aspect-4/3 object-cover" alt="Most popular recipes" srcset="https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/popular-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600&amp;dpr=1 1x, https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/popular-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600&amp;dpr=2 2x, https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/popular-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600&amp;dpr=3 3x" src="https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/popular-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600" />

        <div class="bg-brand-primary text-content-on-dark flex items-center justify-between w-full px-4 py-3">
          <h3 class="text-base">Most popular recipes</h3>
          <span class="icon icon--arrow-right size-5.5" aria-hidden="true"></span>
        </div>
</a>      <a class="flex flex-col overflow-hidden rounded-xs" data-turbo-frame="_top" href="/healthy-recipes?season=Summer">
          <img class="w-full aspect-4/3 object-cover" alt="Summer recipes" src="/assets/mc/recipe-library/summer-54521999.webp" />

        <div class="bg-brand-primary text-content-on-dark flex items-center justify-between w-full px-4 py-3">
          <h3 class="text-base">Summer recipes</h3>
          <span class="icon icon--arrow-right size-5.5" aria-hidden="true"></span>
        </div>
</a>      <a class="flex flex-col overflow-hidden rounded-xs" data-turbo-frame="_top" href="/healthy-recipes?cooking_time=0-15">
          <img class="w-full aspect-4/3 object-cover" alt="Quick recipes" srcset="https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/speedy-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600&amp;dpr=1 1x, https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/speedy-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600&amp;dpr=2 2x, https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/speedy-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600&amp;dpr=3 3x" src="https://mindfulchef-images-production.imgix.net/recipes/quick-search-categories/speedy-recipes.jpg?auto=format&amp;crop=focalpoint&amp;fit=crop&amp;h=475&amp;q=50&amp;w=600" />

        <div class="bg-brand-primary text-content-on-dark flex items-center justify-between w-full px-4 py-3">
          <h3 class="text-base">Quick recipes</h3>
          <span class="icon icon--arrow-right size-5.5" aria-hidden="true"></span>
        </div>
</a>  </div>
</div>

</template></turbo-stream><turbo-stream action="update" target="filter-actions"><template>
    <a class="text-sm underline whitespace-nowrap" href="/healthy-recipes">Clear all filters</a>
</template></turbo-stream>