<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;:6273,&quot;product_name&quot;:&quot;Smoked Haddock, Sweetcorn \u0026 Egg Hash&quot;}" href="/healthy-recipes/smoked-haddock-sweetcorn-egg-hash">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Smoked Haddock, Sweetcorn &amp; Egg Hash" 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-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">Smoked Haddock, Sweetcorn &amp; Egg Hash</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;:6161,&quot;product_name&quot;:&quot;Lemon-roasted Salmon with Quinoa \u0026 Aubergine Tagine&quot;}" href="/healthy-recipes/lemon-roasted-trout-with-aubergine-tagine-and-quinoa">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Lemon-roasted Salmon with Quinoa &amp; Aubergine Tagine" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/6161/85b13da6a7c572cef236dc2dcdd55613.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/6161/85b13da6a7c572cef236dc2dcdd55613.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/6161/85b13da6a7c572cef236dc2dcdd55613.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/6161/85b13da6a7c572cef236dc2dcdd55613.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">Lemon-roasted Salmon with Quinoa &amp; Aubergine Tagine</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;:4345,&quot;product_name&quot;:&quot;Korean-style Tofu Salad with Brown Rice Noodles \u0026 Pickled Carrot&quot;}" href="/healthy-recipes/korean-cold-noodle-salad">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Korean-style Tofu Salad with Brown Rice Noodles &amp; Pickled Carrot" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4345/4ac3ee5f21e362734983e313d6394e30?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/4345/4ac3ee5f21e362734983e313d6394e30?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/4345/4ac3ee5f21e362734983e313d6394e30?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/4345/4ac3ee5f21e362734983e313d6394e30?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">Korean-style Tofu Salad with Brown Rice Noodles &amp; Pickled Carrot</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;:5884,&quot;product_name&quot;:&quot;Honey Gochujang Cod with Brown Rice, Pickled Cabbage \u0026 Edamame&quot;}" href="/healthy-recipes/gochujang-cod-bowl">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Honey Gochujang Cod with Brown Rice, Pickled Cabbage &amp; Edamame" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/5884/a3de292b883c737c7ae7e53f620dc2cf.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/5884/a3de292b883c737c7ae7e53f620dc2cf.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/5884/a3de292b883c737c7ae7e53f620dc2cf.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/5884/a3de292b883c737c7ae7e53f620dc2cf.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">Honey Gochujang Cod with Brown Rice, Pickled Cabbage &amp; Edamame</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;:4160,&quot;product_name&quot;:&quot;Gochujang-glazed Salmon with Roast Potatoes \u0026 Black Bean Pineapple Salad&quot;}" href="/healthy-recipes/crispy-hake-with-pineapple-avocado-salad">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Gochujang-glazed Salmon with Roast Potatoes &amp; Black Bean Pineapple Salad" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4160/67acec6a327d2f98976626d41f1e7acd?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/4160/67acec6a327d2f98976626d41f1e7acd?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/4160/67acec6a327d2f98976626d41f1e7acd?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/4160/67acec6a327d2f98976626d41f1e7acd?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">Gochujang-glazed Salmon with Roast Potatoes &amp; Black Bean Pineapple 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;:5330,&quot;product_name&quot;:&quot;Pesto Gnocchi Bake with Mozzarella, Broccoli \u0026 Balsamic Tomato Salad&quot;}" href="/healthy-recipes/mozzarella-pesto-pea-gnocchi-bake">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Pesto Gnocchi Bake with Mozzarella, Broccoli &amp; Balsamic Tomato Salad" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/5330/2d1edbfcdb4d72269b24542682bb136d?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/5330/2d1edbfcdb4d72269b24542682bb136d?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/5330/2d1edbfcdb4d72269b24542682bb136d?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/5330/2d1edbfcdb4d72269b24542682bb136d?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">Pesto Gnocchi Bake with Mozzarella, Broccoli &amp; Balsamic Tomato 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;:6090,&quot;product_name&quot;:&quot;Italian-style Steak Salad with Quinoa, Avocado \u0026 Rocket Pesto&quot;}" href="/healthy-recipes/tossed-italian-salad-1">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Italian-style Steak Salad with Quinoa, Avocado &amp; Rocket Pesto" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/6090/cfa14dd943f2b64ba61a85412811381f.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/6090/cfa14dd943f2b64ba61a85412811381f.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/6090/cfa14dd943f2b64ba61a85412811381f.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/6090/cfa14dd943f2b64ba61a85412811381f.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">Italian-style Steak Salad with Quinoa, Avocado &amp; Rocket Pesto</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;:4494,&quot;product_name&quot;:&quot;King Prawn Cocktail, Baked Potatoes \u0026 Yoghurt Drizzle&quot;}" href="/healthy-recipes/classic-prawn-cocktail-baked-potato-1">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="King Prawn Cocktail, Baked Potatoes &amp; Yoghurt Drizzle" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4494/5a604d83551fc73d37122f0518af6769?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/4494/5a604d83551fc73d37122f0518af6769?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/4494/5a604d83551fc73d37122f0518af6769?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/4494/5a604d83551fc73d37122f0518af6769?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">King Prawn Cocktail, Baked Potatoes &amp; Yoghurt 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;:1921,&quot;product_name&quot;:&quot;Sirloin steak, mushroom sauce \u0026 pesto hash&quot;}" href="/healthy-recipes/sirloin-dauphinoise-potato-green-beans">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Sirloin steak, mushroom sauce &amp; pesto hash" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/1921/18ef2160d5901b4645b4775584799ff1?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/1921/18ef2160d5901b4645b4775584799ff1?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/1921/18ef2160d5901b4645b4775584799ff1?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/1921/18ef2160d5901b4645b4775584799ff1?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">Sirloin steak, mushroom sauce &amp; pesto hash</h3>
</a></div>

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

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

          <a data-turbo-frame="recipe-results" class="flex items-center" href="/healthy-recipes?page=11&amp;season=Summer">
            <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>