<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/lait-de-noix-de-coco-bio-200-ml-1111">
          <img alt="Lait de noix de coco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/988/file/small-ccc537bb0d897547b8ed744754457809.webp 600w, https://assets.fabulous.ch/public/variant_asset/988/file/medium-04d42cbc8bbf1277410bcd4a188b2fc8.webp 900w, https://assets.fabulous.ch/public/variant_asset/988/file/large-1c79aed0f150cfb9ff7848ad0b437933.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/988/file/medium-04d42cbc8bbf1277410bcd4a188b2fc8.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/lait-de-noix-de-coco-bio-200-ml-1111">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lait de noix de coco Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WwBdjYH-uQIz1i1RF3dz0nh1pAapBukX-YkfCWudTAiPlgCHvXGQKmkoo2aqw-yDf4d4BfYJJSGSp4FmkBdaNw" />
    <input value="1111" 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/proteine-de-pois-bio-100-g-1112">
          <img alt="Protéine de pois Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/990/file/small-c642aad954be1b85967e53d98669d8a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/990/file/medium-4c159cc2bbdf5005b29c555f0c770a0b.webp 900w, https://assets.fabulous.ch/public/variant_asset/990/file/large-9506f9c74d223f56739f7d5db16a30b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/990/file/medium-4c159cc2bbdf5005b29c555f0c770a0b.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">Raab</p>
          <a href="/fr/products/proteine-de-pois-bio-100-g-1112">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protéine de pois Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pQLG8i_nMlAAKO4v4BMDZk7RxoGiG5CDUav98PleHydxlJv4E2gbeFrWYBhdp5w3SSMagv0UXLU6hWOfAtQJGA" />
    <input value="1112" 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/graines-de-chanvre-pelees-bio-150-g-1119">
          <img alt="Graines de Chanvre pelées Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/995/file/small-f0bf5ffd8ae12304f455b15ec6bc4b09.webp 600w, https://assets.fabulous.ch/public/variant_asset/995/file/medium-d6df6aeb6c99016393e5b0ccbe373096.webp 900w, https://assets.fabulous.ch/public/variant_asset/995/file/large-cce609d5b8d2eb9fc62887fc2ab74057.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/995/file/medium-d6df6aeb6c99016393e5b0ccbe373096.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/fr/products/graines-de-chanvre-pelees-bio-150-g-1119">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graines de Chanvre pelées Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yK-cUEd5aVjzOMjDxZUB9sXPVxreyuz5wBAN0mRMHpscOcFae_ZAcKnGRvR4IZ6nwj2LGYHFIM-rPpO9n8YIpA" />
    <input value="1119" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200  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/cacao-en-morceau-qualite-crudite-bio-150-g-1120">
          <img alt="Cacao en Morceau Qualité Crudité Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/998/file/small-9a1646027d377fcd777c4aac011963b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/998/file/medium-74ed58ba7017120007d5be5f2ba219d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/998/file/large-a646b66295212dc58dd3665bd810ff44.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/998/file/medium-74ed58ba7017120007d5be5f2ba219d2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/fr/products/cacao-en-morceau-qualite-crudite-bio-150-g-1120">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cacao en Morceau Qualité Crudité Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9W2XLeGGsWBrYY5xYvvW89CaOvYdvoYGXuXnBfiKMzMh-8on3QmYSDGfAEbfT0mi12jm9UKxSjA1y3lqAwAlDA" />
    <input value="1120" 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/cereale-muslikeks-pour-en-route-bio-150-g-1133">
          <img alt="Céréale MüsliKeks pour en route Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1010/file/small-8e38e22b99e481127938b79b28b9a7e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1010/file/medium-b5958faa03d93928e680fc092aac7a6c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1010/file/large-47f1363bbf73f9d08802d8ee30f87864.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1010/file/medium-b5958faa03d93928e680fc092aac7a6c.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">Bohlsener Mühle</p>
          <a href="/fr/products/cereale-muslikeks-pour-en-route-bio-150-g-1133">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Céréale MüsliKeks pour en route Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m2apmqgudmmgzzYgX3eIuPbW4qFO2atzsv7wEUopzvNP8PSQlKFfQfoxuBfiwxfp8SQ-ohHWZ0XZ0G5-saPYzA" />
    <input value="1133" 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/vegegg-substitut-oeuf-bio-175-g-1135">
          <img alt="VegEgg Substitut oeuf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1013/file/small-29c4c7aa69ed333ed739132f1deb781f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1013/file/medium-da92b5b1e5863ac4d6a7bc1a49ae9e5c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1013/file/large-85bc098d90e2f17b3cf339c48e93e3fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1013/file/medium-da92b5b1e5863ac4d6a7bc1a49ae9e5c.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/vegegg-substitut-oeuf-bio-175-g-1135">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">VegEgg Substitut oeuf Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qRABi6iAeCYhn5j2lLrv0umWLH4efEYsXskLYhO5GNZ9hlyBlA9RDnthFsEpDnCD7mTwfUFziho155UN6DMO6Q" />
    <input value="1135" 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/cafe-instantane-cappuccino-classic-280-g-1140">
          <img alt="Café Instantané Cappuccino Classic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1014/file/small-eef40a37c26edfd38cf74e48f296bb07.webp 600w, https://assets.fabulous.ch/public/variant_asset/1014/file/medium-9624f56c335c920967c35ed8fee4815d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1014/file/large-1840f779cec090bf0c3e16a8f5dea72f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1014/file/medium-9624f56c335c920967c35ed8fee4815d.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">VGN FCTRY</p>
          <a href="/fr/products/cafe-instantane-cappuccino-classic-280-g-1140">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Café Instantané Cappuccino Classic, 280 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VWsb7P1E-RCK6JnKck6GGBVak9Pi-gYIsaS4xvfg-9yB_UbmwcvQONAWF_3P-hlJEqhP0L31yj7aiiapDGrt4w" />
    <input value="1140" 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/cafe-instantane-cappuccino-noisette-280-g-1141">
          <img alt="Café Instantané Cappuccino Noisette" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1015/file/small-5f186b82a2c54b12ef887c4364a00be6.webp 600w, https://assets.fabulous.ch/public/variant_asset/1015/file/medium-669566900a655cb392683c943683b900.webp 900w, https://assets.fabulous.ch/public/variant_asset/1015/file/large-72b0d13a613ef7a9d44b9bece7fc8020.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1015/file/medium-669566900a655cb392683c943683b900.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">VGN FCTRY</p>
          <a href="/fr/products/cafe-instantane-cappuccino-noisette-280-g-1141">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Café Instantané Cappuccino Noisette, 280 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-1141-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/pepins-de-raisin-farine-bio-140-g-1146">
          <img alt="Pépins de Raisin Farine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1017/file/small-ee28729895913a64cfb4106d5dc94f05.webp 600w, https://assets.fabulous.ch/public/variant_asset/1017/file/medium-1ef2416c2edf2e6ade4f57dd778a33b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/1017/file/large-5851072353823cf21940d56df5b51972.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1017/file/medium-1ef2416c2edf2e6ade4f57dd778a33b8.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">Raab</p>
          <a href="/fr/products/pepins-de-raisin-farine-bio-140-g-1146">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pépins de Raisin Farine Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CSP-73UavbCEEkpNsXbbyGDqOLfbD5qxznhRPhLyxU_dtaPlSZWUmN7sxHoMwkSZZxjktIQAVoelVs9R6XjTcA" />
    <input value="1146" 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/mini-tablette-ombar-chocolat-cru-noir-72-bio-35-g-1152">
          <img alt="Mini Tablette Ombar Chocolat Cru Noir 72% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1024/file/small-41c32d532a3016c75d923b3336c604df.webp 600w, https://assets.fabulous.ch/public/variant_asset/1024/file/medium-1ee1a5c4b4844e639b4ca6d4414d7e95.webp 900w, https://assets.fabulous.ch/public/variant_asset/1024/file/large-32c088c13d6793f0438759fa5cccced1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1024/file/medium-1ee1a5c4b4844e639b4ca6d4414d7e95.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">Ombar</p>
          <a href="/fr/products/mini-tablette-ombar-chocolat-cru-noir-72-bio-35-g-1152">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Tablette Ombar Chocolat Cru Noir 72% Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qDCex3mgi5SKfEk4mJk7mkAOo5o8jgdSvKgApUilwqp8psPNRS-ivNCCxw8lLaTLR_x_mWOBy2TXhp7Ksy_UlQ" />
    <input value="1152" 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/mini-tablette-ombar-chocolat-creme-de-coco-bio-35-g-1165">
          <img alt="Mini Tablette Ombar Chocolat Crème de Coco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1034/file/small-4284867a3dd2c47356a56ba2198d88d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1034/file/medium-80ddfadc34e4927f675dc7482deba45a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1034/file/large-8c83b4f68fcf541a638bb38713d5b810.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1034/file/medium-80ddfadc34e4927f675dc7482deba45a.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">Ombar</p>
          <a href="/fr/products/mini-tablette-ombar-chocolat-creme-de-coco-bio-35-g-1165">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Tablette Ombar Chocolat Crème de Coco Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BzvDayV83PT6uwYic6kBu1oafQCudcMRidaEdG59uTDTrZ5hGfP13KBFiBXOHZ7qXeihA_F6Dyfi-BoblfevDw" />
    <input value="1165" 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/paprika-doux-et-moulu-bio-50-g-1172">
          <img alt="Paprika doux et moulu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1044/file/small-51cf22e73d1444f50e386c191f67ac3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/1044/file/medium-21baecad366c6dbfaf786ff2ed7b9a43.webp 900w, https://assets.fabulous.ch/public/variant_asset/1044/file/large-519914d75ed57e0052b78edd35b66f8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1044/file/medium-21baecad366c6dbfaf786ff2ed7b9a43.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">Lebensbaum</p>
          <a href="/fr/products/paprika-doux-et-moulu-bio-50-g-1172">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Paprika doux et moulu Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u7DcLeksc20IsCulnLlJuWVbwEZdXXnPzwpQfmf3xHFvJoEn1aNaRVJOpZIhDdboYqkcRQJStfmkJM4RnH3STg" />
    <input value="1172" 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">
    <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/schlagfix-creme-a-fouetter-vegetal-15-graisse-200-ml-1175">
          <img alt="Schlagfix Crème à fouetter végetal 15% graisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1045/file/small-e30c3cfb22914fbb91b6bc6bd34ec4ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/1045/file/medium-93304fe2cecb1cf3c71dc2fc6916ec4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/1045/file/large-4d2ff71b838e47639d6aa0e0eec43088.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1045/file/medium-93304fe2cecb1cf3c71dc2fc6916ec4e.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">Schlagfix</p>
          <a href="/fr/products/schlagfix-creme-a-fouetter-vegetal-15-graisse-200-ml-1175">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schlagfix Crème à fouetter végetal 15% graisse, 200 ml</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 0.98 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-1175-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/schlagfix-creme-fouettee-en-bombe-200-ml-1176">
          <img alt="Schlagfix Crème Fouettée en bombe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1046/file/small-796eb35e911ceb8a31e63a5a0bba70ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/1046/file/medium-5a99181eb9254483eb20d8227aaffb09.webp 900w, https://assets.fabulous.ch/public/variant_asset/1046/file/large-05f803175d59edb7eebd9148132368df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1046/file/medium-5a99181eb9254483eb20d8227aaffb09.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">Schlagfix</p>
          <a href="/fr/products/schlagfix-creme-fouettee-en-bombe-200-ml-1176">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Schlagfix Crème Fouettée en bombe, 200 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 1.90 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dh3TZkX6Hg-vjxdGNvKTrB8IW0fakcvMa5D9b-od4Znai45seXU3J_VxmXGLRgz9GPqHRIWeB_oAvmMAEZf3pg" />
    <input value="1176" 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/miso-hatcho-strong-pur-soja-bio-300-g-1192">
          <img alt="Miso Hatcho Strong (Pur Soja) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1051/file/small-00092f44c3e5afd4ed4a7d147bbe7b16.webp 600w, https://assets.fabulous.ch/public/variant_asset/1051/file/medium-a8e428eb8ecb35014128e9d5b9289e95.webp 900w, https://assets.fabulous.ch/public/variant_asset/1051/file/large-2234dcbf86a4c3f45fc2ec63f2936d95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1051/file/medium-a8e428eb8ecb35014128e9d5b9289e95.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">Lima</p>
          <a href="/fr/products/miso-hatcho-strong-pur-soja-bio-300-g-1192">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Miso Hatcho Strong (Pur Soja) Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4_Vt3wLZed3m1mGaVs30xtwZ1QlqL8y0Vl0BHofUR5o3YzDVPlZQ9bwo763reWuX2-sJCjUgAII9c59xfF5RpQ" />
    <input value="1192" 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/miso-shiro-sweet-riz-soja-bio-300-g-1193">
          <img alt="Miso Shiro Sweet (Riz &amp; Soja) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1052/file/small-93c29f01f8b145c6c069529b5fb8744c.webp 600w, https://assets.fabulous.ch/public/variant_asset/1052/file/medium-db773475d2b12e19a3dd7fe0b8da4070.webp 900w, https://assets.fabulous.ch/public/variant_asset/1052/file/large-f1f011450f7b4ecd170efb131700526e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1052/file/medium-db773475d2b12e19a3dd7fe0b8da4070.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">Lima</p>
          <a href="/fr/products/miso-shiro-sweet-riz-soja-bio-300-g-1193">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Miso Shiro Sweet (Riz &amp; Soja) Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.85
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-1193-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/veganella-natur-bio-200-g-1194">
          <img alt="Veganella Natur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1054/file/small-2fa107f0208176407286f1ec33829408.webp 600w, https://assets.fabulous.ch/public/variant_asset/1054/file/medium-89840d3223232c8a278135443e283928.webp 900w, https://assets.fabulous.ch/public/variant_asset/1054/file/large-4df8fca450af1e6d10fa033476f3be1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1054/file/medium-89840d3223232c8a278135443e283928.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">Soyana</p>
          <a href="/fr/products/veganella-natur-bio-200-g-1194">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veganella Natur Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Uzs8xHaWiSMQJLqqeHGJBTKNZPMAjfdL-fLTADoGtyaHrWHOShmgC0raNJ3FxRZUNX-48F-CO32S3E1vwYyhGQ" />
    <input value="1194" 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/veganella-basilic-bio-200-g-1195">
          <img alt="Veganella Basilic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1053/file/small-ec8354326dc3d98af14f94bc50db57cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/1053/file/medium-a25cec0eaa912a08478c376887430809.webp 900w, https://assets.fabulous.ch/public/variant_asset/1053/file/large-f6804bf20c25261c32b8e706aa093a78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1053/file/medium-a25cec0eaa912a08478c376887430809.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">Soyana</p>
          <a href="/fr/products/veganella-basilic-bio-200-g-1195">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veganella Basilic Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a5uCEhaS1T0MSNykefgHtIZoQo--HDlW0jDH18AFFmO_Dd8YKh38FVa2UpPETJjlgZqejOET9WC5Hlm4O48AXA" />
    <input value="1195" 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/veganella-fumee-bio-200-g-1196">
          <img alt="Veganella Fumée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1055/file/small-2e3fc9ba869eb1537e64f1922be00a2d.webp 600w, https://assets.fabulous.ch/public/variant_asset/1055/file/medium-bc53c963128bc86753f004f40136d875.webp 900w, https://assets.fabulous.ch/public/variant_asset/1055/file/large-acd291afdc8310f4521477f76e491d5b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1055/file/medium-bc53c963128bc86753f004f40136d875.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">Soyana</p>
          <a href="/fr/products/veganella-fumee-bio-200-g-1196">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veganella Fumée Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gjIBU450Dguy2e0qIYLQSIPrbTdKsFNLz5zhY36GluVWpFxZsvsnI-gnYx2cNk8ZhBmxNBW_n32ksn8MhQyA2g" />
    <input value="1196" 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/puree-d-amandes-crues-bio-1-kg-1197">
          <img alt="Purée d&#39;amandes crues Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1056/file/small-4d53b5ecd79a70f10649b6101b42a2ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/1056/file/medium-d7aab992b26be27f29304932391c80c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1056/file/large-b864d884bf1ac40b4457527c9ad03d0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1056/file/medium-d7aab992b26be27f29304932391c80c7.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">Soyana</p>
          <a href="/fr/products/puree-d-amandes-crues-bio-1-kg-1197">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Purée d&#39;amandes crues Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.50
            </p>

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

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

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

</template></turbo-stream>