<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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D30">
    <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/dessert-chocolat-au-soja-bio-4-x-100-g-17937">
          <img alt="Dessert Chocolat au Soja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8878/file/small-46426ed214c228dd3a3043d5c408c7a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8878/file/medium-ad21dce13af8defbbbade2c38bd6e6e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/8878/file/large-a03910496532ee6cdc15bb7783ccad2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8878/file/medium-ad21dce13af8defbbbade2c38bd6e6e4.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">Sojade</p>
          <a href="/fr/products/dessert-chocolat-au-soja-bio-4-x-100-g-17937">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dessert Chocolat au Soja Bio, 4 x 100 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 1.33 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17937&quot;],&quot;content_name&quot;:&quot;Dessert Chocolat au Soja Bio, 4 x 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17937&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="p7_zlj1LqxcbvU0CavvWk3P_KytJgjdusxkPzkiu7nGV4BhCjw9-q0Ko5EZ-QBSaAHn5uq1OEiqIhQNBdVFCRA" />
    <input value="17937" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D30">
    <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/new-roots-la-cotta-thym-et-lavande-bio-130-g-12152">
          <img alt="New Roots La Cotta Thym et Lavande Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6145/file/small-16ae1a50e143b7b88e0704126cd2653e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6145/file/medium-b09c56783c10b95cc6703dffc1dade71.webp 900w, https://assets.fabulous.ch/public/variant_asset/6145/file/large-7647f18d0f8797ccd7751d0c639ec66e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6145/file/medium-b09c56783c10b95cc6703dffc1dade71.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">New Roots</p>
          <a href="/fr/products/new-roots-la-cotta-thym-et-lavande-bio-130-g-12152">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">New Roots La Cotta Thym et Lavande Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.10
            </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 6.23 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12152&quot;],&quot;content_name&quot;:&quot;New Roots La Cotta Thym et Lavande Bio, 130 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12152&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7y68uIwyXUx9kksahKymoe1MkAavpSSPo9fSkdqcgt7dcVdsPnaI8CSH4l6QF2SonspCl0tpAcuYS94e52Mu6w" />
    <input value="12152" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D30">
    <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/sauce-a-salade-caesar-vegetalien-bio-500-ml-17928">
          <img alt="Sauce à salade Caesar Végétalien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8876/file/small-aba41f19e01163b8827703a033b90bf3.webp 600w, https://assets.fabulous.ch/public/variant_asset/8876/file/medium-645bfb35e913571b9632543f4f6350fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8876/file/large-0d15d91294ffaeac901ec4b7634ca5c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8876/file/medium-645bfb35e913571b9632543f4f6350fc.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">huusgmacht</p>
          <a href="/fr/products/sauce-a-salade-caesar-vegetalien-bio-500-ml-17928">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauce à salade Caesar Végétalien Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.10
            </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.62 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17928&quot;],&quot;content_name&quot;:&quot;Sauce à salade Caesar Végétalien Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17928&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HES_Q-7zcce4NE1i6Bwg7QUGXuQND40H1bmHuVio2d8uG1SXXLeke-Eh5Cb8p-LkdoCMdenDqEPuJYs2ZVd16g" />
    <input value="17928" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D30">
    <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/sojade-so-soya-framboise-fruit-de-la-passion-bio-150-g-16508">
          <img alt="Sojade So Soya! Framboise-Fruit de la Passion Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7606/file/small-6b7ea6960f1dc74e31117b6cce57b235.webp 600w, https://assets.fabulous.ch/public/variant_asset/7606/file/medium-e07bdf497ded94be2d824461156fa1f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7606/file/large-d057501c7b630edca80a45caefff420b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7606/file/medium-e07bdf497ded94be2d824461156fa1f3.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">Sojade</p>
          <a href="/fr/products/sojade-so-soya-framboise-fruit-de-la-passion-bio-150-g-16508">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sojade So Soya! Framboise-Fruit de la Passion Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </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.33 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16508&quot;],&quot;content_name&quot;:&quot;Sojade So Soya! Framboise-Fruit de la Passion Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16508&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="9bqFLoqbxQVFNN6LqLwVX0UvIzq3NKyfQfz-6qBnAHrH5W76ON8QuRwhd8-8B9dWNqnxq1P4idt6YPJlnZisTw" />
    <input value="16508" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D30">
    <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/new-roots-nature-alternative-vegetalien-au-yaourt-bio-1-kg-17941">
          <img alt="New Roots NATURE Alternative Végétalien au yaourt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8882/file/small-db10a736af66a67d1ee2d39a6ac3492e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8882/file/medium-3b27b330de6885ed268b2c2c7ec9ee14.webp 900w, https://assets.fabulous.ch/public/variant_asset/8882/file/large-fd3739591f70be349e60b58c7509ec29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8882/file/medium-3b27b330de6885ed268b2c2c7ec9ee14.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">New Roots</p>
          <a href="/fr/products/new-roots-nature-alternative-vegetalien-au-yaourt-bio-1-kg-17941">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">New Roots NATURE Alternative Végétalien au yaourt Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.05
            </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.11 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17941&quot;],&quot;content_name&quot;:&quot;New Roots NATURE Alternative Végétalien au yaourt Bio, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17941&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b3B9vym_a3B2F1qbPUGsXkM1IluN2psfqnoe5eGOwdddL5Zrm_u-zC8C898p-m5XMLPwymkWvluR5hJq3HFt4g" />
    <input value="17941" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D30">
    <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/bumi-pulled-seitan-indian-bio-175-g-14597">
          <img alt="Bumi Pulled Seitan Indian Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6752/file/small-6cf1fb4eb951a4179eed07bf07b32bd0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6752/file/medium-51b6f9c092d915970b79555e3f9c2d35.webp 900w, https://assets.fabulous.ch/public/variant_asset/6752/file/large-ad11bb718a080a3244bffc2e2c1989ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6752/file/medium-51b6f9c092d915970b79555e3f9c2d35.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">Bumi</p>
          <a href="/fr/products/bumi-pulled-seitan-indian-bio-175-g-14597">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bumi Pulled Seitan Indian Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </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.69 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14597&quot;],&quot;content_name&quot;:&quot;Bumi Pulled Seitan Indian Bio, 175 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14597&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xgXEKDxTqkcdGvvAsHjfhsofr8SZIDQsck1yOZ1hZUb0Wi_8jhd_-0QPUoSkwx2PuZl9VX3sEWhJ0X62oJ7Jcw" />
    <input value="14597" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D30">
    <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/tomates-pelees-au-jus-de-tomate-demeter-660-g-14925">
          <img alt="Tomates pelées au jus de tomate Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6845/file/small-82dd849b4823986db28f927833a58abe.webp 600w, https://assets.fabulous.ch/public/variant_asset/6845/file/medium-caafd9c1429b84256a434095644a05f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6845/file/large-6538e0be33c827257fa52453c4184f81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6845/file/medium-caafd9c1429b84256a434095644a05f7.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/tomates-pelees-au-jus-de-tomate-demeter-660-g-14925">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomates pelées au jus de tomate Demeter, 660 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14925&quot;],&quot;content_name&quot;:&quot;Tomates pelées au jus de tomate Demeter, 660 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14925&quot;,&quot;quantity&quot;:6}],&quot;value&quot;:28.200000000000003,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rkgxF56r_RHJMFaVPM0_mkXSyhaPb2uBHBJQgVj2L4-cF9rDLO8orZAl_9Eodv2TNlQYh2ujTsUnjlwOZQmDug" />
    <input value="14925" type="hidden" name="variant_id" id="variant_id" />
    <input value="6" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D30">
    <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/boisson-de-lait-de-coco-sans-sucres-ajoutes-bio-1-l-4053">
          <img alt="Boisson de lait de coco sans sucres ajoutés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2571/file/small-4741c98424e839ec0b863405b26fdde6.webp 600w, https://assets.fabulous.ch/public/variant_asset/2571/file/medium-d13e2518608b3b3ea0690981fb6e568d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2571/file/large-2bc2209c4f0a0c36cc555dda475f14dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2571/file/medium-d13e2518608b3b3ea0690981fb6e568d.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">Ecomil</p>
          <a href="/fr/products/boisson-de-lait-de-coco-sans-sucres-ajoutes-bio-1-l-4053">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Boisson de lait de coco sans sucres ajoutés Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4053&quot;],&quot;content_name&quot;:&quot;Boisson de lait de coco sans sucres ajoutés Bio, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4053&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bBtmz3-JkfdWz8r_OO6dMLC-J2v1t1ZMqGmhqb4UXPReRI0bzc1ESw_aY7ssVV85wzj1-hF7cwiT9a0mg-vwwQ" />
    <input value="4053" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D30">
    <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/chips-mais-natures-sans-gluten-bio-125-g-571">
          <img alt="Chips Mais Natures 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/527/file/small-8f768eeeba6bbe53fcae8aa4808f1ef4.webp 600w, https://assets.fabulous.ch/public/variant_asset/527/file/medium-c5607c37d73464ec1e536172d103c0cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/527/file/large-a656b284df4605bde4e217f3797f6d00.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/527/file/medium-c5607c37d73464ec1e536172d103c0cb.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/chips-mais-natures-sans-gluten-bio-125-g-571">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chips Mais Natures Sans Gluten Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;571&quot;],&quot;content_name&quot;:&quot;Chips Mais Natures Sans Gluten Bio, 125 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;571&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="OZH6mlUV8rJ82qDhtZ6YXCrV2k2cn5UAOKcsrg7RtP4LzhFO51EnDiXPCaWhJVpVWVMI3HhTsEQDOyAhMy4Yyw" />
    <input value="571" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D30">
    <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/graines-de-chanvre-pelees-bio-150-g-1119">
          <img alt="Graines de Chanvre pelées Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/995/file/small-f0bf5ffd8ae12304f455b15ec6bc4b09.webp 600w, https://assets.fabulous.ch/public/variant_asset/995/file/medium-d6df6aeb6c99016393e5b0ccbe373096.webp 900w, https://assets.fabulous.ch/public/variant_asset/995/file/large-cce609d5b8d2eb9fc62887fc2ab74057.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/995/file/medium-d6df6aeb6c99016393e5b0ccbe373096.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">Davert</p>
          <a href="/fr/products/graines-de-chanvre-pelees-bio-150-g-1119">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Graines de Chanvre pelées Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1119&quot;],&quot;content_name&quot;:&quot;Graines de Chanvre pelées Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1119&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b5f-m79rA122NL8zceuzkTn77vIsVm-F5x92m_2K8OddyBVPDS_W4e8hFndlUHGYSn08Y8iaSsHcg3oUwHVc0g" />
    <input value="1119" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D30">
    <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/barre-de-chocolat-a-la-noix-de-coco-bio-40-g-14434">
          <img alt="Barre de chocolat à la noix 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/6682/file/small-287bb388eaca6e55e3de85d368323b95.webp 600w, https://assets.fabulous.ch/public/variant_asset/6682/file/medium-6bef953109d999e57dd2905f5251edfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6682/file/large-a65f148e27727ea645eadfcff94f7637.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6682/file/medium-6bef953109d999e57dd2905f5251edfc.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">the vegan cow</p>
          <a href="/fr/products/barre-de-chocolat-a-la-noix-de-coco-bio-40-g-14434">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Barre de chocolat à la noix de coco bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14434&quot;],&quot;content_name&quot;:&quot;Barre de chocolat à la noix de coco bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14434&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0v_csqs1tvVzzaEp3_GApRgzrbST9Tn1SqK3dRv8pYDgoDdmGXFjSSrYCG3LSkKsa7V_JXc5HLFxPrv6JgMJtQ" />
    <input value="14434" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D30">
    <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/20-pieces-bb2fad83-4fa1-4b29-9b1d-57a2717b182a-18577">
          <img alt="Thé noir english breakfast sachets Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9613/file/small-89ffe26dbae398a11d2b48f00e29b5a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/9613/file/medium-4e0767c101584ca1215cafdfd7e3ef1f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9613/file/large-28ca469518c3b9c7278d90be93ed6b40.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9613/file/medium-4e0767c101584ca1215cafdfd7e3ef1f.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">Hampstead Tea</p>
          <a href="/fr/products/20-pieces-bb2fad83-4fa1-4b29-9b1d-57a2717b182a-18577">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé noir english breakfast sachets Bio, 20 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.33 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18577&quot;],&quot;content_name&quot;:&quot;Thé noir english breakfast sachets Bio, 20 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18577&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8qfrsrt-vjTWNIyM4q8AoqD8YTDQ21mwicTXGUynzfrA-ABmCTpriI8hJcj2FMKr03qzoTQXfPSyWNuWcVhhzw" />
    <input value="18577" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D30">
    <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/graines-de-chia-qualite-crudites-bio-200-g-1815">
          <img alt="Graines de chia qualité crudités Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1412/file/small-c1f0ccdf7203cf8c2744d80edeabfc32.webp 600w, https://assets.fabulous.ch/public/variant_asset/1412/file/medium-62dfe812ac92284466562bf0909f422e.webp 900w, https://assets.fabulous.ch/public/variant_asset/1412/file/large-90fbaa9e3aeee05e82d9c9852b274bce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1412/file/medium-62dfe812ac92284466562bf0909f422e.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">Govinda</p>
          <a href="/fr/products/graines-de-chia-qualite-crudites-bio-200-g-1815">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Graines de chia qualité crudités Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1815&quot;],&quot;content_name&quot;:&quot;Graines de chia qualité crudités Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1815&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wz0hMi3NcRJiLdQJfrb662J387_JwgnSNjzBi6z6YnfxYsrmn4mkrjs4fU1qDTjiEfEhLi0OLJYNoM0EkQXOQg" />
    <input value="1815" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D30">
    <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/charcuterie-vegan-tranches-chorizo-bio-80-g-171">
          <img alt="Charcuterie Vegan Tranches Chorizo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9136/file/small-8571f07cefa24a576388fef96386aa02.webp 600w, https://assets.fabulous.ch/public/variant_asset/9136/file/medium-6db8b8fac6c267ab23208a71c3443a9f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9136/file/large-654b2c5888415747d26ba3af35696dd5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9136/file/medium-6db8b8fac6c267ab23208a71c3443a9f.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/charcuterie-vegan-tranches-chorizo-bio-80-g-171">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Charcuterie Vegan Tranches Chorizo Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.85
            </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 4.81 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;171&quot;],&quot;content_name&quot;:&quot;Charcuterie Vegan Tranches Chorizo Bio, 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;171&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G75dkmcWB-0qTdteK2Lrei_zYtPNC6m1FpKXG9YzCYcp4bZG1VLSUXNYcho_2SlzXHWwQinHjPEtDpuU68ylsg" />
    <input value="171" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D30">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/spatzle-pates-fraiches-bio-500-g-4547">
          <img alt="Spätzle Pâtes Fraïches Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2796/file/small-7bfa42dbb249b63a282a2f145c5d5442.webp 600w, https://assets.fabulous.ch/public/variant_asset/2796/file/medium-6d49d0856066c1cc981c16d302bc787e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2796/file/large-323b6e0ebb6b9386ab89487cde51ad2e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2796/file/medium-6d49d0856066c1cc981c16d302bc787e.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/spatzle-pates-fraiches-bio-500-g-4547">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spätzle Pâtes Fraïches Bio, 500 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 0.99 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D30">
    <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-nature-bio-200-g-c3f87ec2-3824-4549-b15d-9ef74a3c0bb2-17199">
          <img alt="Tempeh Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8025/file/small-4e9e60d12c958a290cf590a565dc4da7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8025/file/medium-cc7d0845e860b07401d7638b39ccf839.webp 900w, https://assets.fabulous.ch/public/variant_asset/8025/file/large-14dbdf28579f4b55f925e86cfd745430.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8025/file/medium-cc7d0845e860b07401d7638b39ccf839.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-nature-bio-200-g-c3f87ec2-3824-4549-b15d-9ef74a3c0bb2-17199">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tempeh Nature 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-17199-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17199&quot;],&quot;content_name&quot;:&quot;Tempeh Nature Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17199&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="KVSJjYVCQyFigGz8AsqTcJHD8uZu6ltBXWERPQP9zeobC2JZNwaWnTuVxbgWcVF54kUgd4omfgVm_R2yPgJh3w" />
    <input value="17199" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D30">
    <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-ail-coriandre-bio-200-g-17197">
          <img alt="Tempeh Ail Coriandre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8023/file/small-0204b5f9a751ef7b2cbadbdf412aceb1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8023/file/medium-609401254a436a19f1379c7ce58f92d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8023/file/large-75162a43ba3efd21c44f0ae1e7d335c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8023/file/medium-609401254a436a19f1379c7ce58f92d6.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-ail-coriandre-bio-200-g-17197">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tempeh Ail Coriandre 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-17197-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17197&quot;],&quot;content_name&quot;:&quot;Tempeh Ail Coriandre Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17197&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="TXIE0OUVt6PG-RIdG0Bu9lWJ5l-YXgo4VstW-Jh_NwJ_Le8EV1FiH5_su1kP-6z_Jg80znySL3xtV1p3pYCbNw" />
    <input value="17197" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D30">
    <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/alsan-margarine-bio-250-g-14">
          <img alt="Alsan Margarine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1/file/small-3e93ced63b65fefc6324d9b83c0befce.webp 600w, https://assets.fabulous.ch/public/variant_asset/1/file/medium-82bc30e602eae0142f35525aa6b46782.webp 900w, https://assets.fabulous.ch/public/variant_asset/1/file/large-95a10b92c2dce9245561ce25f34e6265.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1/file/medium-82bc30e602eae0142f35525aa6b46782.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">Alsan BIO</p>
          <a href="/fr/products/alsan-margarine-bio-250-g-14">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alsan Margarine Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14&quot;],&quot;content_name&quot;:&quot;Alsan Margarine Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14&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="CovAA1KChJO_7SbfrZesSHzT31SUyDgsTla2q4GW6vA41CvX4MZRL-b4j5u5LG5BD1UNxXAEHWh1yrokvGlGxQ" />
    <input value="14" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D30">
    <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/bloc-d-avoine-margarine-a-base-d-avoine-bio-250-g-9157">
          <img alt="Bloc d&#39;avoine - Margarine à base d&#39;avoine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5200/file/small-8b343fba05f7137ac518a7a6a5d225ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/5200/file/medium-185b5b7b353ca64753a7c765a6e6f35a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5200/file/large-3f25376ab7bcde3397bee53d332faf15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5200/file/medium-185b5b7b353ca64753a7c765a6e6f35a.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">the vegan cow</p>
          <a href="/fr/products/bloc-d-avoine-margarine-a-base-d-avoine-bio-250-g-9157">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bloc d&#39;avoine - Margarine à base d&#39;avoine Bio, 250 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 critique nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.12 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9157&quot;],&quot;content_name&quot;:&quot;Bloc d&#39;avoine - Margarine à base d&#39;avoine Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9157&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="VArGNsEgFGXccYYwnUuFQCei3K75JqSqLIC2yDK3OyNmVS3ic2TB2YVkL3SJ8EdJVCQOPx3qge4XHLpHD0iXFg" />
    <input value="9157" 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%2Fkaffa%3Fformat%3Dturbo_stream%26page%3D30">
    <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/margarine-sans-huile-de-palme-megarine-bio-250-g-6344">
          <img alt="Margarine sans huile de palme Megarine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3637/file/small-944fa63327b220351f71f7ac564f5635.webp 600w, https://assets.fabulous.ch/public/variant_asset/3637/file/medium-999f158f041290089d42fd7184ef7341.webp 900w, https://assets.fabulous.ch/public/variant_asset/3637/file/large-12b0506098feef88e90432a9680926fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3637/file/medium-999f158f041290089d42fd7184ef7341.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">Vitaquell</p>
          <a href="/fr/products/margarine-sans-huile-de-palme-megarine-bio-250-g-6344">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Margarine sans huile de palme Megarine Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6344&quot;],&quot;content_name&quot;:&quot;Margarine sans huile de palme Megarine Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6344&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="ULKEZtCUlSLH_Gh1e8fURFqZLcMRVPJMCu70R-HExs9i7W-yYtBAnp7pwTFvfBZNKR__UvWY1wgxcvjI3Dtq-g" />
    <input value="6344" 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">
      600 sur 3&#39;724 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/kaffa?format=turbo_stream&amp;page=31">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>