<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;:1427,&quot;product_name&quot;:&quot;Pan-roasted Chicken Breast with Potato Wedges, Green Beans \u0026 Mushroom Tarragon Sauce&quot;}" href="/healthy-recipes/chicken-creamy-mushroom-tarragon-sauce">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Pan-roasted Chicken Breast with Potato Wedges, Green Beans &amp; Mushroom Tarragon Sauce" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/1427/3e9133cd3f17227b4cf0e4eb75563b40?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/1427/3e9133cd3f17227b4cf0e4eb75563b40?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/1427/3e9133cd3f17227b4cf0e4eb75563b40?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/1427/3e9133cd3f17227b4cf0e4eb75563b40?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">Pan-roasted Chicken Breast with Potato Wedges, Green Beans &amp; Mushroom Tarragon Sauce</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;:2186,&quot;product_name&quot;:&quot;Festive British Turkey \u0026 Cranberry Pie with Honey Roasted Veg&quot;}" href="/healthy-recipes/turkey-cranberry-pie-with-roasted-thyme-carrots-2p">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Festive British Turkey &amp; Cranberry Pie with Honey Roasted Veg" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/2186/696db55b68bf44e3b87d1b7d193d3477?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%2Fcad44f925fdbfbe598ac6c8f0a373a0e.png&amp;q=50&amp;w=300 1x,https://mindfulchef.imgix.net/recipes/2186/696db55b68bf44e3b87d1b7d193d3477?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%2Fcad44f925fdbfbe598ac6c8f0a373a0e.png&amp;q=50&amp;w=300 2x,https://mindfulchef.imgix.net/recipes/2186/696db55b68bf44e3b87d1b7d193d3477?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%2Fcad44f925fdbfbe598ac6c8f0a373a0e.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/2186/696db55b68bf44e3b87d1b7d193d3477?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%2Fcad44f925fdbfbe598ac6c8f0a373a0e.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">Festive British Turkey &amp; Cranberry Pie with Honey Roasted Veg</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;:4850,&quot;product_name&quot;:&quot;Crispy Curried Tempeh with Laksa Noodle Soup&quot;}" href="/healthy-recipes/tempeh-laksa-1">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Crispy Curried Tempeh with Laksa Noodle Soup" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4850/fe44046e423ad7e7b6029e9dc3248e34?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/4850/fe44046e423ad7e7b6029e9dc3248e34?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/4850/fe44046e423ad7e7b6029e9dc3248e34?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/4850/fe44046e423ad7e7b6029e9dc3248e34?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">Crispy Curried Tempeh with Laksa Noodle Soup</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;:4978,&quot;product_name&quot;:&quot;Creamy Goat&#39;s Cheese, Mushroom \u0026 Truffle Pasta&quot;}" href="/healthy-recipes/creamy-goats-cheese-mushroom-truffle-pasta-1">
    <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/4978/90b050f9a11203fb86e9462e72a85035?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/4978/90b050f9a11203fb86e9462e72a85035?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/4978/90b050f9a11203fb86e9462e72a85035?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/4978/90b050f9a11203fb86e9462e72a85035?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-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">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;:3855,&quot;product_name&quot;:&quot;Turkey \u0026 Root Veg Tagine with Chickpeas, Raisins \u0026 Almonds&quot;}" href="/healthy-recipes/festive-turkey-tagine-2">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Turkey &amp; Root Veg Tagine with Chickpeas, Raisins &amp; Almonds" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/3855/d0c061c3dfeb84e0a13bd69a65c5c29b.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/3855/d0c061c3dfeb84e0a13bd69a65c5c29b.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/3855/d0c061c3dfeb84e0a13bd69a65c5c29b.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/3855/d0c061c3dfeb84e0a13bd69a65c5c29b.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">Turkey &amp; Root Veg Tagine with Chickpeas, Raisins &amp; Almonds</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;:4064,&quot;product_name&quot;:&quot;Balsamic Beetroot, Squash \u0026 Kale Penne Pasta&quot;}" href="/healthy-recipes/balsamic-beetroot-squash-rattatouille-penne">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Balsamic Beetroot, Squash &amp; Kale Penne Pasta" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/4064/44e2464c178a2d0f594e6e8bda670446?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/4064/44e2464c178a2d0f594e6e8bda670446?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/4064/44e2464c178a2d0f594e6e8bda670446?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/4064/44e2464c178a2d0f594e6e8bda670446?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">Balsamic Beetroot, Squash &amp; Kale Penne 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;:3935,&quot;product_name&quot;:&quot;Sweet \u0026 Spicy Tempeh with Sesame Cabbage Rice&quot;}" href="/healthy-recipes/sweet-spicy-tempeh-with-sesame-cabbage">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Sweet &amp; Spicy Tempeh with Sesame Cabbage Rice" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/3935/551c259baadd5204126d9479dbcdd0d2?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/3935/551c259baadd5204126d9479dbcdd0d2?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/3935/551c259baadd5204126d9479dbcdd0d2?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/3935/551c259baadd5204126d9479dbcdd0d2?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">Sweet &amp; Spicy Tempeh with Sesame Cabbage Rice</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;:1386,&quot;product_name&quot;:&quot;Partridge with roasted carrots, pear \u0026 chestnuts&quot;}" href="/healthy-recipes/partridge-with-honey-roasted-carrots-chestnuts">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Partridge with roasted carrots, pear &amp; chestnuts" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/1386/a0ab8adcdb61298e355526fb5c0c3169?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/1386/a0ab8adcdb61298e355526fb5c0c3169?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/1386/a0ab8adcdb61298e355526fb5c0c3169?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/1386/a0ab8adcdb61298e355526fb5c0c3169?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">Partridge with roasted carrots, pear &amp; chestnuts</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;:2074,&quot;product_name&quot;:&quot;Tiger Prawn Noodle Stir-fry with Persimmon&quot;}" href="/healthy-recipes/prawn-sweet-persimmon-noodles">
    <div class="relative">
      <img class="w-full aspect-[4/5] object-cover" alt="Tiger Prawn Noodle Stir-fry with Persimmon" loading="lazy" srcset="https://mindfulchef.imgix.net/recipes/2074/08577efd62f3fbc48d97d8c353c3cc50?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/2074/08577efd62f3fbc48d97d8c353c3cc50?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/2074/08577efd62f3fbc48d97d8c353c3cc50?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/2074/08577efd62f3fbc48d97d8c353c3cc50?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">Tiger Prawn Noodle Stir-fry with Persimmon</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=14&amp;season=Winter">
            <span class="icon icon--arrow-long-left size-6" aria-hidden="true"></span>
</a>
        <span>Page 15 of 53</span>

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