<turbo-stream action="append" target="products_grid"><template>
    

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pain-noir-pumpernickel-bio-375-g-562">
          <img alt="Pain Noir (Pumpernickel) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/518/file/small-5637b46e767e75779e1dc4f40ac9e96e.webp 600w, https://assets.fabulous.ch/public/variant_asset/518/file/medium-16a014465518eac3b4431615daabfd24.webp 900w, https://assets.fabulous.ch/public/variant_asset/518/file/large-adfbd3c0b36737f5bbeee00a69cc5846.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/518/file/medium-16a014465518eac3b4431615daabfd24.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/fr/products/pain-noir-pumpernickel-bio-375-g-562">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pain Noir (Pumpernickel) Bio, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.64 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-562-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;562&quot;],&quot;content_name&quot;:&quot;Pain Noir (Pumpernickel) Bio, 375 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;562&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V4uEdeh4fgxB3Z_991kkFknqvb_o3nJFq6fdNKAjOyVr_xO1-zM29IeE_igKBF0xH39cVJn-CBF91C6b8focIg" />
    <input value="562" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/ichoc-white-nougat-crisp-rice-choc-chocolat-bio-80-g-d31901c2-f749-4fa6-a743-be6e555988a1-10414">
          <img alt="iChoc White Nougat Crisp - Rice Choc Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5572/file/small-b17d2f3652b818c8731a8292a72100f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5572/file/medium-edae170dbe701efa25309bf2de0b8ce3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5572/file/large-a59232cf9b6c88e9b01d9c844b177404.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5572/file/medium-edae170dbe701efa25309bf2de0b8ce3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivani / Ichoc</p>
          <a href="/fr/products/ichoc-white-nougat-crisp-rice-choc-chocolat-bio-80-g-d31901c2-f749-4fa6-a743-be6e555988a1-10414">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">iChoc White Nougat Crisp - Rice Choc Chocolat Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.75 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-10414-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10414&quot;],&quot;content_name&quot;:&quot;iChoc White Nougat Crisp - Rice Choc Chocolat Bio, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10414&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="srkVSUQfsBoqxdJ5e8VF4nYBvvZjiRC6G7jd6kLymK6OzYKJV1T44uycs6yGmDzFIJRfHRKpau7Nyy5FEyu_qQ" />
    <input value="10414" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/melange-a-cuire-mon-pain-en-croute-sans-gluten-bio-480-g-11353">
          <img alt="Mélange à cuire Mon pain en croûte sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5823/file/small-2ba1098e0837a96bf725254ef885aa63.webp 600w, https://assets.fabulous.ch/public/variant_asset/5823/file/medium-a0efadeb5112e4c726cb945895358be5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5823/file/large-c3caa1e578506c69550d6599dc77cd29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5823/file/medium-a0efadeb5112e4c726cb945895358be5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/melange-a-cuire-mon-pain-en-croute-sans-gluten-bio-480-g-11353">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mélange à cuire Mon pain en croûte sans gluten Bio, 480 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.15 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-11353-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11353&quot;],&quot;content_name&quot;:&quot;Mélange à cuire Mon pain en croûte sans gluten Bio, 480 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11353&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NhOzdvz3LMqA4ZKI2HnsCJYp8nbDNCWF2Vvhhu227mkKZyS277xkMka4810lJJUvwLwTnbIUX9EPKBIpvG_Jbg" />
    <input value="11353" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pralinis-lini-s-bites-framboise-amande-bio-46-g-9285">
          <img alt="Pralinis Lini&#39;s Bites Framboise Amande Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8766/file/small-476e0cfa7ae6e32467f77f2e71041a3b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8766/file/medium-475a1afddf3227a44130530b668af0e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8766/file/large-cba36e88afce487cdf871b9be0889a4b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8766/file/medium-475a1afddf3227a44130530b668af0e6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lini&#39;s Bites</p>
          <a href="/fr/products/pralinis-lini-s-bites-framboise-amande-bio-46-g-9285">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pralinis Lini&#39;s Bites Framboise Amande Bio, 46 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 8.48 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-9285-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9285&quot;],&quot;content_name&quot;:&quot;Pralinis Lini&#39;s Bites Framboise Amande Bio, 46 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9285&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JU-GJLpkLalTF7LDWn_p83_UX6qCqFkNVtB7Lp9GkLAZOxHkqS9lUZVO0xanIpDUKUG-QfOII1mAo4iBzp-3tw" />
    <input value="9285" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bett-r-gaufrette-a-la-creme-de-noix-de-cajou-et-de-fraise-sans-sucre-ajoute-bio-30-g-15003">
          <img alt="Bett&#39;r Gaufrette à la crème de noix de cajou et de fraise sans sucre ajouté Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6880/file/small-4863fbd79554302a694281edec061447.webp 600w, https://assets.fabulous.ch/public/variant_asset/6880/file/medium-ffb1901e23ba09ef8238e9014f45aecb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6880/file/large-faf87a6c4b9643a4d3a04fd42c72e294.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6880/file/medium-ffb1901e23ba09ef8238e9014f45aecb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">bett&#39;r</p>
          <a href="/fr/products/bett-r-gaufrette-a-la-creme-de-noix-de-cajou-et-de-fraise-sans-sucre-ajoute-bio-30-g-15003">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bett&#39;r Gaufrette à la crème de noix de cajou et de fraise sans sucre ajouté Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.67 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-15003-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15003&quot;],&quot;content_name&quot;:&quot;Bett&#39;r Gaufrette à la crème de noix de cajou et de fraise sans sucre ajouté Bio, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15003&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fCdxIK4AvT9P5Ylbmq3iG3sVPfRzuGivvsiClptjA3ZAU-bgvUv1x4m86I5n8Js8LYDcHwKYEvtou3E5yrokcQ" />
    <input value="15003" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bett-r-cups-puree-d-amandes-bio-39-g-11132">
          <img alt="Bett&#39;r Cups Purée d&#39;amandes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5700/file/small-e35571a284ceb045791d94262f9f54af.webp 600w, https://assets.fabulous.ch/public/variant_asset/5700/file/medium-795b2f049958f5798762d1f21ef00b4b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5700/file/large-a96462812fb1ae82fd5a6cf697a2ba1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5700/file/medium-795b2f049958f5798762d1f21ef00b4b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">bett&#39;r</p>
          <a href="/fr/products/bett-r-cups-puree-d-amandes-bio-39-g-11132">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bett&#39;r Cups Purée d&#39;amandes Bio, 39 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 8.21 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-11132-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11132&quot;],&quot;content_name&quot;:&quot;Bett&#39;r Cups Purée d&#39;amandes Bio, 39 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11132&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EqLhEWzErTA-_8TyOTG34BGNpa2tDaj64iLSqUqZb-ku1nbRf4_lyPimpSfEbM7HRxhERtwt0q40USEGG0BI7g" />
    <input value="11132" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sirop-d-agave-bio-1450-ml-12020">
          <img alt="Sirop d&#39;Agave Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6105/file/small-5c5d6c51982e3f1f03ff3ff57eeedb5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6105/file/medium-a905517cfab178c85f775af3b6f4a52a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6105/file/large-4a97a758cc2b5e7783d591ab471aef89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6105/file/medium-a905517cfab178c85f775af3b6f4a52a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/fr/products/sirop-d-agave-bio-1450-ml-12020">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sirop d&#39;Agave Bio, 1450 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.45
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.72 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-12020-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12020&quot;],&quot;content_name&quot;:&quot;Sirop d&#39;Agave Bio, 1450 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12020&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:39.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SSTNT5soDcQsNOMjvrQNrrLZeENX2xUXC7OoqXxiNbR1UFqPiGNFPOptgvZD6XSJ5EyZqCb7b0PdwFsGLbsSsw" />
    <input value="12020" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tablette-de-chocolat-au-lait-de-coco-bio-100-g-17474">
          <img alt="Tablette de chocolat au lait de coco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8142/file/small-c69c340b2f29e89fd5f13b3e5b888936.webp 600w, https://assets.fabulous.ch/public/variant_asset/8142/file/medium-6369936810248ad0a4935639459ee8b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8142/file/large-9dd11b7a826b6a54c589d27b99e5dbc6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8142/file/medium-6369936810248ad0a4935639459ee8b0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/fr/products/tablette-de-chocolat-au-lait-de-coco-bio-100-g-17474">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tablette de chocolat au lait de coco Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 6.80 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-17474-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17474&quot;],&quot;content_name&quot;:&quot;Tablette de chocolat au lait de coco Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17474&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZWwxr6YU058SI3-7qH-NwRMZvgfU8ywMwHxDPIKOax1ZGKZvtV-bZ9R6Hm5VIvTmRYxf7KXTVlgWD7CT01dMGg" />
    <input value="17474" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/mes-burgers-vegans-bio-150-g-16758">
          <img alt="Mes Burgers Végans Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7772/file/small-2d519af9025a4c5e18e22e835846d972.webp 600w, https://assets.fabulous.ch/public/variant_asset/7772/file/medium-af09216b409e9f38c08acd98339ae8a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7772/file/large-19fa16da0c293529d2eaee3c5d3022e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7772/file/medium-af09216b409e9f38c08acd98339ae8a7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/mes-burgers-vegans-bio-150-g-16758">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mes Burgers Végans Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.47 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16758-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16758&quot;],&quot;content_name&quot;:&quot;Mes Burgers Végans Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16758&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dDqE7j5H_6WmgNGcJROz5T8KAJnFaJ_V_cCvnKovcDJIThMuLQy3XWDZsEnYTsrCaZ_hcrRI5YErs1wz-_ZXNQ" />
    <input value="16758" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/mon-mug-cake-salted-caramel-brownie-bio-55-g-16249">
          <img alt="Mon Mug Cake Salted Caramel Brownie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7490/file/small-2f1fdfe33369148502d27fe5bbbdd269.webp 600w, https://assets.fabulous.ch/public/variant_asset/7490/file/medium-a8a1d7fedcc99fd8bac9643a54df215f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7490/file/large-1f2f9a79c26a0cc277de1a5a5cdd2417.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7490/file/medium-a8a1d7fedcc99fd8bac9643a54df215f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/mon-mug-cake-salted-caramel-brownie-bio-55-g-16249">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mon Mug Cake Salted Caramel Brownie Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.55 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-16249-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16249&quot;],&quot;content_name&quot;:&quot;Mon Mug Cake Salted Caramel Brownie Bio, 55 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16249&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-fVdNAj3DaMey0Ydd1GMyL2gBflDVjJY3jS209Ue1BfFgcr0G7xFW9iSJ8iKDPXv6zXkEjJ2SAwIR0V8hMfzEA" />
    <input value="16249" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/ichoc-white-vanilla-rice-choc-chocolat-bio-80-g-d2b6a383-55f0-4f28-8d3a-e28ee7a2002f-10253">
          <img alt="iChoc White Vanilla - Rice Choc Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5540/file/small-1bcdfc936d4c8869131c13909479d715.webp 600w, https://assets.fabulous.ch/public/variant_asset/5540/file/medium-da2cde762e4715c2a9c5a5224013639b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5540/file/large-d85a5ed1cb9f4e4b3ae93f041e7527d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5540/file/medium-da2cde762e4715c2a9c5a5224013639b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivani / Ichoc</p>
          <a href="/fr/products/ichoc-white-vanilla-rice-choc-chocolat-bio-80-g-d2b6a383-55f0-4f28-8d3a-e28ee7a2002f-10253">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">iChoc White Vanilla - Rice Choc Chocolat Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.75 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-10253-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10253&quot;],&quot;content_name&quot;:&quot;iChoc White Vanilla - Rice Choc Chocolat Bio, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10253&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tDEhUVKpgwJN2cCs2VzXv_tC_D2Hzyg6h9ILD05XR5KIRbaRQeLL-ouAoXkkAa6Yrdcd1vbvUm5RofigH45glQ" />
    <input value="10253" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/alternative-pour-oeufs-frais-bio-200-g-2065">
          <img alt="Alternative pour œufs frais Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1615/file/small-c334f2528ec95f45be465d2a728c8a3f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1615/file/medium-ae5e3523d27630a9eae5390634447861.webp 900w, https://assets.fabulous.ch/public/variant_asset/1615/file/large-ec2c3926b1749b13a6fd6c3af2cfde71.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1615/file/medium-ae5e3523d27630a9eae5390634447861.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lord of Tofu</p>
          <a href="/fr/products/alternative-pour-oeufs-frais-bio-200-g-2065">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alternative pour œufs frais Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.10 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-2065-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2065&quot;],&quot;content_name&quot;:&quot;Alternative pour œufs frais Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2065&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vPbwyVeVT73H2jIA6qg42Uy-Fife8robL_vs1EV76KSAgmcJRN4HRQGDU9UX9UH-Giv3zK_SwE_5iB97FKLPow" />
    <input value="2065" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/spacebar-chorizo-snacker-bio-40-g-431">
          <img alt="Spacebar Chorizo Snacker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/387/file/small-164a6d45fb3c9cea1304ebd668f7454f.webp 600w, https://assets.fabulous.ch/public/variant_asset/387/file/medium-5d20eede2fcfd91e2b08d97788f5170f.webp 900w, https://assets.fabulous.ch/public/variant_asset/387/file/large-e796b2f9f601f04e77b979814de02c03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/387/file/medium-5d20eede2fcfd91e2b08d97788f5170f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wheaty</p>
          <a href="/fr/products/spacebar-chorizo-snacker-bio-40-g-431">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spacebar Chorizo Snacker Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.00 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-431-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;431&quot;],&quot;content_name&quot;:&quot;Spacebar Chorizo Snacker Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;431&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qApy7za1EjqzoQ9OAdwAkIrmKMMjxprcRNHBwTOO8SiUfuUvJf5awnX4bpv8gXm33HPJKFLm4IiSojJuYlfWLw" />
    <input value="431" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tofu-nature-bio-200-g-636">
          <img alt="Tofu Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/579/file/small-362e617a9fa606a790ec993e9c5877bc.webp 600w, https://assets.fabulous.ch/public/variant_asset/579/file/medium-802dc19a95e84981dfeff096e9a79554.webp 900w, https://assets.fabulous.ch/public/variant_asset/579/file/large-53209774dd93ce231e979993d392fc43.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/579/file/medium-802dc19a95e84981dfeff096e9a79554.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Taifun</p>
          <a href="/fr/products/tofu-nature-bio-200-g-636">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Nature Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.35 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-636-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;636&quot;],&quot;content_name&quot;:&quot;Tofu Nature Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;636&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BqyPnlEUNX01_dv4kAdASaTXvmzfuw2wvwuwIcoSHyg62BheQl99hfOkui1tWjlu8kJfh66bd-RpeEOOm8s4Lw" />
    <input value="636" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tofu-rosso-bio-200-g-354">
          <img alt="Tofu Rosso Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/315/file/small-d2488f3beb6f954c5a75803513f472c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/315/file/medium-3a3ec431ba8040099f6f7bcda51cd432.webp 900w, https://assets.fabulous.ch/public/variant_asset/315/file/large-829d01ae672b8a46b307d0c9e66d1815.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/315/file/medium-3a3ec431ba8040099f6f7bcda51cd432.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Taifun</p>
          <a href="/fr/products/tofu-rosso-bio-200-g-354">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Rosso Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.48 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-354-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;354&quot;],&quot;content_name&quot;:&quot;Tofu Rosso Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;354&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c4KeF5udgTQ79dmhJ2MkXdCQUg7XXADlVEi-jnjwtYFP9gnXiNbJzP2suHTaPl16hgWz5aZ8erGCO00hKSmShg" />
    <input value="354" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tofu-filets-pizza-pizza-bio-80-g-755">
          <img alt="Tofu-Filets Pizza-Pizza Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/703/file/small-4e2e731792ef636dbb06dd37cbd2f706.webp 600w, https://assets.fabulous.ch/public/variant_asset/703/file/medium-959dfd897643ace043abc1857374d76e.webp 900w, https://assets.fabulous.ch/public/variant_asset/703/file/large-8df915d57278840fc1027b7af8b91f02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/703/file/medium-959dfd897643ace043abc1857374d76e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Taifun</p>
          <a href="/fr/products/tofu-filets-pizza-pizza-bio-80-g-755">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu-Filets Pizza-Pizza Bio, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.69 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-755-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;755&quot;],&quot;content_name&quot;:&quot;Tofu-Filets Pizza-Pizza Bio, 2 x 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;755&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uHdFCQ4tLLyF7DqeG-caET1f8n-WJ-oe9mWEnyJy2LKEA9LJHWZkREO1W0vmumM2a8oTlOcHkEogFncwc6v_tQ" />
    <input value="755" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/iced-protein-coffee-macchiato-a-base-de-coco-bio-220-ml-20257">
          <img alt="Iced Protein Coffee Macchiato Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11430/file/small-98a121e60cb052314e7607a3aa3acb15.webp 600w, https://assets.fabulous.ch/public/variant_asset/11430/file/medium-d03d1e7f40409aa93ed94b9d1e653f46.webp 900w, https://assets.fabulous.ch/public/variant_asset/11430/file/large-40e175d796f87ed41bdd1ed9dfdf3bb3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11430/file/medium-d03d1e7f40409aa93ed94b9d1e653f46.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Harvest Moon</p>
          <a href="/fr/products/iced-protein-coffee-macchiato-a-base-de-coco-bio-220-ml-20257">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Iced Protein Coffee Macchiato Bio, 220 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.45 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-20257-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20257&quot;],&quot;content_name&quot;:&quot;Iced Protein Coffee Macchiato Bio, 220 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20257&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2T6xC0RVYUMRwEkHTMUeJsVK2I5xnqh_M7gGwpTWP0LlSibLVx4pu9eZKNKxmGcBk985ZQC-0ivly_VtxQ8YRQ" />
    <input value="20257" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tempeh-aux-epices-gyros-bio-200-g-17196">
          <img alt="Tempeh aux épices Gyros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8022/file/small-13e6d10359897d9eb5bd0a83f0e940d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/8022/file/medium-d180b7bc654c9e516582b7c89fd49387.webp 900w, https://assets.fabulous.ch/public/variant_asset/8022/file/large-e916e3fcf3134b3d107957be3269f4ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8022/file/medium-d180b7bc654c9e516582b7c89fd49387.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Tempehmanufaktur</p>
          <a href="/fr/products/tempeh-aux-epices-gyros-bio-200-g-17196">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tempeh aux épices Gyros Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.65 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-17196-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17196&quot;],&quot;content_name&quot;:&quot;Tempeh aux épices Gyros Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17196&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R1rENsl_Dw01lJqKxU_U4gqHEC2aEmPZZ_oRq1YsQWZ7LlP22jRH9fPN-184Eq3FXBLxxusyGY2xieIEB_VmYQ" />
    <input value="17196" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tempeh-de-lupines-aux-herbes-sauvages-bio-170-g-17201">
          <img alt="Tempeh de lupines aux herbes sauvages Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8028/file/small-23cb8cdc8ea94617af95bed0ca09fd55.webp 600w, https://assets.fabulous.ch/public/variant_asset/8028/file/medium-06d29686d72f19e4cebc9de77ee57475.webp 900w, https://assets.fabulous.ch/public/variant_asset/8028/file/large-413a19300604c8bd054f788c56f0918a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8028/file/medium-06d29686d72f19e4cebc9de77ee57475.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Tempehmanufaktur</p>
          <a href="/fr/products/tempeh-de-lupines-aux-herbes-sauvages-bio-170-g-17201">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tempeh de lupines aux herbes sauvages Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.12 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-17201-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17201&quot;],&quot;content_name&quot;:&quot;Tempeh de lupines aux herbes sauvages Bio, 170 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17201&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p2UBWNMX1cwHMYsCkU3e9oIwSRf1Wi14gSD3_jW0buObEZaYwFydNMFo6tdsEKfR1KWo_IR6VyxXUwRRZG1J5A" />
    <input value="17201" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Ffona%3Fformat%3Dturbo_stream%26page%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pudding-proteine-nougat-praline-bio-120-g-15068">
          <img alt="Pudding Protéiné Nougat Praliné Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6901/file/small-487d412a40a76e471228920b571756b4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6901/file/medium-65bb0fe67b4d9818b806defcb0496b94.webp 900w, https://assets.fabulous.ch/public/variant_asset/6901/file/large-f05b2c27a9c32f0aaf290e593a1849ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6901/file/medium-65bb0fe67b4d9818b806defcb0496b94.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Harvest Moon</p>
          <a href="/fr/products/pudding-proteine-nougat-praline-bio-120-g-15068">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pudding Protéiné Nougat Praliné Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.17 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-15068-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15068&quot;],&quot;content_name&quot;:&quot;Pudding Protéiné Nougat Praliné Bio, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15068&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eWi1AnX8in2IXInrKrLgJqGCXB3_-p3VKOP5Ir7JqOpFHCLCZrfChU4F6D7X75kB9xe99o7a54H-kAqN7xCP7Q" />
    <input value="15068" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      140 sur 3&#39;727 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/fona?format=turbo_stream&amp;page=8">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>