<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;: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" data-fallback-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" 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;:2215,&quot;product_name&quot;:&quot;BBQ Hake with Mexican Spiced Rice \u0026 Slaw&quot;}" href="/healthy-recipes/bbq-cod-with-mexican-spiced-rice-slaw">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="BBQ Hake with Mexican Spiced Rice &amp; Slaw" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/2215/0a2788068c9b27ff94df6740bd7489d6?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/2215/0a2788068c9b27ff94df6740bd7489d6?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/2215/0a2788068c9b27ff94df6740bd7489d6?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" data-fallback-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" src="https://mindfulchef.imgix.net/recipes/2215/0a2788068c9b27ff94df6740bd7489d6?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">BBQ Hake with Mexican Spiced Rice &amp; Slaw</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;:2486,&quot;product_name&quot;:&quot;Wahaca’s Ancho Chicken Tacos with Guacamole \u0026 Slaw&quot;}" href="/healthy-recipes/ancho-chicken-tacos-with-guac-cabbage-slaw">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Wahaca’s Ancho Chicken Tacos with Guacamole &amp; Slaw" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/2486/7aae5d9877e6e636745e94cd059292f8.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/2486/7aae5d9877e6e636745e94cd059292f8.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/2486/7aae5d9877e6e636745e94cd059292f8.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" data-fallback-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" src="https://mindfulchef.imgix.net/recipes/2486/7aae5d9877e6e636745e94cd059292f8.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">Wahaca’s Ancho Chicken Tacos with Guacamole &amp; Slaw</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;:1802,&quot;product_name&quot;:&quot;Chilli con Cod with Brown Rice \u0026 Jalapeño Salsa&quot;}" href="/healthy-recipes/chilli-con-cod-rice-jalapeno-salsa">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Chilli con Cod with Brown Rice &amp; Jalapeño Salsa" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/1802/327b44b5a5dbfd38a377f602979caa06?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/1802/327b44b5a5dbfd38a377f602979caa06?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/1802/327b44b5a5dbfd38a377f602979caa06?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" data-fallback-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" src="https://mindfulchef.imgix.net/recipes/1802/327b44b5a5dbfd38a377f602979caa06?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">Chilli con Cod with Brown Rice &amp; Jalapeño 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;:5588,&quot;product_name&quot;:&quot;Feta \u0026 Black Bean Tacos with Pickled Cabbage \u0026 Coriander Corn Salsa&quot;}" href="/healthy-recipes/feta-lime-chilli-charred-corn-creamy-black-bean-sweetpotato-1">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Feta &amp; Black Bean Tacos with Pickled Cabbage &amp; Coriander Corn Salsa" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/5588/4077b8d7eee57b3879d698d9ed91d73f?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/5588/4077b8d7eee57b3879d698d9ed91d73f?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/5588/4077b8d7eee57b3879d698d9ed91d73f?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" data-fallback-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" src="https://mindfulchef.imgix.net/recipes/5588/4077b8d7eee57b3879d698d9ed91d73f?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">Feta &amp; Black Bean Tacos with Pickled Cabbage &amp; Coriander Corn 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;:7537,&quot;product_name&quot;:&quot;Chipotle Venison Stew with Black Beans \u0026 Orange Peanut Salsa&quot;}" href="/healthy-recipes/chipotle-venison-chilli-with-orange-salsa-peanuts">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Chipotle Venison Stew with Black Beans &amp; Orange Peanut Salsa" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/7537/2e339b2ba06d7eff024a3c94aee2ea4f.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/7537/2e339b2ba06d7eff024a3c94aee2ea4f.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/7537/2e339b2ba06d7eff024a3c94aee2ea4f.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" data-fallback-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" src="https://mindfulchef.imgix.net/recipes/7537/2e339b2ba06d7eff024a3c94aee2ea4f.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">Chipotle Venison Stew with Black Beans &amp; Orange 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;:2470,&quot;product_name&quot;:&quot;Black Bean Chilli with Avocado \u0026 Pickled Onion&quot;}" href="/healthy-recipes/speedy-black-bean-chilli">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Black Bean Chilli with Avocado &amp; Pickled Onion" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/2470/df94a2debf88ccc8e0a1b27af4e2b003?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/2470/df94a2debf88ccc8e0a1b27af4e2b003?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/2470/df94a2debf88ccc8e0a1b27af4e2b003?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" data-fallback-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" src="https://mindfulchef.imgix.net/recipes/2470/df94a2debf88ccc8e0a1b27af4e2b003?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">Black Bean Chilli with Avocado &amp; Pickled Onion</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;:7545,&quot;product_name&quot;:&quot;Chipotle Chilli Beef Bowl with Quinoa \u0026 Pickled Onion &quot;}" href="/healthy-recipes/chipotle-chilli-venison-bowl-with-quinoa-pickled-onion">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Chipotle Chilli Beef Bowl with Quinoa &amp; Pickled Onion " 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">Chipotle Chilli Beef Bowl with Quinoa &amp; Pickled Onion </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;:7141,&quot;product_name&quot;:&quot;Fajita-style Halloumi Traybake with Mixed Potato Wedges \u0026 Avocado Salad&quot;}" href="/healthy-recipes/teens-fajita-style-halloumi-traybake-with-potato-wedges-avocado-salad">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Fajita-style Halloumi Traybake with Mixed Potato Wedges &amp; Avocado Salad" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/7141/4d1841d2dfc901492318562e0fd0b286?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/7141/4d1841d2dfc901492318562e0fd0b286?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/7141/4d1841d2dfc901492318562e0fd0b286?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" data-fallback-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" src="https://mindfulchef.imgix.net/recipes/7141/4d1841d2dfc901492318562e0fd0b286?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 Halloumi Traybake with Mixed Potato Wedges &amp; Avocado Salad</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=2">
            <span class="icon icon--arrow-long-left size-6" aria-hidden="true"></span>
</a>
        <span>Page 3 of 23</span>

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