<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%2Fbitterliebe%3Fformat%3Dturbo_stream%26page%3D93">
    <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/graine-de-tournesol-en-gros-biosuisse-5-kg-6080">
          <img alt="Graine de tournesol en gros BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3492/file/small-69683850d1b918c06a53002c9e3c3e4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3492/file/medium-d512f6ac222914e94daac33663d443cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/3492/file/large-e78cdb25f632806f5dde60196ea112e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3492/file/medium-d512f6ac222914e94daac33663d443cc.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">Biofarm</p>
          <a href="/fr/products/graine-de-tournesol-en-gros-biosuisse-5-kg-6080">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Graine de tournesol en gros BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 90.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6080&quot;],&quot;content_name&quot;:&quot;Graine de tournesol en gros BioSuisse, 5 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6080&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:90.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cwckKfbUfvCprfG8ZVzkppgIXrxF9uunIj08xufzxWitpDrflcv4U9cYz8WNyIcwUjvawRssTL_I2rKAkccCtA" />
    <input value="6080" 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%2Fbitterliebe%3Fformat%3Dturbo_stream%26page%3D93">
    <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/flocons-de-soja-demeter-500-g-15154">
          <img alt="Flocons de Soja Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6936/file/small-e7308f91de88769f85076144726ed3b4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6936/file/medium-813d1608e4519ae733a4376a6e9f336e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6936/file/large-feddbd1341c6b8fcec937e36a0cab7bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6936/file/medium-813d1608e4519ae733a4376a6e9f336e.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">Vanadis</p>
          <a href="/fr/products/flocons-de-soja-demeter-500-g-15154">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flocons de Soja Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15154&quot;],&quot;content_name&quot;:&quot;Flocons de Soja Demeter, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15154&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d6QiXwfYZj2FKHxhjiHYcwW-9ne-uVAqq1APvMemgS-pBzypZMfgnvudQhhmtbvlz41yCuBj9zJBt4H6sZJG8w" />
    <input value="15154" 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%2Fbitterliebe%3Fformat%3Dturbo_stream%26page%3D93">
    <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/pois-chiche-boite-bio-400-g-623">
          <img alt="Pois Chiche Boîte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/568/file/small-e94a248af3899e3e596324ec8a74d41c.webp 600w, https://assets.fabulous.ch/public/variant_asset/568/file/medium-7c4971470b5eee648c6a10392ab2a797.webp 900w, https://assets.fabulous.ch/public/variant_asset/568/file/large-0785d1ae1dd1e0dfda69060384c2d288.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/568/file/medium-7c4971470b5eee648c6a10392ab2a797.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">Rapunzel</p>
          <a href="/fr/products/pois-chiche-boite-bio-400-g-623">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pois Chiche Boîte Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;623&quot;],&quot;content_name&quot;:&quot;Pois Chiche Boîte Bio, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;623&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SlA0pKsRSp71_WR24zQcQ0yvz72fDAwmXWBbPEuvKGKU8ypSyA7MPYtIWg8LoH_VhpxLwMHWqz63h9V6PZvvvg" />
    <input value="623" 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%2Fbitterliebe%3Fformat%3Dturbo_stream%26page%3D93">
    <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/ketchup-jalapeno-sans-sucres-ajoutes-bio-230-g-8573">
          <img alt="Ketchup Jalapeno 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/5003/file/small-eb18805bfaa6d04dad0359f0bbd37124.webp 600w, https://assets.fabulous.ch/public/variant_asset/5003/file/medium-5ef57248b8be35b106055c4eef348e63.webp 900w, https://assets.fabulous.ch/public/variant_asset/5003/file/large-768594e04ef11d58015906ed5a370b3a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5003/file/medium-5ef57248b8be35b106055c4eef348e63.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">Connie&#39;s Kitchen</p>
          <a href="/fr/products/ketchup-jalapeno-sans-sucres-ajoutes-bio-230-g-8573">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ketchup Jalapeno Sans sucres ajoutés Bio, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8573&quot;],&quot;content_name&quot;:&quot;Ketchup Jalapeno Sans sucres ajoutés Bio, 230 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8573&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="8vSVGCTlNUMId6i1mielxpZ8t5cfcac4WVFik5Dk75ssV4vuR_qz4HbClsxys8ZQXE8z6kGrACCztuzV5tAoRw" />
    <input value="8573" 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%2Fbitterliebe%3Fformat%3Dturbo_stream%26page%3D93">
    <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/200-g-e3dec69c-aa99-4a32-8f17-52595a0c5dd5-18511">
          <img alt="Miso de riz genmai Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9599/file/small-837b567e042b9adc238dbb2d944bd443.webp 600w, https://assets.fabulous.ch/public/variant_asset/9599/file/medium-516fc96af0794a53fccc170155b91f4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9599/file/large-5f49387857dc8ba68b1e24bb7f247921.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9599/file/medium-516fc96af0794a53fccc170155b91f4e.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">Danival</p>
          <a href="/fr/products/200-g-e3dec69c-aa99-4a32-8f17-52595a0c5dd5-18511">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Miso de riz genmai Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18511&quot;],&quot;content_name&quot;:&quot;Miso de riz genmai Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18511&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ecp8-T7ZiZmQ4_RhpC3O2K3hS-IVGBVTVw2QIS6HZunPaWIPXcYPOu5WyhhMua1OZ9LPn0vCsku96h5nWLOhNQ" />
    <input value="18511" 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%2Fbitterliebe%3Fformat%3Dturbo_stream%26page%3D93">
    <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/shot-gingembre-et-baies-demeter-280-ml-7674">
          <img alt="Shot gingembre et baies Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4438/file/small-eb2bb1fb666b79e241617657412c1138.webp 600w, https://assets.fabulous.ch/public/variant_asset/4438/file/medium-e38661476feb1ea1be183c6374b25055.webp 900w, https://assets.fabulous.ch/public/variant_asset/4438/file/large-9fef23a5aa43d23d4e09567dcdbd1896.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4438/file/medium-e38661476feb1ea1be183c6374b25055.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">Voelkel</p>
          <a href="/fr/products/shot-gingembre-et-baies-demeter-280-ml-7674">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shot gingembre et baies Demeter, 280 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7674&quot;],&quot;content_name&quot;:&quot;Shot gingembre et baies Demeter, 280 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7674&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M5AY2IvGLkIh9qfb_Z7a0yotUIksWtrjiJmjFJuLzHrtMwYu6Nmo4V9DmaIVCrlF4B7U9HKAfftifi1S7b8Lpg" />
    <input value="7674" 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%2Fbitterliebe%3Fformat%3Dturbo_stream%26page%3D93">
    <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/100-g-25720545-c244-4e7f-9232-1a579038d317-18474">
          <img alt="Thé vert sencha en vrac Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10047/file/small-355ee769baca4a0b4e8cd270382659ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/10047/file/medium-1157cabaf187e6e23a9027c39c15ed5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10047/file/large-5a15a75a4de6643f530c638cdc3af997.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10047/file/medium-1157cabaf187e6e23a9027c39c15ed5a.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">Cha Dô</p>
          <a href="/fr/products/100-g-25720545-c244-4e7f-9232-1a579038d317-18474">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé vert sencha en vrac Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18474&quot;],&quot;content_name&quot;:&quot;Thé vert sencha en vrac Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18474&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N7UBF-heN0t4lDSmCZNt7RVqVlJ5zi5YyuIsIJvgCpnpFh_hi0Gx6AYhCt_hBw5731nSLycUiUAgBaJm7dTNRQ" />
    <input value="18474" 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%2Fbitterliebe%3Fformat%3Dturbo_stream%26page%3D93">
    <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/gousses-d-ail-noir-bio-60-g-16236">
          <img alt="Gousses d’Ail Noir Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7473/file/small-0d596f47322305c9aebd8146c7acef29.webp 600w, https://assets.fabulous.ch/public/variant_asset/7473/file/medium-0ca186dd6e8c4f964051c6e21d3dce77.webp 900w, https://assets.fabulous.ch/public/variant_asset/7473/file/large-2a21017c41c229d8c69320be92adea5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7473/file/medium-0ca186dd6e8c4f964051c6e21d3dce77.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">Amanprana</p>
          <a href="/fr/products/gousses-d-ail-noir-bio-60-g-16236">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gousses d’Ail Noir Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16236&quot;],&quot;content_name&quot;:&quot;Gousses d’Ail Noir Bio, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16236&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bX6xPifWVeEAWCDcKVa2-jmhGGXT_FLJ35Uku1E24-2z3a_IRMnTQn7tHqXBwtVs85KcGI0m9dE1cqr9JwIkMQ" />
    <input value="16236" 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%2Fbitterliebe%3Fformat%3Dturbo_stream%26page%3D93">
    <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/voelkel-kombucha-original-bio-330-ml-16573">
          <img alt="Voelkel Kombucha Original Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7636/file/small-473db6ded99114a9871d2be1acaf8ab0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7636/file/medium-353217995dd2e96c0cb66b8589bfe869.webp 900w, https://assets.fabulous.ch/public/variant_asset/7636/file/large-bfc987ca5d07faad04903bd346e5c2a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7636/file/medium-353217995dd2e96c0cb66b8589bfe869.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">Voelkel</p>
          <a href="/fr/products/voelkel-kombucha-original-bio-330-ml-16573">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Voelkel Kombucha Original Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16573&quot;],&quot;content_name&quot;:&quot;Voelkel Kombucha Original Bio, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16573&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r2-30DC0zOuW4Sr_AWjtSLwBG91TxSI7cFAeuRbKBI5xzKkmU6tKSOhUFIbp_I7edjKfoA0fhSOat5D_YP7DUg" />
    <input value="16573" 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%2Fbitterliebe%3Fformat%3Dturbo_stream%26page%3D93">
    <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/17-pieces-e3d5e471-f7db-4aa5-ae40-6838521db621-19988">
          <img alt="Sachet de thé caramel salé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10680/file/small-07f3734b836cf8c7464375e74dfe685f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10680/file/medium-51ee58c93acf39c4d8f730dbdb39942d.webp 900w, https://assets.fabulous.ch/public/variant_asset/10680/file/large-f3c39903e3c30ecec61bf750430f7848.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10680/file/medium-51ee58c93acf39c4d8f730dbdb39942d.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">Yogi Tee</p>
          <a href="/fr/products/17-pieces-e3d5e471-f7db-4aa5-ae40-6838521db621-19988">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sachet de thé caramel salé Bio, 17 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19988&quot;],&quot;content_name&quot;:&quot;Sachet de thé caramel salé Bio, 17 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19988&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ke7O1rdwCdLT8rx59XesRx8KxUIxJ7cVXW_oHArc6833TdAg1G-Pca1HggAd48_R1TlBP2_9EA23iGZafOgsEQ" />
    <input value="19988" 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%2Fbitterliebe%3Fformat%3Dturbo_stream%26page%3D93">
    <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/90-g-b452b2bc-1ad2-4605-ae4e-0c9ec8abcc4d-19245">
          <img alt="Chocolat chai Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9584/file/small-df0893f498ee478df0e059f5023cda17.webp 600w, https://assets.fabulous.ch/public/variant_asset/9584/file/medium-bf10a41f197cee2fe4b6eee44253ea63.webp 900w, https://assets.fabulous.ch/public/variant_asset/9584/file/large-b099c2e8b07049adc993e12372a7fd7a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9584/file/medium-bf10a41f197cee2fe4b6eee44253ea63.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">Yogi Tee</p>
          <a href="/fr/products/90-g-b452b2bc-1ad2-4605-ae4e-0c9ec8abcc4d-19245">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chocolat chai Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19245&quot;],&quot;content_name&quot;:&quot;Chocolat chai Bio, 90 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19245&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9FN6Frjeijuq_xtdppm9SdpRCb0NvBMEJS3FdEnUeewq8GTg28EMmNRKJSRODd7fEGKNwFNmtBzPyksyP-C-MA" />
    <input value="19245" 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%2Fbitterliebe%3Fformat%3Dturbo_stream%26page%3D93">
    <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/100-g-6ed5976b-aa94-4ef9-97bf-c96423287c26-18990">
          <img alt="Thé gingembre énergie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10976/file/small-0e1be152e4463bfdb862b1d773243b10.webp 600w, https://assets.fabulous.ch/public/variant_asset/10976/file/medium-80f2891cb7443eaa5c72ddd81bf0b4fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/10976/file/large-e15d3d1446e14f7de66f13bdc5024cdc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10976/file/medium-80f2891cb7443eaa5c72ddd81bf0b4fa.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">Sonnentor</p>
          <a href="/fr/products/100-g-6ed5976b-aa94-4ef9-97bf-c96423287c26-18990">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé gingembre énergie Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18990&quot;],&quot;content_name&quot;:&quot;Thé gingembre énergie Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18990&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BQQKphcYxFA4r-UYCaivh7C6EwamPpOAjNNczlOJTerbpxRQdAdC80Ya22HhPMwReomXe_jkNJhmNNKIJb2KNg" />
    <input value="18990" 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%2Fbitterliebe%3Fformat%3Dturbo_stream%26page%3D93">
    <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/cacao-en-morceau-qualite-crudite-bio-150-g-1120">
          <img alt="Cacao en Morceau Qualité Crudité Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/998/file/small-9a1646027d377fcd777c4aac011963b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/998/file/medium-74ed58ba7017120007d5be5f2ba219d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/998/file/large-a646b66295212dc58dd3665bd810ff44.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/998/file/medium-74ed58ba7017120007d5be5f2ba219d2.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/cacao-en-morceau-qualite-crudite-bio-150-g-1120">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cacao en Morceau Qualité Crudité Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-1120-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%2Fbitterliebe%3Fformat%3Dturbo_stream%26page%3D93">
    <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/tempeh-purple-season-180-g-20143">
          <img alt="Tempeh Purple Season" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11390/file/small-d3b1d79b317041dfffce086b302c2b7d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11390/file/medium-f289f7acc67f2a75053192b4232941dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11390/file/large-f557fae479d3c0e27ccefc45208b9884.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11390/file/medium-f289f7acc67f2a75053192b4232941dd.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">Yumame</p>
          <a href="/fr/products/tempeh-purple-season-180-g-20143">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tempeh Purple Season, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </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 4.17 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20143&quot;],&quot;content_name&quot;:&quot;Tempeh Purple Season, 180 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20143&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LK5CU1gakVTDvj6Fcv7WmYckhH-ZA-l7BU7BlPL5rDXyDVylOwUX970LAPyaarUPTRcAAsfZTmPvqU_ShM1r6Q" />
    <input value="20143" 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%2Fbitterliebe%3Fformat%3Dturbo_stream%26page%3D93">
    <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/tempeh-rustic-garden-180-g-20243">
          <img alt="Tempeh Rustic Garden" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11392/file/small-73d87649393866df31b291fa65b88e92.webp 600w, https://assets.fabulous.ch/public/variant_asset/11392/file/medium-effe0efc0d67febe8627b11677506351.webp 900w, https://assets.fabulous.ch/public/variant_asset/11392/file/large-8fed8f2b6246f21bbdc06f73a80319c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11392/file/medium-effe0efc0d67febe8627b11677506351.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">Yumame</p>
          <a href="/fr/products/tempeh-rustic-garden-180-g-20243">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tempeh Rustic Garden, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </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 4.17 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-20243-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%2Fbitterliebe%3Fformat%3Dturbo_stream%26page%3D93">
    <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/tempeh-flavor-forest-180-g-20142">
          <img alt="Tempeh Flavor Forest" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11391/file/small-9e928144696e3c4b09515acd7268efd5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11391/file/medium-bac4013480a14756921e7559274c81bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11391/file/large-b1f2705418c07f9507e1a65f222b371b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11391/file/medium-bac4013480a14756921e7559274c81bd.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">Yumame</p>
          <a href="/fr/products/tempeh-flavor-forest-180-g-20142">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tempeh Flavor Forest, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </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 4.17 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-20142-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 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%2Fbitterliebe%3Fformat%3Dturbo_stream%26page%3D93">
    <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/250-ml-3efa82af-9e31-49c8-a8a8-1dd056cbb6f8-19189">
          <img alt="Smoothie betterave mangue chou frisé épinard demeter bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10565/file/small-fbae5e5acbb77227e03d06472dba2db3.webp 600w, https://assets.fabulous.ch/public/variant_asset/10565/file/medium-ecc60959b9badee47346f71ef087f91c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10565/file/large-a3b24c4bdb1106efcb4599ca163f77b0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10565/file/medium-ecc60959b9badee47346f71ef087f91c.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">Voelkel</p>
          <a href="/fr/products/250-ml-3efa82af-9e31-49c8-a8a8-1dd056cbb6f8-19189">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Smoothie betterave mangue chou frisé épinard demeter bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19189&quot;],&quot;content_name&quot;:&quot;Smoothie betterave mangue chou frisé épinard demeter bio, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19189&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eTTIMfqzfMtTPnlXK0JDJxt0DRV-nbCXE-u3zApCz1enl9bHmaz6aC2LRy7D1iCx0UeJaCBHF4_5DDmKfHYIiw" />
    <input value="19189" 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%2Fbitterliebe%3Fformat%3Dturbo_stream%26page%3D93">
    <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/500-ml-db2e80de-3fbc-40e2-b2b5-6c0098cbd18f-18516">
          <img alt="Lait de coco pour la cuisine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10887/file/small-f21f3237f905821435636a48bd6cba7c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10887/file/medium-cf9249d2610b9bc179bac8ec4acc21bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/10887/file/large-038cf7c854df7c164c65a84fd861a31e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10887/file/medium-cf9249d2610b9bc179bac8ec4acc21bd.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">Dr. Antonio Martins</p>
          <a href="/fr/products/500-ml-db2e80de-3fbc-40e2-b2b5-6c0098cbd18f-18516">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lait de coco pour la cuisine Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18516&quot;],&quot;content_name&quot;:&quot;Lait de coco pour la cuisine Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18516&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YxBp4JSI7ur0gNUHAvp45b6VBw0n55vLp8hIzcOBVWi9s3cW95doSYo1637qbhtzdKaDcHk9PNNNL8aLtbWStA" />
    <input value="18516" 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%2Fbitterliebe%3Fformat%3Dturbo_stream%26page%3D93">
    <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/nettoyant-pour-salle-de-bain-en-gros-1-l-18190">
          <img alt="Nettoyant pour Salle de Bain" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9142/file/small-56f47ab0f97d1c87db9f00bce1f30c66.webp 600w, https://assets.fabulous.ch/public/variant_asset/9142/file/medium-0e1628b546e897df7240cea0acce8fe4.webp 900w, https://assets.fabulous.ch/public/variant_asset/9142/file/large-00f94a8cb8e25f1fce24c39f6e7a00ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9142/file/medium-0e1628b546e897df7240cea0acce8fe4.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">Sonett</p>
          <a href="/fr/products/nettoyant-pour-salle-de-bain-en-gros-1-l-18190">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nettoyant pour Salle de Bain, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18190&quot;],&quot;content_name&quot;:&quot;Nettoyant pour Salle de Bain, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18190&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Nwq3bwdPWitPsTnkXeDJ2fxZAnDeKiGDI92CNRgKiS_pqamZZFDciDEEB521dKpPNmqGDYDwhpvJOgxzbj5O8w" />
    <input value="18190" 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%2Fbitterliebe%3Fformat%3Dturbo_stream%26page%3D93">
    <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/cacahuetes-grillees-en-gros-bio-2-5-kg-9059">
          <img alt="Cacahuètes grillées en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5190/file/small-8f92869d4803b9cec7de3307cf1cb852.webp 600w, https://assets.fabulous.ch/public/variant_asset/5190/file/medium-452be05cf3ef4db5476e4055e9dd1f39.webp 900w, https://assets.fabulous.ch/public/variant_asset/5190/file/large-ac091efbb316c7b08ee48e19e89cfc87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5190/file/medium-452be05cf3ef4db5476e4055e9dd1f39.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">Rapunzel</p>
          <a href="/fr/products/cacahuetes-grillees-en-gros-bio-2-5-kg-9059">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cacahuètes grillées en gros Bio, 2.5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9059&quot;],&quot;content_name&quot;:&quot;Cacahuètes grillées en gros Bio, 2.5 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9059&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:42.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0zOptcgLC7QwE9_sia5f8p8zt7xEeEv1hWnncaho8RYNkLdDqxSNF06m4ZVhOjxkVQAzwRqi7O1vjmk33lw2yg" />
    <input value="9059" 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">
      1&#39;860 sur 3&#39;713 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/bitterliebe?format=turbo_stream&amp;page=94">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>