<turbo-stream action="append" target="products_grid"><template>
    

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/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">
    

    <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="Falqeg7BlzJvW_57Yd_MrdjJE4UpRAR9EK__gakE_kftMz7IcZcMZjRrnEJogO8v-x-r9mehtWPhNtKigQWHJA" />
    <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="6dh19nnQpRqMbGoBJEwCvFFQWwSWwRvjFXIwdVLy4LERQiFEBoY-TtdcCDgtEyE-cobjd9gkqv3k6x1WevOZ0g" />
    <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="Fitb5uCyWOnuQIggKkilP4B8HxHTlUXlvd1Ht1x0VxXusQ9Un-TDvbVw6hkjF4a9o6qnYp1w9PtMRGqUdHUudg" />
    <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="9KbNQ9oFvTnhtvkQjYiq4GXXjOMUbUwvxO9yzUjGQ88MPJnxpVMmbbqGmymE14liRgE0kFqI_TE1dl_uYMc6rA" />
    <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="CDR6pBHEFFq66KLdx_O_cOIc0vbhtuVwRD2TwI-BUV_wri4WbpKPDuHYwOTOrJzywcpqha9TVG61pL7jp4AoPA" />
    <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-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/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">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QfecxGmZW5RevoAFfk5Eo5qTgUnhMMqhcOpXdIFVSY65bch2Fs_AwAWO4jx3EWchuUU5Oq_Ve7-Bc3pXqVQw7Q" />
    <input value="16000" 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-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="w8hvlkxE_EsB6BUlYRcAbY43aXSLwzokkcuRlIFsTTY7UjskMxJnH1rYdxxoSCPvreHRB8UmizpgUry3qW00VQ" />
    <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  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/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="_Hb6w7hUE9U0a_RsCIP572CoKnBQQJCr4hvXVSco_dcE7K5xxwKIgW9bllUB3NptQ36SAx6lIbUTgvp2DymEtA" />
    <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 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/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="7wfsz91yLu-xHrBSIWY-MElXJEIGyuFSPD4rr4U_0C0Xnbh9oiS1u-ou0msoOR2yaoGcMUgvUEzNpwaMrT6pTg" />
    <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  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/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 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/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="otuwxrita-O8ADgB9inOMHwP4XxHP48onQUMvRaMf3xaQeR0x_vwt-cwWjj_du2yX9lZDwnaPjZsnCGePo0GHw" />
    <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  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-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="-efzKeRvDF1vzygNpowoZXF1V-tintskavn8ma_MPVkBfaebmzmXCTT_SjSv0wvnUqPvmCx7ajqbYNG6h81EOg" />
    <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 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/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  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/365-boisson-energisante-wild-berry-bio-330-ml-16026">
          <img alt="365 Boisson énergisante Wild Berry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7407/file/small-572bbe07e04371b3383b79d08d59f1d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7407/file/medium-63351f1ee9cd22c305b3779c17101d7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7407/file/large-f4597025a42424baa88d839c14d0edd0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7407/file/medium-63351f1ee9cd22c305b3779c17101d7b.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">Eos Bio</p>
          <a href="/fr/products/365-boisson-energisante-wild-berry-bio-330-ml-16026">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">365 Boisson énergisante Wild Berry Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Iri-flHMJQtl5GPc7IYQF0YRJBt6HBnt_zsLOuNpT_DaIurMLpq-Xz7UAeXl2TOVZcecaDT5qPMOoiYZy2g2kw" />
    <input value="16026" 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/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="CyVHI11ZsZ93EQTjFfbmYGh-5dFYTYEhc_Zg7zhwc-HzvxORIg8qyywhZtocqcXiS6hdohaoMD-Cb03MEHEKgg" />
    <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="CW-7W_xm1FsY5DlpRy-1xBNol6U-ZD2fm-TVU-veKDnx9e_pgzBPD0PUW1BOcJZGML4v1nCBjIFqffhww99RWg" />
    <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;780 sur 3&#39;185 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/chanvre?format=turbo_stream&amp;page=140">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>