<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/chips-de-chou-kale-cheesy-sans-gluten-bio-30-g-15954">
          <img alt="Chips de chou kale Cheesy 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/7343/file/small-107f57709b6cfa31ad8c5c0576fdf9ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/7343/file/medium-ac4ea60eb29f14c7b965430c0b012df5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7343/file/large-016da733bfb027a20e6825592f63fb68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7343/file/medium-ac4ea60eb29f14c7b965430c0b012df5.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">bett&#39;r</p>
          <a href="/fr/products/chips-de-chou-kale-cheesy-sans-gluten-bio-30-g-15954">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips de chou kale Cheesy Sans gluten Bio, 30 g</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 12.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4axR2_7GjIbve6wKz3IclGDQa97LWTl5Fuj38hbmZid0TOujmyOFqIgqf-vathcVw2ZsYa0ISvfBOl55LWGDvw" />
    <input value="15954" 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/chips-de-chou-kale-moutarde-sans-gluten-bio-30-g-15955">
          <img alt="Chips de chou kale Moutarde 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/7345/file/small-d6552f63d7e812c28e7a1ce5367316e2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7345/file/medium-72e08b265a5a2b1504cb9c560f073a2d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7345/file/large-37975bdae951cb8ecc40d11656511023.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7345/file/medium-72e08b265a5a2b1504cb9c560f073a2d.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">bett&#39;r</p>
          <a href="/fr/products/chips-de-chou-kale-moutarde-sans-gluten-bio-30-g-15955">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips de chou kale Moutarde Sans gluten Bio, 30 g</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 12.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LhkTv4R_wZc5cBlyF5q94hwf4FKFVdAyP8bTUrcOugq7-anH4ZrIuV4hypMCXrZjv6nn7eMEo7zoFHrZjIlfkg" />
    <input value="15955" 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/pralines-croustillantes-aux-dattes-bio-80-g-15956">
          <img alt="Pralines croustillantes aux dattes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7342/file/small-def32cc78b164e3a7169bc3f00bd6cd2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7342/file/medium-86c1ec86d89180b00a717245c3c0a123.webp 900w, https://assets.fabulous.ch/public/variant_asset/7342/file/large-7c6cbc4f2fb98247cb4b08bca1c0456d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7342/file/medium-86c1ec86d89180b00a717245c3c0a123.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MAKRi</p>
          <a href="/fr/products/pralines-croustillantes-aux-dattes-bio-80-g-15956">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralines croustillantes aux dattes Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="etKIHimL9vfBWPOuO0HQy_WZtm71nArT4SbVtRfJlITvMjJmTG7_2aYJIE8uhdtKVi-x0ZPNeV029Hw-LE5xHA" />
    <input value="15956" 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/germes-de-ble-partiellement-deshuiles-bio-200-g-15959">
          <img alt="Germes de Blé partiellement déshuilés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7348/file/small-a883f1aafffa0474b94a0f81aed16725.webp 600w, https://assets.fabulous.ch/public/variant_asset/7348/file/medium-b1a2c14b37d0732530368d92d47df4df.webp 900w, https://assets.fabulous.ch/public/variant_asset/7348/file/large-c8b84396e7fc4ad1e67b2d3491780bd5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7348/file/medium-b1a2c14b37d0732530368d92d47df4df.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/fr/products/germes-de-ble-partiellement-deshuiles-bio-200-g-15959">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Germes de Blé partiellement déshuilés Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Oh12a-yRjOvLSIJXqjtouxamztvuAxLBdLms-4TmS1qv_cwTiXSFxawZUba__2M6tRDJZIhSYU-jawVwv2Guwg" />
    <input value="15959" 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-energetique-orange-cacao-sans-gluten-bio-50-g-15960">
          <img alt="Barre Énergétique Orange Cacao 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/7347/file/small-c6d676042496aa904e6b296cda640ad7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7347/file/medium-1daed870b417200c003ae065e64ae303.webp 900w, https://assets.fabulous.ch/public/variant_asset/7347/file/large-2500bc29da34a91770e30aed3951e504.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7347/file/medium-1daed870b417200c003ae065e64ae303.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/barre-energetique-orange-cacao-sans-gluten-bio-50-g-15960">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barre Énergétique Orange Cacao Sans Gluten Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M9KTSqe4jsKF1D1v9HEYypbaHGzYLTWOjxFWp5TlN0SmMikywl2H7OKF7o7htRNLNWwb0758RgBYw_8sr2LS3A" />
    <input value="15960" 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/jus-d-ananas-100-pur-jus-bio-700-ml-15973">
          <img alt="Jus d’ananas 100 % pur jus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7369/file/small-815c3739693e2aed6c7542d82c32e217.webp 600w, https://assets.fabulous.ch/public/variant_asset/7369/file/medium-d021ae479e095a8aa6b11291599512fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7369/file/large-e247d98a3f8b2ad19a08e27ac8343529.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7369/file/medium-d021ae479e095a8aa6b11291599512fb.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">Beutelsbacher</p>
          <a href="/fr/products/jus-d-ananas-100-pur-jus-bio-700-ml-15973">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jus d’ananas 100 % pur jus Bio, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zGk_3JWiL1Jo7F03PYPr-7ZnyN9dOHwKVqK-FQkExwpZiYWk8EcmfA-9jtYoR-B6FdHPYDtpD4SBcBeeMoMikg" />
    <input value="15973" 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/jus-pur-de-myrtilles-sauvages-100-bio-330-ml-15974">
          <img alt="Jus pur de Myrtilles sauvages 100 % Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7372/file/small-f001bc8619c3d6454e772bab6bf612f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7372/file/medium-4beb98160f1b4104902f8652779d9264.webp 900w, https://assets.fabulous.ch/public/variant_asset/7372/file/large-bebfcfe9b7869108a1bd4f653294e0bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7372/file/medium-4beb98160f1b4104902f8652779d9264.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/fr/products/jus-pur-de-myrtilles-sauvages-100-bio-330-ml-15974">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jus pur de Myrtilles sauvages 100 % Bio, 330 ml</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.02 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c5ZIum5nwgETsz3IPkfpK62L7qx3RdUN_Qsr43VBlSXmdvLCC4LLL3Ti7ikrg-KqDj3pExEUpoMq2YJoTsZwvQ" />
    <input value="15974" 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/equilibre-legumes-100-pur-jus-demeter-750-ml-15978">
          <img alt="Équilibre Légumes 100% pur jus Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7378/file/small-bb8755e041207048a2c72077529bec2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7378/file/medium-9d7c8819ac610066a3a7df1e64117449.webp 900w, https://assets.fabulous.ch/public/variant_asset/7378/file/large-fee6ba29d12cb5b23310e7c9e0f5710b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7378/file/medium-9d7c8819ac610066a3a7df1e64117449.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/fr/products/equilibre-legumes-100-pur-jus-demeter-750-ml-15978">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Équilibre Légumes 100% pur jus Demeter, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bMbGXYDCJuHc5A8kcDA2DsYs5BTXUpdC8BENjPyqlSb5Jnwl5Scvz7u13MVl9D2PZZrjq7ED5Mwnw6QHxy1wvg" />
    <input value="15978" 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/dr-mannah-s-herbes-grecques-le-muri-bio-100-g-15980">
          <img alt="Dr. Mannah&#39;s Herbes Grecques - Le mûri Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7380/file/small-28c115cae47e2bdaa9fb1af192d196d6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7380/file/medium-0c654950d967ad1484630f1bc005a022.webp 900w, https://assets.fabulous.ch/public/variant_asset/7380/file/large-7021910ff5395f58a3f51416247e62fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7380/file/medium-0c654950d967ad1484630f1bc005a022.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">Happy Cheeze GmbH</p>
          <a href="/fr/products/dr-mannah-s-herbes-grecques-le-muri-bio-100-g-15980">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dr. Mannah&#39;s Herbes Grecques - Le mûri Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.70
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-15980-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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bundle-pack-proteines-starter-vanille-set-3-pieces-1-piece-16001">
          <img alt="Bundle Pack Protéines Starter - Vanille, Set 3 pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7388/file/small-cc58ca2559d6703261ceeb0c166035c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7388/file/medium-760071f3ef7b96077fa495a11c278ccb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7388/file/large-39e8abd788d62f2c4963601e85fe4533.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7388/file/medium-760071f3ef7b96077fa495a11c278ccb.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/bundle-pack-proteines-starter-vanille-set-3-pieces-1-piece-16001">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bundle Pack Protéines Starter - Vanille, Set 3 pièces, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 65.15</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 58.50</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rN9mb75x4gR6mX-kQSAAuv0q7xMKP7J-hYB9wEXDuB45P9wX25TrKh3IrEVU5As7XpzorGxuwfBSUtRLfkRdhg" />
    <input value="16001" 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/coco-aminos-sauce-d-assaisonnement-sans-gluten-bio-500-ml-16005">
          <img alt="Coco Aminos Sauce d&#39;assaisonnement 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/7389/file/small-d8e3361fc1a3b5f8978bb941e20faed4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7389/file/medium-2241150d736109ccf04b890b88f4f575.webp 900w, https://assets.fabulous.ch/public/variant_asset/7389/file/large-2b2c81031a99e9a31a819eafc24d54b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7389/file/medium-2241150d736109ccf04b890b88f4f575.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">GoodMoodFood</p>
          <a href="/fr/products/coco-aminos-sauce-d-assaisonnement-sans-gluten-bio-500-ml-16005">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coco Aminos Sauce d&#39;assaisonnement Sans Gluten Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n_HduLw6de18O4P9IlxlsevtJG86BsyPwA24_Xg6cdIKEWfA2d98wxtqUBw3mG4wSFsj0FxXvwEX3xF2Q72USg" />
    <input value="16005" 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/vinaigrette-coco-aminos-bio-sans-gluten-245-ml-16006">
          <img alt="Vinaigrette Coco Aminos Bio Sans Gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7391/file/small-f67170bd418ef7fc22e32f12f45bd46c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7391/file/medium-da8632d0b444ed245574382d0210308c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7391/file/large-63a211e47ced7215bece7dd710e4ae72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7391/file/medium-da8632d0b444ed245574382d0210308c.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">GoodMoodFood</p>
          <a href="/fr/products/vinaigrette-coco-aminos-bio-sans-gluten-245-ml-16006">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vinaigrette Coco Aminos Bio Sans Gluten, 245 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MiirXPx7gABsMUgCf8jRpDsRYAj7BcA89Y7XzRa8PpWnyBEkmZ6JLgtgm-NqDNolmKdnt51Us7IiXH5GLTvbDQ" />
    <input value="16006" 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/poudre-de-cacao-cru-bio-100-110-g-16007">
          <img alt="Poudre de Cacao Cru Bio 100 %" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7392/file/small-590e774a940f6ad7bbe62fb5025f309e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7392/file/medium-1b640d944454b40634fc0b2add2131c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7392/file/large-760e6676af9f542566cdc8a3bbd0bf4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7392/file/medium-1b640d944454b40634fc0b2add2131c8.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">GoodMoodFood</p>
          <a href="/fr/products/poudre-de-cacao-cru-bio-100-110-g-16007">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre de Cacao Cru Bio 100 %, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16007-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/plant-protein-collagen-builder-chocolat-25-portions-25-portion-16019">
          <img alt="Plant Protein Collagen Builder - Chocolat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7397/file/small-22c3fd338156115278da72c9c4b1e151.webp 600w, https://assets.fabulous.ch/public/variant_asset/7397/file/medium-bb36a08fdb3f534c76996a9ed55d2cc5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7397/file/large-c90fe2d3a1880933519bd6f8d278831c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7397/file/medium-bb36a08fdb3f534c76996a9ed55d2cc5.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/plant-protein-collagen-builder-chocolat-25-portions-25-portion-16019">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Plant Protein Collagen Builder - Chocolat, 25 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H8Xg-p0u3sLbC8QMJiyRn5qymM8PwJ_lMn4zSruclXaKJVqC-MvX7LxaF-0z6JoeOQSfcGmR7GvlrJrBgBtw7g" />
    <input value="16019" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/poudre-de-maca-gelatinisee-125-g-16020">
          <img alt="Poudre de Maca Gélatinisée" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7399/file/small-6f776cf83218088f7072c4dba1a63940.webp 600w, https://assets.fabulous.ch/public/variant_asset/7399/file/medium-3d2469f0d9c1fd363d81a0e84f43f8bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7399/file/large-45fcbf3a847874f67ba01d4c264db11c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7399/file/medium-3d2469f0d9c1fd363d81a0e84f43f8bb.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/poudre-de-maca-gelatinisee-125-g-16020">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre de Maca Gélatinisée, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FVh-XAa8aoKlwHeHckgq6MweNr9JBq9kPf3U4lGCwFmAuMQkY1ljrMKRpGZnjCFpb6gxAC9X3OrqL31pagUlwQ" />
    <input value="16020" 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/magic-coffee-au-champignon-lion-s-mane-280-g-16021">
          <img alt="Magic Coffee au champignon Lion’s Mane" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7400/file/small-f8f909790b7c28319fa5f0225c0bd745.webp 600w, https://assets.fabulous.ch/public/variant_asset/7400/file/medium-9fca44bffe28a1ffe6a4f4f1e69269da.webp 900w, https://assets.fabulous.ch/public/variant_asset/7400/file/large-d3a1076af6c59a4ab46fe95b555745b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7400/file/medium-9fca44bffe28a1ffe6a4f4f1e69269da.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/magic-coffee-au-champignon-lion-s-mane-280-g-16021">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Magic Coffee au champignon Lion’s Mane, 280 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16021-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/texture-de-lentilles-100-g-16051">
          <img alt="Texturé de Lentilles" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7408/file/small-651a7521a0503ac5fcee5169f8e468db.webp 600w, https://assets.fabulous.ch/public/variant_asset/7408/file/medium-27382df9ed398722b3b681ac96c915cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7408/file/large-7e1961c9d821ee91a585cbaa3a180f89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7408/file/medium-27382df9ed398722b3b681ac96c915cd.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">Vantastic</p>
          <a href="/fr/products/texture-de-lentilles-100-g-16051">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Texturé de Lentilles, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16051-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/peanut-caramel-choc-bar-bio-40-g-16054">
          <img alt="Peanut Caramel Choc Bar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7411/file/small-0abcc5117ede8e8c49b6ff28120ac022.webp 600w, https://assets.fabulous.ch/public/variant_asset/7411/file/medium-a2046e1d811791dc507b70da19802833.webp 900w, https://assets.fabulous.ch/public/variant_asset/7411/file/large-ee13cda5eccb5ba08a7f85af10412de2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7411/file/medium-a2046e1d811791dc507b70da19802833.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">Vantastic</p>
          <a href="/fr/products/peanut-caramel-choc-bar-bio-40-g-16054">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Caramel Choc Bar Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LZWcUBcmKXbo9DnpT4Pk79xe4ZLXzoBCaYqfJKpDVd-4dSYocsMgWI-l6ghaR-9uf-jmLbGf88y-WDavkcSwRw" />
    <input value="16054" 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/coconut-choc-bar-bio-40-g-16055">
          <img alt="Coconut Choc Bar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7413/file/small-a95f80af5912b63efcc886b74509bcd4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7413/file/medium-8b9bd12f3b0ef2579526dc84cb753113.webp 900w, https://assets.fabulous.ch/public/variant_asset/7413/file/large-f00a3d69e652c8a24497544bff8ce9ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7413/file/medium-8b9bd12f3b0ef2579526dc84cb753113.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">Vantastic</p>
          <a href="/fr/products/coconut-choc-bar-bio-40-g-16055">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Choc Bar Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16055-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/almond-choc-bar-bio-40-g-16056">
          <img alt="Almond Choc Bar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7412/file/small-ef760adb3de2dcb38103852b4832465b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7412/file/medium-3c21fbb943eed507b5761ae88fbf01fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/7412/file/large-9128eff5ee88e0689ce94cd06a224da7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7412/file/medium-3c21fbb943eed507b5761ae88fbf01fe.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">Vantastic</p>
          <a href="/fr/products/almond-choc-bar-bio-40-g-16056">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Almond Choc Bar Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

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

</template></turbo-stream>