<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;:530,&quot;product_name&quot;:&quot;Beef Chilli with Quinoa \u0026 Avocado Salsa&quot;}" href="/healthy-recipes/beef-chilli-and-zingy-avocado-salsa">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Beef Chilli with Quinoa &amp; Avocado Salsa" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/530/a8a28d98047ed4c6b7c29574e15d512f.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/530/a8a28d98047ed4c6b7c29574e15d512f.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/530/a8a28d98047ed4c6b7c29574e15d512f.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/530/a8a28d98047ed4c6b7c29574e15d512f.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-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Beef Chilli with Quinoa &amp; Avocado Salsa</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;:7146,&quot;product_name&quot;:&quot;Fajita-style Salmon Traybake with Mixed Potato Wedges \u0026 Black Bean Salad&quot;}" href="/healthy-recipes/teens-fajita-style-salmon-traybake-with-sweet-potato-wedges-avocado-salad">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Fajita-style Salmon Traybake with Mixed Potato Wedges &amp; Black Bean Salad" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/7146/47ea49f3bd32cb91098e97daf3555514.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/7146/47ea49f3bd32cb91098e97daf3555514.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/7146/47ea49f3bd32cb91098e97daf3555514.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/7146/47ea49f3bd32cb91098e97daf3555514.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-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Fajita-style Salmon Traybake with Mixed Potato Wedges &amp; Black 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;:634,&quot;product_name&quot;:&quot;Mexican Sweet Potato Salad with Tahini Drizzle&quot;}" href="/healthy-recipes/roasted-sweet-potato-avocado-and-tahini-drizzle">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Mexican Sweet Potato Salad with Tahini Drizzle" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/634/bf6ba52d4c75142d5c124d42086a2e4e.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/634/bf6ba52d4c75142d5c124d42086a2e4e.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/634/bf6ba52d4c75142d5c124d42086a2e4e.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/634/bf6ba52d4c75142d5c124d42086a2e4e.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-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Mexican Sweet Potato Salad with Tahini Drizzle</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;:5540,&quot;product_name&quot;:&quot;Roast Ancho Cod with Sweet Potato Rounds \u0026 Spicy Peanut Salsa&quot;}" href="/healthy-recipes/cajun-cod-blood-orange-tacos-spicy-peanut-salsa">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Roast Ancho Cod with Sweet Potato Rounds &amp; Spicy Peanut Salsa" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/5540/8e570713fc737c56e0279d6f175acf8a?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/5540/8e570713fc737c56e0279d6f175acf8a?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/5540/8e570713fc737c56e0279d6f175acf8a?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/5540/8e570713fc737c56e0279d6f175acf8a?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-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Roast Ancho Cod with Sweet Potato Rounds &amp; Spicy Peanut Salsa</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;:1719,&quot;product_name&quot;:&quot;Denver Steak, Fried Egg \u0026 Tomato Spring Onion Salsa&quot;}" href="/healthy-recipes/mexican-steak-eggs-with-black-bean-salsa">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Denver Steak, Fried Egg &amp; Tomato Spring Onion Salsa" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/1719/49bc9f13685881584ee863cc82016a20?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/1719/49bc9f13685881584ee863cc82016a20?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/1719/49bc9f13685881584ee863cc82016a20?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/1719/49bc9f13685881584ee863cc82016a20?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-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Denver Steak, Fried Egg &amp; Tomato Spring Onion Salsa</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;:1670,&quot;product_name&quot;:&quot;Beef Chilli con Carne with Rice \u0026 Avocado Salsa&quot;}" href="/healthy-recipes/beef-chilli-con-carne-rice-avocado-salsa">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Beef Chilli con Carne with Rice &amp; Avocado Salsa" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/1670/547c0de9791dbb1597a82d51fbd3eed4?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/1670/547c0de9791dbb1597a82d51fbd3eed4?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/1670/547c0de9791dbb1597a82d51fbd3eed4?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/1670/547c0de9791dbb1597a82d51fbd3eed4?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-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Beef Chilli con Carne with Rice &amp; Avocado Salsa</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;:7309,&quot;product_name&quot;:&quot;Sunflower Mince Chilli with Brown Rice, Avocado \u0026 Lime Yoghurt&quot;}" href="/healthy-recipes/mild-sunflower-mince-chilli-con-carne-with-beans-pepper-lime-yoghurt">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Sunflower Mince Chilli with Brown Rice, Avocado &amp; Lime Yoghurt" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/7309/faea285d9d353307a49064f3fea17a06?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/7309/faea285d9d353307a49064f3fea17a06?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/7309/faea285d9d353307a49064f3fea17a06?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/7309/faea285d9d353307a49064f3fea17a06?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-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Sunflower Mince Chilli with Brown Rice, Avocado &amp; Lime Yoghurt</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;:685,&quot;product_name&quot;:&quot;Loaded Sweet Potato with Spicy Black Beans \u0026 Coconut Yoghurt&quot;}" href="/healthy-recipes/herby-and-black-beans-with-sweet-potato">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Loaded Sweet Potato with Spicy Black Beans &amp; Coconut Yoghurt" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/685/f0e61319470fa665fcdc1391b20adfbf.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/685/f0e61319470fa665fcdc1391b20adfbf.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/685/f0e61319470fa665fcdc1391b20adfbf.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/685/f0e61319470fa665fcdc1391b20adfbf.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-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Loaded Sweet Potato with Spicy Black Beans &amp; Coconut Yoghurt</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;:6263,&quot;product_name&quot;:&quot;Crispy Wild-caught Cod Tacos with Pickled Slaw \u0026 Chilli Crema&quot;}" href="/healthy-recipes/crispy-cod-tacos-with-pickled-cabbage-slaw-chilli-crema">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Crispy Wild-caught Cod Tacos with Pickled Slaw &amp; Chilli Crema" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/6263/3f1f90341cb30aba775558bd6b518683.jpg?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%2F3cbc992c23f1ee81161bfc90e918ece0.png&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/6263/3f1f90341cb30aba775558bd6b518683.jpg?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%2F3cbc992c23f1ee81161bfc90e918ece0.png&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/6263/3f1f90341cb30aba775558bd6b518683.jpg?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%2F3cbc992c23f1ee81161bfc90e918ece0.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/6263/3f1f90341cb30aba775558bd6b518683.jpg?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%2F3cbc992c23f1ee81161bfc90e918ece0.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-meta font-medium text-content-on-light-faded" aria-hidden="true">i</span>
      </button>
    </div>

    <h3 class="pt-4 pb-2 text-body-lg-emphasis px-1">Crispy Wild-caught Cod Tacos with Pickled Slaw &amp; Chilli Crema</h3>
</a></div>

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

          <a data-turbo-frame="recipe-results" class="flex items-center" href="/healthy-recipes?cuisine=Mexican&amp;page=8">
            <span class="icon icon--arrow-long-left size-6" aria-hidden="true"></span>
</a>
        <span>Page 9 of 23</span>

          <a data-turbo-frame="recipe-results" class="flex items-center" href="/healthy-recipes?cuisine=Mexican&amp;page=10">
            <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-title-lg">
        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-body">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=Autumn">
          <img class="w-full aspect-4/3 object-cover" alt="Autumn recipes" src="/assets/mc/recipe-library/autumn-d6803008.webp" />

        <div class="bg-brand-primary text-content-on-dark flex items-center justify-between w-full px-4 py-3">
          <h3 class="text-body">Autumn 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-body">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>