<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/explore-cuisine-lasagne-aux-lentilles-vertes-bio-250-g-8643">
          <img alt="Explore Cuisine Lasagne aux Lentilles Vertes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5033/file/small-5449c1db86d48216b5508f6a1d5174cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5033/file/medium-4c5cb7c7312c691a0722aedd01c0609c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5033/file/large-07a7a1ff2537943d101ce9c9d83ebd75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5033/file/medium-4c5cb7c7312c691a0722aedd01c0609c.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">Explore Cuisine</p>
          <a href="/fr/products/explore-cuisine-lasagne-aux-lentilles-vertes-bio-250-g-8643">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Explore Cuisine Lasagne aux Lentilles Vertes Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T1HCaozoAk9iwA6nIh4lyWQTvvYyMBtqd_NtrLgaQD7X_qWyGQkpYicUM-HxkgDyXVDVNLZ3hZDrVuXxutnldg" />
    <input value="8643" 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/boules-de-protein-cacao-graines-de-chanvre-bio-50-g-9327">
          <img alt="Boules de Protein Cacao &amp; Graines de Chanvre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5307/file/small-b73feb72705ee15fefc03ca5674cbacd.webp 600w, https://assets.fabulous.ch/public/variant_asset/5307/file/medium-0d709a5ab3f4c984239edc5b374efc8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5307/file/large-d092d23c1345b37aae7adb243b32a5a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5307/file/medium-0d709a5ab3f4c984239edc5b374efc8c.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">followfood</p>
          <a href="/fr/products/boules-de-protein-cacao-graines-de-chanvre-bio-50-g-9327">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boules de Protein Cacao &amp; Graines de Chanvre Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HC6u7drBLC0l1aJcyQr1Smi70xI0NVSQjknYWrNMinWEgck1TyAHAGABnxoahtBxUfi40LByymoS7FAHsY8vPQ" />
    <input value="9327" 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/boules-de-protein-framboise-chia-bio-50-g-9328">
          <img alt="Boules de Protein Framboise &amp; Chia Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5310/file/small-818f9367921de6f0e12516324fba9796.webp 600w, https://assets.fabulous.ch/public/variant_asset/5310/file/medium-050439d1088abe717b7e2c836e997259.webp 900w, https://assets.fabulous.ch/public/variant_asset/5310/file/large-998e7cfe5dabaf651af2c7b080a95f53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5310/file/medium-050439d1088abe717b7e2c836e997259.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">followfood</p>
          <a href="/fr/products/boules-de-protein-framboise-chia-bio-50-g-9328">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boules de Protein Framboise &amp; Chia Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wdbuFq8anpficCJG6dkBV2toQAO9GgZ2xLFLnyVT3edZeYnOOvu1uqekHwA6VSRsUisrwTldmIxYFMPCJ5B4rw" />
    <input value="9328" 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/boules-de-protein-mangue-noix-de-coco-bio-50-g-9329">
          <img alt="Boules de Protein Mangue &amp; 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/5311/file/small-70f31f1d5ea004515329bbaab2eea403.webp 600w, https://assets.fabulous.ch/public/variant_asset/5311/file/medium-a931a848f2253ea8b1bbe9eadaa8822d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5311/file/large-330d43a8be448b7a2540fd9a98c37837.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5311/file/medium-a931a848f2253ea8b1bbe9eadaa8822d.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">followfood</p>
          <a href="/fr/products/boules-de-protein-mangue-noix-de-coco-bio-50-g-9329">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boules de Protein Mangue &amp; Noix de coco Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fe8n6Lz8KZA8JLmpoIbCijIbNkPI8SpKFZQp-pRPMrCNQEAwKR0CvXnwhO9zCuexC1hdgUy2tLCJMaGnloyX-A" />
    <input value="9329" 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/granules-de-proteines-de-pois-veggie-sans-gluten-bio-100-g-9918">
          <img alt="Granulés de protéines de pois Veggie sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5457/file/small-506d784b68b70cd2511633559723214c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5457/file/medium-6efb0a7d54bb0d448ccf0dfa76ede8f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/5457/file/large-220c4932fdcf50eb84dd027dd5a1e158.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5457/file/medium-6efb0a7d54bb0d448ccf0dfa76ede8f7.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/granules-de-proteines-de-pois-veggie-sans-gluten-bio-100-g-9918">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Granulés de protéines de pois Veggie sans gluten Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vuglcgWn6n4vI5Ebr-eMx08qn4ZKqpWL-KdJo1yh0AcmR0KqkEbBU2r3rF18a6n8dmn0RM7tC3FkAsH-XmJ1Tw" />
    <input value="9918" 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/lifebar-barres-proteinees-cru-fraise-bio-40-g-11023">
          <img alt="Lifebar Barres protéinées Cru Fraise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5666/file/small-89a133204b10f11b7fb361c2e081ba1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5666/file/medium-08ff38eeca9abca9b909ab56f751f7f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5666/file/large-d8df3bfdb204243dc41c39750fdb65b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5666/file/medium-08ff38eeca9abca9b909ab56f751f7f6.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">Lifefood</p>
          <a href="/fr/products/lifebar-barres-proteinees-cru-fraise-bio-40-g-11023">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lifebar Barres protéinées Cru Fraise Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="05OQkLJHUL9eugp2fN5JSaR_F_x10gDNztruenD1BO1LPPdIJ6Z7khtuNzCvUmxynTx8PvGVnjdSf2YncjahpQ" />
    <input value="11023" 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/barre-proteinee-lifebar-noix-vanilla-bio-40-g-11025">
          <img alt="Barre protéinée Lifebar Noix &amp; Vanilla Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5668/file/small-63e02c7d9140fecbc9d370a82a8e0ff8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5668/file/medium-54b48b969147b9db0690648714f5b66f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5668/file/large-c138490c1caa75d62747cc36d7e53c26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5668/file/medium-54b48b969147b9db0690648714f5b66f.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">Lifefood</p>
          <a href="/fr/products/barre-proteinee-lifebar-noix-vanilla-bio-40-g-11025">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre protéinée Lifebar Noix &amp; Vanilla Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yyclrIGV5mQ8U-bDyeLhu38yj9KeESMC1W57ky1ppTNTiEJ0FHTNSXmH24UabsSARnHkEBpWvfhJy_POL6oAew" />
    <input value="11025" 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/creatine-monohydrate-84-portions-84-portion-12899">
          <img alt="Créatine monohydrate, 84 portions" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6334/file/small-1acb7a7a19875ebf918f99d85aab134c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6334/file/medium-8ac25574e438aadcbdb5248e2258a5fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6334/file/large-d098722652008af9ad123ab58991c661.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6334/file/medium-8ac25574e438aadcbdb5248e2258a5fc.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">Vivo Life</p>
          <a href="/fr/products/creatine-monohydrate-84-portions-84-portion-12899">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Créatine monohydrate, 84 portions, 84 portion</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 0.24 / Stk.
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-12899-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">
    <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/perform-poudre-de-proteines-vegetales-fraise-vanille-26-portions-26-portion-12900">
          <img alt="Perform Poudre de protéines végétales - Fraise &amp; Vanille, 26 portions" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6335/file/small-437a05c75d10553f1f6875015e742f8c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6335/file/medium-12c54236a19db33ee9b92d0a66f20efe.webp 900w, https://assets.fabulous.ch/public/variant_asset/6335/file/large-af4e62494f55a4efe0645f12a4b7d6bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6335/file/medium-12c54236a19db33ee9b92d0a66f20efe.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">Vivo Life</p>
          <a href="/fr/products/perform-poudre-de-proteines-vegetales-fraise-vanille-26-portions-26-portion-12900">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Poudre de protéines végétales - Fraise &amp; Vanille, 26 portions, 26 portion</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12900-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">
    <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/perform-poudre-de-proteines-vegetales-vanille-de-madagascar-26-portions-26-portion-12901">
          <img alt="Perform Poudre de protéines végétales - Vanille de Madagascar, 26 portions" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6336/file/small-cdcd0d98dec5b8203561fbb3ed4cfa56.webp 600w, https://assets.fabulous.ch/public/variant_asset/6336/file/medium-a9aa518e9595db205175b38a9b0c2f2e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6336/file/large-8912ee08ef58dbfcb8a16b9286ae751c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6336/file/medium-a9aa518e9595db205175b38a9b0c2f2e.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">Vivo Life</p>
          <a href="/fr/products/perform-poudre-de-proteines-vegetales-vanille-de-madagascar-26-portions-26-portion-12901">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Poudre de protéines végétales - Vanille de Madagascar, 26 portions, 26 portion</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12901-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">
    <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/perform-poudre-de-proteines-vegetales-banane-cannelle-26-portions-26-portion-12902">
          <img alt="Perform Poudre de protéines végétales - Banane &amp; Cannelle, 26 portions" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6337/file/small-1de3df6b2ac6d68d1bc05ec1e4640179.webp 600w, https://assets.fabulous.ch/public/variant_asset/6337/file/medium-0e547f1c6b5abd7fd6d9ec23aed3e56c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6337/file/large-8ff77bbaacbfc5072617c56c9b502e51.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6337/file/medium-0e547f1c6b5abd7fd6d9ec23aed3e56c.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">Vivo Life</p>
          <a href="/fr/products/perform-poudre-de-proteines-vegetales-banane-cannelle-26-portions-26-portion-12902">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Poudre de protéines végétales - Banane &amp; Cannelle, 26 portions, 26 portion</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12902-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">
    <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/perform-poudre-de-proteines-vegetales-cai-myrtille-26-portions-26-portion-12903">
          <img alt="Perform Poudre de protéines végétales - Αcai &amp; Myrtille, 26 Portions" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6338/file/small-d9af680ea841de427cb08c9c2d2d9f58.webp 600w, https://assets.fabulous.ch/public/variant_asset/6338/file/medium-8b4bdbe64a58d7eeef3ac53a70a29695.webp 900w, https://assets.fabulous.ch/public/variant_asset/6338/file/large-61cdda26676b3555863fd684e88065cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6338/file/medium-8b4bdbe64a58d7eeef3ac53a70a29695.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">Vivo Life</p>
          <a href="/fr/products/perform-poudre-de-proteines-vegetales-cai-myrtille-26-portions-26-portion-12903">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Poudre de protéines végétales - Αcai &amp; Myrtille, 26 Portions, 26 portion</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12903-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/perform-poudre-de-proteines-vegetales-caramel-de-maca-sale-26-portions-26-portion-12904">
          <img alt="Perform Poudre de protéines végétales - Caramel de maca salé, 26 Portions" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6340/file/small-2b1df4b8a3240e80b1289e4ac119f7bc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6340/file/medium-6fd30af658a40d42896d9f35eabbeae5.webp 900w, https://assets.fabulous.ch/public/variant_asset/6340/file/large-b68fc362f1ed24c84d444140b55fbc04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6340/file/medium-6fd30af658a40d42896d9f35eabbeae5.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">Vivo Life</p>
          <a href="/fr/products/perform-poudre-de-proteines-vegetales-caramel-de-maca-sale-26-portions-26-portion-12904">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Poudre de protéines végétales - Caramel de maca salé, 26 Portions, 26 portion</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RFJlq6-Mwu3k6Yd58AwpRRW9CAsxbozH-4rDzUyWwr3c_QJzOm3pwKE9uj8jgAx-LP5jybUpEj1nL0uQTlVn9Q" />
    <input value="12904" 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/perform-poudre-de-proteines-vegetales-cacao-26-portions-26-portion-12905">
          <img alt="Perform Poudre de protéines végétales - Cacao, 26 Portions" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6339/file/small-62fda989e0bfc661069e4e3ddaabfe7d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6339/file/medium-605772699851d0fa14af15b518bc5f7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6339/file/large-7dbb7998117fb4a4d9eb86bb4922a4eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6339/file/medium-605772699851d0fa14af15b518bc5f7f.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">Vivo Life</p>
          <a href="/fr/products/perform-poudre-de-proteines-vegetales-cacao-26-portions-26-portion-12905">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Perform Poudre de protéines végétales - Cacao, 26 Portions, 26 portion</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12905-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/whole-repas-aux-proteines-vegetales-biscuit-au-caramel-25-portions-25-portion-12906">
          <img alt="WHOLE Repas aux protéines végétales - Biscuit au caramel, 25 portions" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6341/file/small-3d2d2c581b5c83ab3f1cfcc93b16775f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6341/file/medium-dbce91c50d284c41557f60c6a96a7a92.webp 900w, https://assets.fabulous.ch/public/variant_asset/6341/file/large-ccfa6cda1156951c3ff8aa5613c2f960.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6341/file/medium-dbce91c50d284c41557f60c6a96a7a92.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">Vivo Life</p>
          <a href="/fr/products/whole-repas-aux-proteines-vegetales-biscuit-au-caramel-25-portions-25-portion-12906">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">WHOLE Repas aux protéines végétales - Biscuit au caramel, 25 portions, 25 portion</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FDTNscDnIR9S_AiRTKC_-r7Zn22WVUfLJXzWsrE4Q4yMm6ppVQYKMhcoNdefLJrBh5r0rxIS2TG52V7vs_vmxA" />
    <input value="12906" 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/whole-repas-aux-proteines-vegetales-fraise-25-portions-25-portion-12907">
          <img alt="WHOLE Repas aux protéines végétales - Fraise 25 portions" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6342/file/small-67c38c7dcc483b6c876f4b55c75c26d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6342/file/medium-acbb110cebb8049d85273eabde7bf9a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6342/file/large-5c56f08eb146955cdca7d1db3240189b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6342/file/medium-acbb110cebb8049d85273eabde7bf9a1.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">Vivo Life</p>
          <a href="/fr/products/whole-repas-aux-proteines-vegetales-fraise-25-portions-25-portion-12907">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">WHOLE Repas aux protéines végétales - Fraise 25 portions, 25 portion</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OuCGRNYHRjK80LUecGaXlFzIoO_RoyIIvs5ah9C5UumiT-GcQ-ZtH_kEiFij6rKvZYvLLVXkvPIia9La0nr3oQ" />
    <input value="12907" 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/whole-repas-aux-proteines-vegetales-vanille-25-portions-25-portion-12908">
          <img alt="WHOLE Repas aux protéines végétales - Vanille 25 portions" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6343/file/small-3a46684e4220f5f4e947643554bc1829.webp 600w, https://assets.fabulous.ch/public/variant_asset/6343/file/medium-34361d5e073e234fc66ba45d4c8033fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6343/file/large-a836aaa72cf1f2fd374e05686bddb4f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6343/file/medium-34361d5e073e234fc66ba45d4c8033fc.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">Vivo Life</p>
          <a href="/fr/products/whole-repas-aux-proteines-vegetales-vanille-25-portions-25-portion-12908">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">WHOLE Repas aux protéines végétales - Vanille 25 portions, 25 portion</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CD3q0gVTFBgqyuU5uxjI7lkk26IweD4EsjoJLLE5rd2Qko0KkLI_NW8e2H9olO3VYGewYLQ_oP4un4Fxs_oIlQ" />
    <input value="12908" 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/vivo-scoop-set-2-pcs-2-piece-12910">
          <img alt="Vivo Scoop Set, 2 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6345/file/small-51c011bbc2e94035aed9b5b5e4783602.webp 600w, https://assets.fabulous.ch/public/variant_asset/6345/file/medium-d426c0bc39d6a8f607c7e0109dfc1d2d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6345/file/large-a6971f678783c7e176747a3948f6c25f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6345/file/medium-d426c0bc39d6a8f607c7e0109dfc1d2d.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">Vivo Life</p>
          <a href="/fr/products/vivo-scoop-set-2-pcs-2-piece-12910">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivo Scoop Set, 2 pcs, 2 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OYcbJ8c1QcWFpcNgaHfBmBoHugaGyIztkkrzNhlGIgqhKHz_UtRq6MBx_ia7--SjI0TRxAKPEhcO73trG4WHQg" />
    <input value="12910" 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/vivo-shaker-a-proteines-600-ml-12911">
          <img alt="Vivo Shaker à protéines" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6346/file/small-6230d602a4713abe4e379b1f78f54745.webp 600w, https://assets.fabulous.ch/public/variant_asset/6346/file/medium-d2150d6d85e0b39b31cd404ebd86b35f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6346/file/large-04ea63cb842992d770b3c1f1adb43b29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6346/file/medium-d2150d6d85e0b39b31cd404ebd86b35f.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">Vivo Life</p>
          <a href="/fr/products/vivo-shaker-a-proteines-600-ml-12911">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivo Shaker à protéines, 600 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xB9ScMmJvjBs4gYhfMDWaOtNuHJTyH1f8C4dW0vvXmBcsDWoXGiVHSk2O2evTPNT0g7TsNeP46Vsi5UGSSz7KA" />
    <input value="12911" 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/protein-barre-smooth-cacao-bio-45-g-12974">
          <img alt="Protein Barre Smooth Cacao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6371/file/small-69a98085bca7cac8c8f03402a52c06bf.webp 600w, https://assets.fabulous.ch/public/variant_asset/6371/file/medium-5f4e765a0405053ec3e1c48b623f326e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6371/file/large-7480c36324ff7a05c2a4f229c9a40c65.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6371/file/medium-5f4e765a0405053ec3e1c48b623f326e.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">Raw Bite</p>
          <a href="/fr/products/protein-barre-smooth-cacao-bio-45-g-12974">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Barre Smooth Cacao Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wwcsGh7Vddkr2-bQKoxo63Kn_AtSz4ABUOoxDunzcR9bqEvCizRe9G4P25b5AE3QS-SXydaIHvvMT7lT6zDUVw" />
    <input value="12974" 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">
      40 sur 65 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/comestibles/proteine?format=turbo_stream&amp;page=3">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>