<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">
    <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/fleur-de-bananier-en-saumure-510-g-15797">
          <img alt="Fleur de bananier en saumure" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7211/file/small-296b2cea7e42bf3e4dc396381395bb04.webp 600w, https://assets.fabulous.ch/public/variant_asset/7211/file/medium-89dc83b0f7b234d5fd36d0b92342b3d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7211/file/large-c7cd848e124137f112f6fd3687eb1b2d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7211/file/medium-89dc83b0f7b234d5fd36d0b92342b3d0.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">Nature&#39;s Charm</p>
          <a href="/fr/products/fleur-de-bananier-en-saumure-510-g-15797">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fleur de bananier en saumure, 510 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 0.75 / 100 g
            </p>
        </div>
      </div>

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sproud-boisson-a-la-vanille-aux-proteines-de-pois-alternative-vegetale-au-lait-1-l-15802">
          <img alt="Sproud Boisson à la Vanille aux Protéines de Pois – Alternative Végétale au Lait" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7213/file/small-a45c7e50bfe41e8b4538a987a07b2c2e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7213/file/medium-4a50d74ed730f019ab8e4e36efe33845.webp 900w, https://assets.fabulous.ch/public/variant_asset/7213/file/large-806f53ce90ffa110add06dd6a0aacfc3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7213/file/medium-4a50d74ed730f019ab8e4e36efe33845.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">SPROUD</p>
          <a href="/fr/products/sproud-boisson-a-la-vanille-aux-proteines-de-pois-alternative-vegetale-au-lait-1-l-15802">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sproud Boisson à la Vanille aux Protéines de Pois – Alternative Végétale au Lait, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jaz4fx42_gB2Wf9Pw2Bt0TV0cJZBq1kKmw1E-5lf5DufkTc8llGgYKUgtQix5gHk9sSkG63v9Z10xjU9VmYyeA" />
    <input value="15802" 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-vegetalienne-au-skyr-nature-bio-400-g-15804">
          <img alt="Alternative végétalienne au skyr nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7214/file/small-c79000737a03d8031ff89598bd3418d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7214/file/medium-627feb5242443cd64a49110359e3fb16.webp 900w, https://assets.fabulous.ch/public/variant_asset/7214/file/large-810ccc31b75cdd11453d2b0be8c743bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7214/file/medium-627feb5242443cd64a49110359e3fb16.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sojade</p>
          <a href="/fr/products/alternative-vegetalienne-au-skyr-nature-bio-400-g-15804">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative végétalienne au skyr nature Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9v8ppJd2IhxS1XQvJipxRQni5UWvgBWPBphOTxK9p3DkwubnHxF8fIGsPmhUrB1wylIxyEPEuRjpUz-J3YRxMw" />
    <input value="15804" 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-vegetalienne-au-skyr-framboise-bio-400-g-15805">
          <img alt="Alternative végétalienne au skyr framboise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7216/file/small-dbdbd7d314d3ef77510dd0c025542a09.webp 600w, https://assets.fabulous.ch/public/variant_asset/7216/file/medium-8b982d2634d3b2679ff6222bff9e0ab5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7216/file/large-7b1b5c2b62d6f485cd87fd61f158c65f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7216/file/medium-8b982d2634d3b2679ff6222bff9e0ab5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sojade</p>
          <a href="/fr/products/alternative-vegetalienne-au-skyr-framboise-bio-400-g-15805">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative végétalienne au skyr framboise Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LnM48GHQDMZZk9g3QWlIdz4KlcMq0CLhPIhCiLZ1P708Tvez6bdSporqknAz7yRC_bpBTsaUjnbTQzNOeUzp_g" />
    <input value="15805" 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-de-yacon-squeezer-bio-235-g-15806">
          <img alt="Sirop de yacon Squeezer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7215/file/small-bb8b989a09b8229ebfdca32f97b29353.webp 600w, https://assets.fabulous.ch/public/variant_asset/7215/file/medium-353d38a9dfb96e4fbcae13636924bcd9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7215/file/large-733a837a1d2653eda5f40f7e8a7b5358.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7215/file/medium-353d38a9dfb96e4fbcae13636924bcd9.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">Yacon&amp;co</p>
          <a href="/fr/products/sirop-de-yacon-squeezer-bio-235-g-15806">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sirop de yacon Squeezer Bio, 235 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="40XTBeQ8CnW7LjKY4uJOVtjCPLyMpGd0B8BTm1dhCVHxeBxGbFtUFWhXeN-QZCJjG3LoMWDgy-PoCyJdmFjfEg" />
    <input value="15806" 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/sirop-de-yacon-a-la-vanille-squeezer-bio-215-g-15807">
          <img alt="Sirop de yacon à la vanille Squeezer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7217/file/small-7aaaea02af977a97714bc71a50940f77.webp 600w, https://assets.fabulous.ch/public/variant_asset/7217/file/medium-0b6a4fea443ae4d7c98169ec7691cfd7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7217/file/large-8d31bbf3af7642e3a26b25e3688fab10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7217/file/medium-0b6a4fea443ae4d7c98169ec7691cfd7.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">Yacon&amp;co</p>
          <a href="/fr/products/sirop-de-yacon-a-la-vanille-squeezer-bio-215-g-15807">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sirop de yacon à la vanille Squeezer Bio, 215 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WcnwqUb1JvUSZncoQFxGKeTkpIrTjt6joldQavxMcIFL9D_qzpJ4lcEfPW8y2iocJ1RwBz_KcjRNnCGsM3Wmwg" />
    <input value="15807" 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/pate-a-tartiner-aux-noisettes-yacon-bio-200-g-15809">
          <img alt="Pâte à tartiner aux noisettes Yacon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7218/file/small-caf4fc5d903ae7fea19653b2e8e17e79.webp 600w, https://assets.fabulous.ch/public/variant_asset/7218/file/medium-77e4f8096b782ba0a5bb8dacb7780f5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7218/file/large-d039e2a52f4fd7ab3a780902652bd58f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7218/file/medium-77e4f8096b782ba0a5bb8dacb7780f5a.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">Yacon&amp;co</p>
          <a href="/fr/products/pate-a-tartiner-aux-noisettes-yacon-bio-200-g-15809">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâte à tartiner aux noisettes Yacon Bio, 200 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 6.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gtgEQVAkglZQYaSlpOByCq0UgR729u1rLh6HO7yIFNiQ5csC2EPcNoMY7uLWZh4_bqRVkxqyQfzB1fb9c7HCmw" />
    <input value="15809" 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/dattello-creme-choco-dattes-bio-400-g-15810">
          <img alt="Dattello Crème Choco-Dattes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7219/file/small-7cdfebc9ff6eb5edd51664337b5af1a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7219/file/medium-f2979ae5d8338bc2ba9e4f1336323e97.webp 900w, https://assets.fabulous.ch/public/variant_asset/7219/file/large-878d697de2e0db0f1646a06f8f756ab5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7219/file/medium-f2979ae5d8338bc2ba9e4f1336323e97.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">MAKRi</p>
          <a href="/fr/products/dattello-creme-choco-dattes-bio-400-g-15810">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattello Crème Choco-Dattes Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nNPBWTHh7B_uOXtyHb5rEoUJJGwkCMRZGA-HlIeXfWqO7g4auYayfz1AMTVvOAcnRrnw4chMaM73xPZSSK6rKQ" />
    <input value="15810" 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/pate-a-tartiner-aux-noisettes-et-au-cacao-bio-200-g-15811">
          <img alt="Pâte à tartiner aux noisettes et au cacao bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7221/file/small-5ba1b358ce854b96cb51fcb4e3cefcbf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7221/file/medium-ee7a713da534314f6a07c05e347448d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7221/file/large-f56c2598b93cda0b761def1a0f70b425.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7221/file/medium-ee7a713da534314f6a07c05e347448d7.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">Yacon&amp;co</p>
          <a href="/fr/products/pate-a-tartiner-aux-noisettes-et-au-cacao-bio-200-g-15811">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâte à tartiner aux noisettes et au cacao bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hpvnZ516tStWA1bWUk8i4PPh38O5MmhReRsWICp70W-UpigkFR3rS4V6HJEgyU7VMFELTlV2xMaW0Gfm5UIHLA" />
    <input value="15811" 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/barre-crue-cacao-nibs-amandes-bio-30-g-15822">
          <img alt="Barre crue Cacao Nibs &amp; Amandes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7220/file/small-6cebbdf9a06ffba7718f48ab95b89d90.webp 600w, https://assets.fabulous.ch/public/variant_asset/7220/file/medium-dadcab41cf9a76da1c5fecabf8acccfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7220/file/large-e0f34227bf44dd955a1709f463fbd284.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7220/file/medium-dadcab41cf9a76da1c5fecabf8acccfc.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">Roo&#39;Bar</p>
          <a href="/fr/products/barre-crue-cacao-nibs-amandes-bio-30-g-15822">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre crue Cacao Nibs &amp; Amandes Bio, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2exkYll8_saOfNsP23V8E6LR8NEu-HfFDfETBCKUwp3L0ash0Rugpl0FkUip8xAmYWEkXMK821LiOmLC7a0U3g" />
    <input value="15822" 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/jerky-vegetalien-teriyaki-primal-spirit-28-g-15823">
          <img alt="Jerky Végétalien Teriyaki - Primal Spirit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7222/file/small-ba32c8c4cd8078e03ea53580289cc4b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7222/file/medium-27f604426356a575b387ca5299ac52f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7222/file/large-4f813d4363022f1475fac76dc86d09d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7222/file/medium-27f604426356a575b387ca5299ac52f0.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">Primal Spirit</p>
          <a href="/fr/products/jerky-vegetalien-teriyaki-primal-spirit-28-g-15823">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jerky Végétalien Teriyaki - Primal Spirit, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zsEYkJjPyEinHIKhDxnp86Bvj-bw7D3IPunfE2QNM_zc_NfTEKiWKHRlyOZ9n4XGY99baxyokV_RIq7VqzTlvw" />
    <input value="15823" 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/jerky-vegetalien-texas-bbq-primal-spirit-28-g-15824">
          <img alt="Jerky Végétalien Texas BBQ - Primal Spirit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7227/file/small-dcb7188c29fe8fa5590c4c6fef6e23f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7227/file/medium-a7ac15e9707c569b13d3bb295ef9a9aa.webp 900w, https://assets.fabulous.ch/public/variant_asset/7227/file/large-59535754a1f9e2d159664a9d176814ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7227/file/medium-a7ac15e9707c569b13d3bb295ef9a9aa.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">Primal Spirit</p>
          <a href="/fr/products/jerky-vegetalien-texas-bbq-primal-spirit-28-g-15824">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jerky Végétalien Texas BBQ - Primal Spirit, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GiCIQAU0tgtBVjKEWa8hlYWBV_w5qlO6hQKSc1yNExYIHUcDjVPoa5IveMMrKU2gRjGDcdXu_y1qyeO1k7TFVQ" />
    <input value="15824" 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/jerky-vegetalien-hickory-smoked-primal-spirit-28-g-15825">
          <img alt="Jerky Végétalien Hickory Smoked - Primal Spirit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7226/file/small-0ceb3a3fca6e95f77bff94a178a2119d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7226/file/medium-fdaffb1525cd18d6b0e3703f5f2befb0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7226/file/large-ec95a8eab8a472b48ab547823d26a87c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7226/file/medium-fdaffb1525cd18d6b0e3703f5f2befb0.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">Primal Spirit</p>
          <a href="/fr/products/jerky-vegetalien-hickory-smoked-primal-spirit-28-g-15825">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jerky Végétalien Hickory Smoked - Primal Spirit, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FOCGqVQ9RNfYkDo62KPpF_5pbPv0DM51kaQKs9EFMJYG3Unq3FoatwvpcH2qJYUiPdm4dhhIYuJ-b3t1Hjzm1Q" />
    <input value="15825" 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/jerky-vegetalien-thai-peanut-primal-spirit-28-g-15826">
          <img alt="Jerky Végétalien Thai Peanut - Primal Spirit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7229/file/small-739647ca56e6ea549e6fb567349062fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/7229/file/medium-53ee46c80d1c8429cf06a24c2b151f13.webp 900w, https://assets.fabulous.ch/public/variant_asset/7229/file/large-94c4f3b19fd78fa5a400749a8b293bcb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7229/file/medium-53ee46c80d1c8429cf06a24c2b151f13.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">Primal Spirit</p>
          <a href="/fr/products/jerky-vegetalien-thai-peanut-primal-spirit-28-g-15826">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jerky Végétalien Thai Peanut - Primal Spirit, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RMrGxmFW8A3bjzgQ8D6ysTk22peeDG5IP6VtP3xzhipW9wmF6TGubQj2cleCuN6E-oYOGnJIwt_Qbhz5s0pQaQ" />
    <input value="15826" 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/jerky-vegetalien-hot-spicy-primal-spirit-28-g-15827">
          <img alt="Jerky Végétalien Hot &amp; Spicy - Primal Spirit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7230/file/small-2a1f46dbab43233a24b495a2f6be12dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7230/file/medium-bfa16ee85c295813b5a074931422fc55.webp 900w, https://assets.fabulous.ch/public/variant_asset/7230/file/large-e2d3eaa18da9b0d50b5e2676b3bb6d56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7230/file/medium-bfa16ee85c295813b5a074931422fc55.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">Primal Spirit</p>
          <a href="/fr/products/jerky-vegetalien-hot-spicy-primal-spirit-28-g-15827">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jerky Végétalien Hot &amp; Spicy - Primal Spirit, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9Su7sJdKkr8yov-PJQEDQrwH4ceYDUCoWpGx3dnGcyXnFnTzHy3M3-HbtchXh293f7c1SnRJ7D-1WsAbFv-lZg" />
    <input value="15827" 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/poudre-de-lait-de-coco-avec-b12-bio-600-g-600-g-15846">
          <img alt="Poudre de lait de coco avec B12 Bio, 600 g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7231/file/small-03b039b83996a60ac5e19e9e3291205c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7231/file/medium-ded979cc8e51cff58213a178c28d9f92.webp 900w, https://assets.fabulous.ch/public/variant_asset/7231/file/large-8779e89be1186e2ef9422e062f2977bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7231/file/medium-ded979cc8e51cff58213a178c28d9f92.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">NaturKraftWerke</p>
          <a href="/fr/products/poudre-de-lait-de-coco-avec-b12-bio-600-g-600-g-15846">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre de lait de coco avec B12 Bio, 600 g, 600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HF3wF38ZGgEv4-hhnArjiiWTqqv7hdjBCFHJYULWvngOYD9U935EYfyaoibujI-_5iN-JhfBdFbnmrinje9oOw" />
    <input value="15846" 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/poudre-de-boisson-a-l-avoine-avec-b12-bio-775-g-775-g-15847">
          <img alt="Poudre de boisson à l’avoine avec B12 Bio, 775 g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7232/file/small-a8502a8bc7ea625f308c7fc8dc702507.webp 600w, https://assets.fabulous.ch/public/variant_asset/7232/file/medium-720af05f5531ae9c3cd5b5d456228d33.webp 900w, https://assets.fabulous.ch/public/variant_asset/7232/file/large-515c853e8b30263c2c0a8d5790337a86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7232/file/medium-720af05f5531ae9c3cd5b5d456228d33.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">NaturKraftWerke</p>
          <a href="/fr/products/poudre-de-boisson-a-l-avoine-avec-b12-bio-775-g-775-g-15847">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre de boisson à l’avoine avec B12 Bio, 775 g, 775 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hb1oINkrK-H3IC7ZAgiaoYAwD9L3j3G3BJDQWDSxmRaXgKdjUUx1gSRZZJ5wjvaUQ4DbXxvL3SDrW6Ge-4hPVQ" />
    <input value="15847" 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/taboule-bio-150-g-15848">
          <img alt="Taboulé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7234/file/small-4ac082631b0c32e102333f2437439c5c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7234/file/medium-28b77ac4ca7be895012e9feb98e6c49b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7234/file/large-a59dcc21f93a47a19eb0dc834aa0cade.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7234/file/medium-28b77ac4ca7be895012e9feb98e6c49b.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">Antersdorfer</p>
          <a href="/fr/products/taboule-bio-150-g-15848">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Taboulé Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="03_MoXOflMAhcKktJO52JY03Jhh6rZwm2Oe6__KY5ijBQgPi-_jKoPIJ42pWaBoQTofylZbpMLE3LMs5PaEwaw" />
    <input value="15848" 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/taboule-bio-150-g-b7af2a27-3bce-4d1a-aa74-1af6126d477e-15849">
          <img alt="Taboulé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7235/file/small-27bbcd9cae7d419dc9be0f6d7981167c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7235/file/medium-28e71bb47fc1b01e53eee67f2ef858e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7235/file/large-04ded731632a807e77116e75ffa4abbb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7235/file/medium-28e71bb47fc1b01e53eee67f2ef858e0.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">Antersdorfer</p>
          <a href="/fr/products/taboule-bio-150-g-b7af2a27-3bce-4d1a-aa74-1af6126d477e-15849">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Taboulé Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J71Al_LJQ-9NaDfWVEqzadL0MFw8TT7mI5CtGcMzN541gI_Ueq4dj54RfZEmzN9cEUTk0dAJknHMW9zfDArh3Q" />
    <input value="15849" 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/risotto-cepes-tomate-bio-150-g-15851">
          <img alt="Risotto Cèpes Tomate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7238/file/small-cecd0eaef312c43ddbf57a1d65aa8f78.webp 600w, https://assets.fabulous.ch/public/variant_asset/7238/file/medium-0cb03b457e739d07585162f4f4bd6c31.webp 900w, https://assets.fabulous.ch/public/variant_asset/7238/file/large-e4c06dc4f54c69b561f7ecbf448b487c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7238/file/medium-0cb03b457e739d07585162f4f4bd6c31.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">Antersdorfer</p>
          <a href="/fr/products/risotto-cepes-tomate-bio-150-g-15851">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Risotto Cèpes Tomate Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LFjqxSBuLGUs3TTPFDa-cQVYV5Lqg5ruygrHhR_tjeM-ZSWGqAlyBf-kfohmsNJExuiDHwbHNnklwbZD0NRboA" />
    <input value="15851" 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;780 sur 2&#39;275 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/comestibles?format=turbo_stream&amp;page=90">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>