<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/ovega3-gouttes-dha-epa-avec-coenzyme-q10-astaxanthine-50-ml-15726">
          <img alt="Ovega3 GOUTTES DHA+EPA avec Coenzyme Q10 &amp; Astaxanthine" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7163/file/small-25fc661b9fd6249da9ba57f8792bd0d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7163/file/medium-761d44f8c9aa1f893c786a9a675c80e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7163/file/large-e44e3321cb060b71330949bd9850d963.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7163/file/medium-761d44f8c9aa1f893c786a9a675c80e2.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">energybalance</p>
          <a href="/fr/products/ovega3-gouttes-dha-epa-avec-coenzyme-q10-astaxanthine-50-ml-15726">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ovega3 GOUTTES DHA+EPA avec Coenzyme Q10 &amp; Astaxanthine, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mzTTn13H-6xs1nvBNXg4MncdToXgQDIl5qEJ8ea2RFlnA7yCkDk4u58QeevZwX2myEqgALL7y1w8qNYnm7FG1g" />
    <input value="15726" 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/omega-3-vegetalien-epa-dha-liquide-150-ml-15838">
          <img alt="Omega‑3 Végétalien EPA &amp; DHA Liquide" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8815/file/small-b548065636f7d403f0464147e5a002d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8815/file/medium-6d7d149cf0eaa4216ba263c130dc9b97.webp 900w, https://assets.fabulous.ch/public/variant_asset/8815/file/large-e3cf32b0e24c726db43120d4bcfd5121.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8815/file/medium-6d7d149cf0eaa4216ba263c130dc9b97.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">Vegetology</p>
          <a href="/fr/products/omega-3-vegetalien-epa-dha-liquide-150-ml-15838">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Omega‑3 Végétalien EPA &amp; DHA Liquide, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6hRZn8cQTUhFeTOfTrBdlRJN5KZzyce6WrYtQ6zlIeMWIzaCCu6OX7a_MbWiCRgBrRoKIyFyPsOAv_KV0eIjbA" />
    <input value="15838" 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/extrait-de-gattilier-vegicaps-bio-150-capsules-150-piece-15904">
          <img alt="Extrait de Gattilier Vegicaps Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7305/file/small-35c3d8d737816788262961b8443768de.webp 600w, https://assets.fabulous.ch/public/variant_asset/7305/file/medium-bf523990b96f3758f2f6385ec66bdfbf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7305/file/large-0426c53a9cfb96117a5ea56debef5655.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7305/file/medium-bf523990b96f3758f2f6385ec66bdfbf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/fr/products/extrait-de-gattilier-vegicaps-bio-150-capsules-150-piece-15904">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Extrait de Gattilier Vegicaps Bio, 150 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7RekNNhU2Ph8Vxj8wrC8z3wU_Izz2JrYvpdZu7VhbYwRIMspFaob74-RGtYuCflbw0MSCaFjY6FknoZtyGZvAw" />
    <input value="15904" 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/extrait-liquide-d-ashwagandha-bio-30-ml-15993">
          <img alt="Extrait liquide d&#39;ashwagandha Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7382/file/small-815883726f9522378e6a7c766cf7e60f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7382/file/medium-cf9bd3ff8a76e4ddb5c211a81c076dcf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7382/file/large-1011397a367dfbbaade85265ddbb6b95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7382/file/medium-cf9bd3ff8a76e4ddb5c211a81c076dcf.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">naturetec</p>
          <a href="/fr/products/extrait-liquide-d-ashwagandha-bio-30-ml-15993">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Extrait liquide d&#39;ashwagandha Bio, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 59.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2i4DTgtLARcyXjtxi47y05flODCMhQa3iB-tK2yLOPImGWxTxrXCAMGYOVtnN7dHKLLWtd4-_85SFnL9EYw6fQ" />
    <input value="15993" 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/lion-s-mane-extrait-liquide-bio-30-ml-15994">
          <img alt="Lion&#39;s Mane extrait liquide Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7383/file/small-c802250846cc875676e7ade25d325b09.webp 600w, https://assets.fabulous.ch/public/variant_asset/7383/file/medium-c3d47ae3a78e46d8f7e1c50170a59978.webp 900w, https://assets.fabulous.ch/public/variant_asset/7383/file/large-cf62fd68a70fda8a194d9faeaa1475e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7383/file/medium-c3d47ae3a78e46d8f7e1c50170a59978.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">naturetec</p>
          <a href="/fr/products/lion-s-mane-extrait-liquide-bio-30-ml-15994">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lion&#39;s Mane extrait liquide Bio, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 59.00
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-15994-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/extrait-liquide-de-reishi-bio-30-ml-15995">
          <img alt="Extrait liquide de Reishi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7384/file/small-074fec300ec3ebeafe211d89d6521350.webp 600w, https://assets.fabulous.ch/public/variant_asset/7384/file/medium-0a9ea98691ba4b67d9ca907e81250381.webp 900w, https://assets.fabulous.ch/public/variant_asset/7384/file/large-71ad1f6871ea7e0c33f845ba449e3116.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7384/file/medium-0a9ea98691ba4b67d9ca907e81250381.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">naturetec</p>
          <a href="/fr/products/extrait-liquide-de-reishi-bio-30-ml-15995">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Extrait liquide de Reishi Bio, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 59.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H4_eXW1DxkZckBJy74Z5ryjhx3Sis3c_WfLOcrkUuTzjuLFAoL0FUa9WEFgDPzw7l7Yp8fAIjkaD-xGkxBO7sw" />
    <input value="15995" 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/cordyceps-extrait-liquide-bio-30-ml-15996">
          <img alt="Cordyceps extrait liquide Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7386/file/small-112710937efde33523ffbe11cfe77a0e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7386/file/medium-b6a0c5348122ed4e5382b93cf5b0ae4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7386/file/large-18fb3631ce374272b6e7117a3931be26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7386/file/medium-b6a0c5348122ed4e5382b93cf5b0ae4e.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">naturetec</p>
          <a href="/fr/products/cordyceps-extrait-liquide-bio-30-ml-15996">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cordyceps extrait liquide Bio, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 59.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HdCOV2GvcPbCKvK3b_N9v-T0DnSqNCCXj4UU91hXWqTh5-FKrFGz4THs8J2DSjgrW6Pg8fiP2e5VjMshJVBYKw" />
    <input value="15996" 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/extrait-liquide-de-ginseng-siberien-bio-30-ml-15997">
          <img alt="Extrait liquide de ginseng sibérien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7385/file/small-a40e0528bb5a5abc3ee934d0792577f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7385/file/medium-bc92decad5d7465a3b4da85a8cd4d1fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7385/file/large-df86200b1ca2a25093cce21241ec445c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7385/file/medium-bc92decad5d7465a3b4da85a8cd4d1fd.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">naturetec</p>
          <a href="/fr/products/extrait-liquide-de-ginseng-siberien-bio-30-ml-15997">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Extrait liquide de ginseng sibérien Bio, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 59.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3pJ7Et7-M-dhIE5bcUwYQV5qSORSUeb1b48tKcy0P3EipRQPEwDw8JLmTHGd9V3V4T2mYQDqH4y1hvL_sbM9_g" />
    <input value="15997" 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/extrait-liquide-de-chaga-bio-30-ml-15998">
          <img alt="Extrait liquide de chaga Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7387/file/small-08199b888d8881ff3e6257f0efba48c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/7387/file/medium-5e6b8ca29068909ba5be9bed9df8524c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7387/file/large-eac8c6b4ce18df7e5544a14ebe8aa539.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7387/file/medium-5e6b8ca29068909ba5be9bed9df8524c.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">naturetec</p>
          <a href="/fr/products/extrait-liquide-de-chaga-bio-30-ml-15998">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Extrait liquide de chaga Bio, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 59.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AFSfRdFqzWWFYe4nPW_TWe2ikDuKx9IjXybn7jTba8v8Y_BYHJQOcnan7A3R1pbNUvV-vth8K1qFLzg4SdxpRA" />
    <input value="15998" 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/coffret-vitamin-essentials-b12-d3-k2-omega-3-60-ml-16000">
          <img alt="Coffret Vitamin Essentials (B12 + D3&amp;K2 + Oméga‑3)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7390/file/small-fa1aaf1e6faaeb312cfe54b480de2491.webp 600w, https://assets.fabulous.ch/public/variant_asset/7390/file/medium-26dca06193f001f5bc945ebc1d6164fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/7390/file/large-725012451e5615d4f754277282b1771d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7390/file/medium-26dca06193f001f5bc945ebc1d6164fa.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/coffret-vitamin-essentials-b12-d3-k2-omega-3-60-ml-16000">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coffret Vitamin Essentials (B12 + D3&amp;K2 + Oméga‑3), 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 66.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 59.90</span>
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16000-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/dentifrice-natural-white-fluor-75-ml-16208">
          <img alt="Dentifrice Natural White + Fluor" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7459/file/small-68506a4007bbef4358c8c77ee1b7c613.webp 600w, https://assets.fabulous.ch/public/variant_asset/7459/file/medium-ce63d0212bfebb53b59fdc105acb6c2a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7459/file/large-638092f515cc09ae844a86dcd36c0ddb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7459/file/medium-ce63d0212bfebb53b59fdc105acb6c2a.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">Zahnheld</p>
          <a href="/fr/products/dentifrice-natural-white-fluor-75-ml-16208">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dentifrice Natural White + Fluor, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BlZUSMYaKpWpKuMpXjR4_KN15UchgFsrgunI7NDuCEr6YTtVC-Tpglrs4QOyjT1oHCILwnM7olJY4Bc6rekKxQ" />
    <input value="16208" 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/dentifrice-classic-vegan-sans-fluor-75ml-75-ml-16210">
          <img alt="Dentifrice Classic Vegan sans fluor" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7461/file/small-865aabc0828f935029b48b2dee347bfd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7461/file/medium-ff29f45b16dd423699c68223e32e42ff.webp 900w, https://assets.fabulous.ch/public/variant_asset/7461/file/large-0e10917c4b0953378bc589f7892e1704.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7461/file/medium-ff29f45b16dd423699c68223e32e42ff.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">Zahnheld</p>
          <a href="/fr/products/dentifrice-classic-vegan-sans-fluor-75ml-75-ml-16210">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dentifrice Classic Vegan sans fluor, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VBONwKGLmXrPd6kUZrFoX4UYPf7_yI7AA1DbDZtXN4GoJOLdbHVabTyxqz6KCC3LOk_Te61zd7nZWQTb5lA1Dg" />
    <input value="16210" 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/dentifrice-day-night-fluor-75-ml-16217">
          <img alt="Dentifrice Day &amp; Night + Fluor" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7462/file/small-00229e754a477949b62dec126bbeec7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7462/file/medium-53db4f5f49fedd3caebb8f4244afbb7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7462/file/large-58610fb4c113ad21ecf2b2f3be40a0dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7462/file/medium-53db4f5f49fedd3caebb8f4244afbb7b.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">Zahnheld</p>
          <a href="/fr/products/dentifrice-day-night-fluor-75-ml-16217">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dentifrice Day &amp; Night + Fluor, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WoBkdch_uI9YNSHtGwBiQ-5fX81ZTglc6tRVzDSGlS6mtwtoBYF7mKvzI8f3uSfXUQixSAv18CUw3YoaSYGXoQ" />
    <input value="16217" 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/tablettes-dentifrice-menthe-sans-fluor-125-tablettes-125-piece-16219">
          <img alt="Tablettes dentifrice Menthe sans fluor" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7464/file/small-ffec2d9b4e083dcd2098465a3dca31c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7464/file/medium-ff715d570b868f59c585c641a3cfd70b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7464/file/large-ef4dcdd7e50e3eca6cea36df1ad49d01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7464/file/medium-ff715d570b868f59c585c641a3cfd70b.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">Zahnheld</p>
          <a href="/fr/products/tablettes-dentifrice-menthe-sans-fluor-125-tablettes-125-piece-16219">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablettes dentifrice Menthe sans fluor, 125 comprimés</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aekKpzV9AOWkvlyjHOfpIXDyll-bjwgXNeH3QX4El3qV3mW6-IPD8ld4XonwXqy1z6V42sk08W7v6CiXAwOV9Q" />
    <input value="16219" 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/tablettes-dentifrice-menthe-avec-fluor-125-tablettes-125-piece-16223">
          <img alt="Tablettes dentifrice Menthe avec fluor" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7466/file/small-8b69f8d20ed30a650a916c5d1b318fdf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7466/file/medium-be37d2c8b22ac2af18e2b696693c0e69.webp 900w, https://assets.fabulous.ch/public/variant_asset/7466/file/large-093f40757cee12aaed040ad826d9ae22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7466/file/medium-be37d2c8b22ac2af18e2b696693c0e69.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">Zahnheld</p>
          <a href="/fr/products/tablettes-dentifrice-menthe-avec-fluor-125-tablettes-125-piece-16223">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablettes dentifrice Menthe avec fluor, 125 comprimés</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dcx0lcF1197KLxR5_y3kVIzosQLUcSqEhupHoIJY5NDx-xuIDIsUyTnpFlMTlKHAM79fh4bK0_1c45h2_1_mXw" />
    <input value="16223" 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/extrait-liquide-de-champignon-medicinal-chaga-bio-100-ml-16706">
          <img alt="Extrait liquide de champignon médicinal Chaga Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7736/file/small-9b289fcbd4734280d1bf6107b2bd2e2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7736/file/medium-ccc83fb7548692455d3423d1adce84cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7736/file/large-cc8262403986bfc341dbf818b44b5a57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7736/file/medium-ccc83fb7548692455d3423d1adce84cc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/fr/products/extrait-liquide-de-champignon-medicinal-chaga-bio-100-ml-16706">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Extrait liquide de champignon médicinal Chaga Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="di1qpk36euUkzCY7rLSq5TThqIW_gTurxb3WDWs0mT-KGgW7gAS58tcKJBFADe9xi7ZGAO06wtIftAnbFjObsA" />
    <input value="16706" 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/extrait-liquide-de-champignon-medicinal-reishi-bio-100-ml-16707">
          <img alt="Extrait liquide de champignon médicinal Reishi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7737/file/small-76ade331eb64c1572b36ec89e847dbcf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7737/file/medium-011f7d5f132e69b19eeebadc35532e5e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7737/file/large-aa2d7ef16bfce9be0a20efc1ba57ccaf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7737/file/medium-011f7d5f132e69b19eeebadc35532e5e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/fr/products/extrait-liquide-de-champignon-medicinal-reishi-bio-100-ml-16707">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Extrait liquide de champignon médicinal Reishi Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lny4T90PS_W7fHHVdy32tibg072VUE5-JGtivCwIDrNqS9dSEPGI4ki6c_-blLMimbc9OMfrtwf-Yr1qUQ8MPA" />
    <input value="16707" 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/extrait-liquide-de-champignon-medicinal-cordyceps-bio-100-ml-16708">
          <img alt="Extrait liquide de champignon médicinal Cordyceps Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7740/file/small-edc6b9c657391104e4d86ba1bbbc4605.webp 600w, https://assets.fabulous.ch/public/variant_asset/7740/file/medium-a87ec0314eb51360495ea379f61c8423.webp 900w, https://assets.fabulous.ch/public/variant_asset/7740/file/large-d92a7d4fba93e1e88f3b35ce3c8a5edf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7740/file/medium-a87ec0314eb51360495ea379f61c8423.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/fr/products/extrait-liquide-de-champignon-medicinal-cordyceps-bio-100-ml-16708">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Extrait liquide de champignon médicinal Cordyceps Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="svy84Q3zqpitx7vgB2dl-cIMLxGi10WV5NqoDVEMIJZOy9P8wA1pj14Bucrr3iBtfVvBlPBsvOw-03fbLAsiGQ" />
    <input value="16708" 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-champignon-medicinal-reishi-bio-50-g-16709">
          <img alt="Poudre de champignon médicinal Reishi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7746/file/small-572db49b5cb78c52d2b54a458eae16e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7746/file/medium-9f566ab73e12a71c63b6683a8bf7a733.webp 900w, https://assets.fabulous.ch/public/variant_asset/7746/file/large-508d77481e481100905906990e867dce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7746/file/medium-9f566ab73e12a71c63b6683a8bf7a733.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/fr/products/poudre-de-champignon-medicinal-reishi-bio-50-g-16709">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre de champignon médicinal Reishi Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cEcAi9AA9wckGtd--vTcI5ysfzJpM4SubZAdWWVCb1uMcG-WHf40ENfc1VQWTZm3I_uRtzuIfde3mcKPGEVt1A" />
    <input value="16709" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/poudre-de-champignon-medicinal-cordyceps-bio-50-g-16711">
          <img alt="Poudre de champignon médicinal Cordyceps Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7751/file/small-e8b08ef0a999fd39d1559d20c6041003.webp 600w, https://assets.fabulous.ch/public/variant_asset/7751/file/medium-4c881be5d03dc354b99c8397951a97b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7751/file/large-1756aee71db85ba1f56eb5b57b58808a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7751/file/medium-4c881be5d03dc354b99c8397951a97b5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">NaturKraftWerke</p>
          <a href="/fr/products/poudre-de-champignon-medicinal-cordyceps-bio-50-g-16711">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre de champignon médicinal Cordyceps Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XOx25QolF0J7dqtpC9BccnxUIdZnzBHXQVfJDmJMOH6g2xn4x9vUVYiwqUPnaRnmwwPPUzV36K6bXhbYH0s68Q" />
    <input value="16711" 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">
      140 sur 149 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/supplements?format=turbo_stream&amp;page=8">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>