<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chou-rouge-en-verre-demeter-350-g-8658">
          <img alt="Chou rouge en verre Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5036/file/small-228fbd244dfcc0046239506c19a4de00.webp 600w, https://assets.fabulous.ch/public/variant_asset/5036/file/medium-79eef76ab0576a0e6a88f1e9b5c46e37.webp 900w, https://assets.fabulous.ch/public/variant_asset/5036/file/large-e11cc35ed06c6a5db7fdd4fdf94bdc24.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5036/file/medium-79eef76ab0576a0e6a88f1e9b5c46e37.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">Nur Puur</p>
          <a href="/fr/products/chou-rouge-en-verre-demeter-350-g-8658">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chou rouge en verre Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zzct4lpOI-WYHsEcSl7UHOVpDbsOeRp3TU2Fqd0LIhTkhSK7HtU1hmtDEtlacRnkU4rjiNUyItyl5R3PgIbFQQ" />
    <input value="8658" 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">
    <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/fullgreen-riced-choufleur-keto-vegan-200-g-8663">
          <img alt="FullGreen Riced Choufleur Keto Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5038/file/small-a4b13c942cfb72a888472d01d25453dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/5038/file/medium-012fc482760af7c1b0a84191b934f1e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5038/file/large-cea7d660fe9fad9dbe54899c0670c372.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5038/file/medium-012fc482760af7c1b0a84191b934f1e6.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">FullGreen</p>
          <a href="/fr/products/fullgreen-riced-choufleur-keto-vegan-200-g-8663">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">FullGreen Riced Choufleur Keto Vegan, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8663-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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/ketchup-a-la-tomate-avec-douceur-de-pomme-pour-enfants-bio-500-ml-8812">
          <img alt="Ketchup à la tomate avec douceur de pomme pour ENFANTS Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5110/file/small-5fca30345c7638448661fa6fa4ae76a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/5110/file/medium-04ad7256591d2ee76c608bbba5354c7c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5110/file/large-12a5adce793f88cf068af3036e71f59e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5110/file/medium-04ad7256591d2ee76c608bbba5354c7c.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">Zwergenwiese</p>
          <a href="/fr/products/ketchup-a-la-tomate-avec-douceur-de-pomme-pour-enfants-bio-500-ml-8812">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ketchup à la tomate avec douceur de pomme pour ENFANTS Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YF1GkPiul874mn3Z158Olfa9fXHrwPPsw7ZY_qKs-Q3j70nJvDWBrQvHrhzHsMNtQF6TQjCLy0crHsCY_yEeWA" />
    <input value="8812" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sucre-gelifiant-sans-cuisson-crus-bio-115-g-8846">
          <img alt="Sucre Gélifiant sans cuisson Crus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5116/file/small-37926481e2c2bd6a37f91e2a0c44a9fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5116/file/medium-bbdb8c5d23c4809b177ddedfd7abbe22.webp 900w, https://assets.fabulous.ch/public/variant_asset/5116/file/large-6650ab55b19b58f231a114dca332ba24.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5116/file/medium-bbdb8c5d23c4809b177ddedfd7abbe22.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/sucre-gelifiant-sans-cuisson-crus-bio-115-g-8846">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sucre Gélifiant sans cuisson Crus Bio, 115 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 2.43 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TaYUygoib8zf_qxOA3YtZiqmrdHMMQon-NZH65GVUHjOFBuTTrl5ryyjf4sTWeCenEVD4hd6MowQft-NzBi3LQ" />
    <input value="8846" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sucre-gelifiant-2-1-bio-500-g-8847">
          <img alt="Sucre Gélifiant 2:1 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5117/file/small-085b97490e981816fa5203989c896f52.webp 600w, https://assets.fabulous.ch/public/variant_asset/5117/file/medium-dfbe971c2c72fb025d481281ac9b0cad.webp 900w, https://assets.fabulous.ch/public/variant_asset/5117/file/large-cb11193705967cba31fa70a839951e23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5117/file/medium-dfbe971c2c72fb025d481281ac9b0cad.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/sucre-gelifiant-2-1-bio-500-g-8847">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sucre Gélifiant 2:1 Bio, 500 g</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.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vSzrs87yS0MTp5Fh4QH4rrVeYeF89VhD4wyQCAf7gKQ-nuTqimldIOD6QqTxLjVWA72P0qe-YOgLpAhuWnZn8Q" />
    <input value="8847" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/gelifiant-agaranta-bio-18-g-8849">
          <img alt="Gélifiant Agaranta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5119/file/small-4fb74db9cb3e24dfca6f1bfce6584495.webp 600w, https://assets.fabulous.ch/public/variant_asset/5119/file/medium-445a98fb619d5039104b01c03edb27a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5119/file/large-95297164b94003a5b98426d13f02936a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5119/file/medium-445a98fb619d5039104b01c03edb27a5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/gelifiant-agaranta-bio-18-g-8849">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gélifiant Agaranta Bio, 18 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AUFuLi4TXykaSvpHQmNZRQUIlflfCOviHNdYEfcq03-C82F3aohJSukXKYJSTJS9s-t7yoRD00n0f8B3qqc0Kg" />
    <input value="8849" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sauce-tomate-enfants-sans-sucre-ajoute-demeter-330-ml-8883">
          <img alt="Sauce Tomate Enfants sans sucre ajouté Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5144/file/small-6775379215d9061b8ef4589d1f0e6d10.webp 600w, https://assets.fabulous.ch/public/variant_asset/5144/file/medium-0aab3a6ee42ce3e0118ce1c97acde988.webp 900w, https://assets.fabulous.ch/public/variant_asset/5144/file/large-c0b2dfe416d09d80e18bce75daa7faa3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5144/file/medium-0aab3a6ee42ce3e0118ce1c97acde988.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/sauce-tomate-enfants-sans-sucre-ajoute-demeter-330-ml-8883">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Tomate Enfants sans sucre ajouté Demeter, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qq96_qgbiQjb7mEx47MvPN3Dq7P4gnOZoPpvkVM5PgEpHXWn7ICfayizsvTznOLEayBFgCPJSzJIUvf3DrTZVA" />
    <input value="8883" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sauce-tomate-enfants-douceur-de-la-pomme-bio-334-ml-8884">
          <img alt="Sauce Tomate Enfants douceur de la pomme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5146/file/small-0a7c55b98c191319ed15c3bd8bd0a9b5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5146/file/medium-8302bde8a5d57cdf7fc61275067520f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/5146/file/large-3190d7a4bfe8bc4937c13c3cebcccd80.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5146/file/medium-8302bde8a5d57cdf7fc61275067520f9.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">Zwergenwiese</p>
          <a href="/fr/products/sauce-tomate-enfants-douceur-de-la-pomme-bio-334-ml-8884">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Tomate Enfants douceur de la pomme Bio, 334 ml</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 1.41 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1_bEl05QfFRoWZWQgBIMaryuVonKRNwXOb1wGWOIyTVURMvOCstqN5sERlWQPcGSCk24uhEP5LzRFeh_PgUuYA" />
    <input value="8884" 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">
    

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

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

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W4NoRzQhN_utR82ZWgQBtlUxW1Fh0xXWfWld39xbUaTYMWcecLohmF4aHlxKK8xO49K1YrqYLX2VwcW5gda28Q" />
    <input value="8930" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vinaigre-ume-su-umeboshi-bio-145-ml-9156">
          <img alt="Vinaigre Ume Su Umeboshi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5199/file/small-07d7c0f24ea3f6c842f72956e80afad0.webp 600w, https://assets.fabulous.ch/public/variant_asset/5199/file/medium-9a937000b9e18e36533a3b09117445b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5199/file/large-bb88a15970c792fa08b4ca60b55e3875.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5199/file/medium-9a937000b9e18e36533a3b09117445b4.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">Arche</p>
          <a href="/fr/products/vinaigre-ume-su-umeboshi-bio-145-ml-9156">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vinaigre Ume Su Umeboshi Bio, 145 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0u1ywV6vLjiAzBHJx5DGn8YoxNFaPDME7HLG_BT80OVRX32YGjQ4W3ORwgzXvwtncMsq4oF3C68E2l6aSXE3sA" />
    <input value="9156" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/curcuma-moulu-en-gros-boite-bio-400-g-9291">
          <img alt="Curcuma moulu en gros 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/5283/file/small-e0c3305f169bfcaec6a2a117945c4746.webp 600w, https://assets.fabulous.ch/public/variant_asset/5283/file/medium-8ce0adca54465a21dbfeb3a37f153b42.webp 900w, https://assets.fabulous.ch/public/variant_asset/5283/file/large-0ea0bbb69c48baef3df12c0d0e15ee89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5283/file/medium-8ce0adca54465a21dbfeb3a37f153b42.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">Bio Grosshandel</p>
          <a href="/fr/products/curcuma-moulu-en-gros-boite-bio-400-g-9291">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Curcuma moulu en gros Boîte Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4iIQ0waXFzanXAtJ5FcrPPuexOHJom51GOjEgr-zdKJhkB-KQgwBVVQB2Iz0eObETX0q0hLpVt7wQFzk4j6T9w" />
    <input value="9291" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/coco-aminos-sauce-d-assaisonnement-yakso-bio-250-ml-9369">
          <img alt="Coco Aminos Sauce d&#39;assaisonnement YAKSO Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5315/file/small-821a4bae426d70c653edd9b1018634ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/5315/file/medium-ac16677498caa2a92de89b7c02f35d70.webp 900w, https://assets.fabulous.ch/public/variant_asset/5315/file/large-d02757a105aaf76088978184070b0361.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5315/file/medium-ac16677498caa2a92de89b7c02f35d70.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">YAKSO</p>
          <a href="/fr/products/coco-aminos-sauce-d-assaisonnement-yakso-bio-250-ml-9369">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coco Aminos Sauce d&#39;assaisonnement YAKSO Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wCkQsglrAsSPLCN_fSYwW6ZBrwJZQmHo665Ltr_a7PBDmx_rTfAUp3xx8LptCf2jEKJBMYIJWUMDBtPQ4lcLpQ" />
    <input value="9369" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/paprika-doux-et-moulu-en-gros-bio-400-g-9384">
          <img alt="Paprika doux et moulu 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/5316/file/small-f75dc557098340a037fed8e0c1fd6ed9.webp 600w, https://assets.fabulous.ch/public/variant_asset/5316/file/medium-e929081a4e964a65817e1c97d2ee62e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/5316/file/large-9395e70bc3ddcd3492ff880911ee665c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5316/file/medium-e929081a4e964a65817e1c97d2ee62e0.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">Bio Grosshandel</p>
          <a href="/fr/products/paprika-doux-et-moulu-en-gros-bio-400-g-9384">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Paprika doux et moulu en gros Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lub1vkfBz1MdSI145e0t4JbMmDU4Uigd8-Lr0mDBKzcVVPrnA1rZMO4VXr31wuAYIC92BuMZELYbSnO0PUzMYg" />
    <input value="9384" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/poivre-noir-en-grains-en-gros-boite-bio-410-g-9386">
          <img alt="Poivre Noir en Grains en gros 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/5318/file/small-fbbed9913f0e102503157c635ba01504.webp 600w, https://assets.fabulous.ch/public/variant_asset/5318/file/medium-eb5f3b4cb7423f4a9424b0a42f417213.webp 900w, https://assets.fabulous.ch/public/variant_asset/5318/file/large-6161d841402d5134b571232eb969def7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5318/file/medium-eb5f3b4cb7423f4a9424b0a42f417213.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">Bio Grosshandel</p>
          <a href="/fr/products/poivre-noir-en-grains-en-gros-boite-bio-410-g-9386">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poivre Noir en Grains en gros Boîte Bio, 410 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vXbX8RcleYUdIH4B1yBJF-oCroYly1DQ63oo1ZFCaek-xNioU75v5u59rcTHD4TvXOFAtf6AaHsD0rCzzM-OvA" />
    <input value="9386" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tahini-sans-sel-bio-500-g-9443">
          <img alt="Tahini sans sel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5322/file/small-4c8da9dda5b0e6131b37eac4373cf55d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5322/file/medium-e4fa3bbc688f3c44da5dfb13947aa81b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5322/file/large-b345e2796183643f8185682e9753a623.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5322/file/medium-e4fa3bbc688f3c44da5dfb13947aa81b.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/tahini-sans-sel-bio-500-g-9443">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tahini sans sel Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.05
            </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-9443-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SF5MJAePzes1AyCw7W1osoSf3gmMYa3YbicfGrOHcpzL7EN9QxTbiMZe83X9QqVKMnwwOlcqlXOGj4d87gqVyQ" />
    <input value="9443" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/poivre-noir-moulu-bio-50-g-9471">
          <img alt="Poivre Noir moulu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5337/file/small-8e1746489601c9db2f384fd8fb7ddda0.webp 600w, https://assets.fabulous.ch/public/variant_asset/5337/file/medium-f3e0ec0afcce0ed099fe172da5123036.webp 900w, https://assets.fabulous.ch/public/variant_asset/5337/file/large-730c530555202f479b4f3c6b58e81c11.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5337/file/medium-f3e0ec0afcce0ed099fe172da5123036.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/poivre-noir-moulu-bio-50-g-9471">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poivre Noir moulu Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z1OQduWnkqEDAuuvvyhtxabgKrkqXyWWBwc3RPJtquJM4Z8voTyEwvBfOGqvB6A9EAPEivEUHT3vr68ir-BNtw" />
    <input value="9471" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/alternative-au-sel-adios-sel-legumes-du-jardin-bio-55-g-9473">
          <img alt="Alternative au sel &quot;Adios sel !&quot; Légumes du Jardin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5338/file/small-7e7d5d4dd524f249444b2b703b660b6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5338/file/medium-1f4bac2011687cbcc34d04331bd2febd.webp 900w, https://assets.fabulous.ch/public/variant_asset/5338/file/large-2697b88e71bb5f5dd3aedfae755c4102.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5338/file/medium-1f4bac2011687cbcc34d04331bd2febd.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/alternative-au-sel-adios-sel-legumes-du-jardin-bio-55-g-9473">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative au sel &quot;Adios sel !&quot; Légumes du Jardin Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="83Tcd5AEDo_IeoXbVGkjSgNEdgUczUT4kldD0fA1VqxwxtMu1J8Y7DsnVh5ERu6ytaeYNseGfFN6_9u3rbix-Q" />
    <input value="9473" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/alternative-au-sel-adios-sel-mediterraneen-bio-50-g-9474">
          <img alt="Alternative au sel &quot;Adios sel !&quot; Méditerranéen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5339/file/small-48ac2757f55d7357d2a20ee7d0aa6a2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5339/file/medium-831f73df1c0b359b02eb384e1050cf1a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5339/file/large-2618281564a535d5c3ae7f5e86acba2b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5339/file/medium-831f73df1c0b359b02eb384e1050cf1a.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/alternative-au-sel-adios-sel-mediterraneen-bio-50-g-9474">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative au sel &quot;Adios sel !&quot; Méditerranéen Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o3qkNo_q9d7ePQETE_UyMjjnhPGOqiRyO9xv6KMTLD4gyKtvy3HjvS1g0tYD2v_KjgRqwlXhHNnTdPeO_p7Law" />
    <input value="9474" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/rondelles-d-ananas-bio-370-g-9475">
          <img alt="Rondelles d&#39;ananas Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5341/file/small-e0092e139ac651b0730a7c3ab2f94169.webp 600w, https://assets.fabulous.ch/public/variant_asset/5341/file/medium-ed9e7adca7600e6aacf945bde980bbe4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5341/file/large-d12577b00b8f97433363c2f1760b94d8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5341/file/medium-ed9e7adca7600e6aacf945bde980bbe4.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">Morgenland</p>
          <a href="/fr/products/rondelles-d-ananas-bio-370-g-9475">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rondelles d&#39;ananas Bio, 370 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a0DuKp57BmkAXItyNOukEQZhsQOly45Ur-rnSPaBim3o8uFz2uAQCvMBWLckxGnpsIJfMH6Atv9HQn8uqwxtOA" />
    <input value="9475" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/ananas-en-morceaux-bio-350-g-9476">
          <img alt="Ananas en morceaux Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5343/file/small-052c1a80c0713ff8418483b96919d551.webp 600w, https://assets.fabulous.ch/public/variant_asset/5343/file/medium-c16caadf55f14d0c6728354e87293d87.webp 900w, https://assets.fabulous.ch/public/variant_asset/5343/file/large-96b2a870acb1ae30431b19750bf8ee58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5343/file/medium-c16caadf55f14d0c6728354e87293d87.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">Morgenland</p>
          <a href="/fr/products/ananas-en-morceaux-bio-350-g-9476">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ananas en morceaux Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JnUl8-h4icQrzLdfcfWhbNUcpktKreav9fm8CprkMu2lxyqqrOOfp9iRZJph2myUY_9IeJHm3gQdUSRsx2nVuA" />
    <input value="9476" 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">
      340 sur 584 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/comestibles/ingredients-de-cuisine?format=turbo_stream&amp;page=18">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>