<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D163">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/120-g-4775d35d-0502-4237-a12e-cf4f2a322e1b-20025">
          <img alt="Moutarde à la bière mythos Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10729/file/small-e7f8ec2c86f823356affda70e7370a5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10729/file/medium-4f5921e41b5952021aa0a00ad9085731.webp 900w, https://assets.fabulous.ch/public/variant_asset/10729/file/large-810ba94d462f88d277908df09a8220c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10729/file/medium-4f5921e41b5952021aa0a00ad9085731.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">Chalira</p>
          <a href="/fr/products/120-g-4775d35d-0502-4237-a12e-cf4f2a322e1b-20025">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Moutarde à la bière mythos Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QA9SQhrm9QhkoHGOyw9ZTghU3OHH5u0eXuahTgiDZ0oROtFfsVTygpy8C1fSEXX8rSv1Hkb5pR0mBRT8wP7--g" />
    <input value="20025" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D163">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/120-g-69d9d215-4b2c-45b4-86da-ed20c91c3f56-20026">
          <img alt="Okolo caviar de moutarde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10730/file/small-8227c5c71aa77f4dbcd23c7af08edcca.webp 600w, https://assets.fabulous.ch/public/variant_asset/10730/file/medium-b775c84900a137e7111fc39c1732ebf5.webp 900w, https://assets.fabulous.ch/public/variant_asset/10730/file/large-f37eff2f028745e3cf8b740d4a18ce98.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10730/file/medium-b775c84900a137e7111fc39c1732ebf5.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">Chalira</p>
          <a href="/fr/products/120-g-69d9d215-4b2c-45b4-86da-ed20c91c3f56-20026">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Okolo caviar de moutarde Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8X_t5w9KquDov4bhHU1mzwl8OATLXHngkWaNn-qg0zygSm76pPitahCj_DgEU0p9rAMR-0pDMePphTgtIt1KjA" />
    <input value="20026" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D163">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/120-g-7be72837-5dd1-49a4-a71c-63533396c1ff-20027">
          <img alt="Moutarde barbecue don juan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10731/file/small-55be224548dbbfdda45fa5854acdfae5.webp 600w, https://assets.fabulous.ch/public/variant_asset/10731/file/medium-d279bb1dd1d0c724c5fc98bb9f9dc62c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10731/file/large-6eb97f540fa14d5e848eaf16b335b30d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10731/file/medium-d279bb1dd1d0c724c5fc98bb9f9dc62c.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">Chalira</p>
          <a href="/fr/products/120-g-7be72837-5dd1-49a4-a71c-63533396c1ff-20027">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Moutarde barbecue don juan Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tGpBQBP-QbKavagzK33oTrt8s4XqEH9CKNkcZZpRATLlX8JduExGOGKh0uoyY8T8HgOaemsPN0FQOqnXUiyYgg" />
    <input value="20027" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D163">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/120-g-a5d4b96b-f5b5-4e8f-94af-0ac867f892b0-20028">
          <img alt="Tanguero moutarde à la betterave Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10732/file/small-f5a72b0a53f76878b208b6742bb2b443.webp 600w, https://assets.fabulous.ch/public/variant_asset/10732/file/medium-7fc2e7235c496eb2d8abd20508860d9a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10732/file/large-9aa3db86b5c37431fed7e47609ee08c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10732/file/medium-7fc2e7235c496eb2d8abd20508860d9a.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">Chalira</p>
          <a href="/fr/products/120-g-a5d4b96b-f5b5-4e8f-94af-0ac867f892b0-20028">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tanguero moutarde à la betterave Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="or49faP-D1hN2IO6DcvGJmSteOhBeT2-4bEh7ArCLFbzi75gCEwI0rXE-WMU1eqUwdJRF8Bmdb2ZUpRewr-15g" />
    <input value="20028" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D163">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bocaux-vides-pour-epices-original-5-x-1-piece-20113">
          <img alt="Bocaux vides pour épices Original" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11184/file/small-6d8371b4d7eb45dad0030f9db5d359c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11184/file/medium-f9181816f81de470050ca6f614b6d2d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/11184/file/large-65f0a3d2a238c773c0de8de4b32e2147.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11184/file/medium-f9181816f81de470050ca6f614b6d2d0.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">Brecht</p>
          <a href="/fr/products/bocaux-vides-pour-epices-original-5-x-1-piece-20113">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bocaux vides pour épices Original, 5 x 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DrfjpJ8LIgxkfsqcshRjmf2i_ZiSN2nlzyTs-eXN0kJfgmC5NLklhpxisEWrCk8rWN3UZxMoIea3x1lLLbBL8g" />
    <input value="20113" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D163">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/nucleotides-hepacell-180-capsules-20116">
          <img alt="Nucléotides Hepacell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11191/file/small-fe0500dd7ae4a1762a7fc07469157c59.webp 600w, https://assets.fabulous.ch/public/variant_asset/11191/file/medium-c7967269ffb82fbd6d7244d223035c33.webp 900w, https://assets.fabulous.ch/public/variant_asset/11191/file/large-0ac6063655aea69aa8c682d325d97c08.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11191/file/medium-c7967269ffb82fbd6d7244d223035c33.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">Erva Medica AG</p>
          <a href="/fr/products/nucleotides-hepacell-180-capsules-20116">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nucléotides Hepacell, 180 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 89.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dteSE0S7FE7jxZ6uJCxr-D2OuN5W2yk-VM5B_I4Wibkn4hEO7wkTxBvZ5Hc9MkdKmPGRIdfEYT0sLfRORmsQCQ" />
    <input value="20116" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D163">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/huile-de-cumin-noir-180-capsules-20127">
          <img alt="Huile de cumin noir" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11194/file/small-62367637f56726cd92c37750e068a95d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11194/file/medium-41423748b089e8007953ba63906ace18.webp 900w, https://assets.fabulous.ch/public/variant_asset/11194/file/large-7eb595f135164abea205bf58031b4489.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11194/file/medium-41423748b089e8007953ba63906ace18.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">Erva Medica AG</p>
          <a href="/fr/products/huile-de-cumin-noir-180-capsules-20127">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Huile de cumin noir, 180 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 59.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Mim2MWy6lythYn_bjaiekbIqI5NncuDffN2G0-OTyIJjHDUsxwiQoZl-BQKUtrIjF1UKbOZtqNwEPjNhK-5RMg" />
    <input value="20127" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D163">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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">
    40 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/the-erva-ranuogl-18-sachets-18-sachets-date-limite-30-09-2026-20128">
          <img alt="Thé Erva Ranuogl, 18 sachets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6000/file/small-d1395f6c72eee320000f1b731f56db61.webp 600w, https://assets.fabulous.ch/public/variant_asset/6000/file/medium-5137e206c2d04520da88e048f0b20182.webp 900w, https://assets.fabulous.ch/public/variant_asset/6000/file/large-461de87e9ac8eeee8487b88729b0e1c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6000/file/medium-5137e206c2d04520da88e048f0b20182.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">Erva Medica AG</p>
          <a href="/fr/products/the-erva-ranuogl-18-sachets-18-sachets-date-limite-30-09-2026-20128">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé Erva Ranuogl, 18 sachets, 18 sachets (Date limite 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 9.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.90</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TQouBj-8ku2yKFOwmjZ-OUEev_6OmuE2uX8XubqdzAEcP60blA6VZ0o0KWmDKFKL5GGWAQ-FqTXBnKILcuBVsQ" />
    <input value="20128" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D163">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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">
    40 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/the-erva-schubregia-18-sachets-date-limite-31-10-2026-20129">
          <img alt="Thé Erva Schubregia" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5994/file/small-2c8ea037dd467f75bff87d88fcaa9cbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/5994/file/medium-c1bb5818e3c1839586835d18ebc41e76.webp 900w, https://assets.fabulous.ch/public/variant_asset/5994/file/large-2749041384ac026f4c53adebcbeb207d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5994/file/medium-c1bb5818e3c1839586835d18ebc41e76.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">Erva Medica AG</p>
          <a href="/fr/products/the-erva-schubregia-18-sachets-date-limite-31-10-2026-20129">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé Erva Schubregia, 18 sachets (Date limite 31.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 9.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.90</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mnSvjGvw0s-FgQ3NzvT-K2vkrAGRh0iknDxMXVTnFW7LQSyRwELVRX2ddxTX6tKZzpuF_hCYAKfk3_nvnJqM3g" />
    <input value="20129" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D163">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/nucleotides-intestaid-60-capsules-20131">
          <img alt="Nucléotides Intestaid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11197/file/small-c1b60bf24163ab6ec8e67b63bc846a8b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11197/file/medium-0bd84e783131f94a3e87e47d318a7548.webp 900w, https://assets.fabulous.ch/public/variant_asset/11197/file/large-6145b4aea33cc4b32c73b2802603bf10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11197/file/medium-0bd84e783131f94a3e87e47d318a7548.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">Erva Medica AG</p>
          <a href="/fr/products/nucleotides-intestaid-60-capsules-20131">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nucléotides Intestaid, 60 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c41-nzag2LG3RbPHyI8IUjpU9lCstUG6mthSUYaGyskiuP2CnRLfO09ZyR7RkSTgnyvfry2qCbniO-fjTvtTeQ" />
    <input value="20131" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D163">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/nucleotides-histocell-60-capsules-20132">
          <img alt="Nucléotides Histocell" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11198/file/small-9c4e729ce6a6b5ec186c5b8dff6dec5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11198/file/medium-1546ac9ab46e2db344cb0f32a1fc46e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11198/file/large-dc1a0170ff4b0e281446407387925397.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11198/file/medium-1546ac9ab46e2db344cb0f32a1fc46e8.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">Erva Medica AG</p>
          <a href="/fr/products/nucleotides-histocell-60-capsules-20132">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nucléotides Histocell, 60 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9oG6vQxW2WkGg32i1IpzP-e_NS3Ur-6cgWQfuF3lcfWntDmgp-Te4_6fB3vNlF-NQsAc0lWwpp_5h6oKlZjoRQ" />
    <input value="20132" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D163">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/millet-bamboo-plus-90-capsules-20134">
          <img alt="Millet Bamboo Plus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11201/file/small-d21e650ce3356f8144e88e51003598de.webp 600w, https://assets.fabulous.ch/public/variant_asset/11201/file/medium-86b8ca95c51a675da2fbd76e617f5d96.webp 900w, https://assets.fabulous.ch/public/variant_asset/11201/file/large-9ad609406cb6efd2827daaae1cfdcebf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11201/file/medium-86b8ca95c51a675da2fbd76e617f5d96.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">Erva Medica AG</p>
          <a href="/fr/products/millet-bamboo-plus-90-capsules-20134">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Millet Bamboo Plus, 90 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VEplhr7hCl_10DFTrD6w2d7MNneD3yR79_9zwzIXA60Ff-abFVMN1Q3MS4q1IJxre7MfiALAbHiPHMZx-mqaHQ" />
    <input value="20134" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D163">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vitamin-d3-60-2000iu-vegan-60-capsules-date-limite-31-08-2026-20145">
          <img alt="Vitamin D3 60 2000IU Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1197/file/small-e02e85cc52c8e9ba6f06a4fb664806fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/1197/file/medium-d115637f5f3d9adcc1fa6a326b6fbd72.webp 900w, https://assets.fabulous.ch/public/variant_asset/1197/file/large-14ce65cd1a48302ab86b54533c7f25cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1197/file/medium-d115637f5f3d9adcc1fa6a326b6fbd72.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">Bjökovit</p>
          <a href="/fr/products/vitamin-d3-60-2000iu-vegan-60-capsules-date-limite-31-08-2026-20145">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamin D3 60 2000IU Vegan, 60 capsules (Date limite 31.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 23.65</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 11.85</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vQ9x4aAEstgI-l5bAMusFmN2vABKmX1npY2L0A0-8jvsOvL8C7a1UvDmJIIZ1YCkxgmV_8uGNWTdbj5ixUNriw" />
    <input value="20145" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D163">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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">
    45 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/equilibre-legumes-100-pur-jus-demeter-750-ml-date-limite-16-08-2026-20155">
          <img alt="Équilibre Légumes 100% pur jus Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7378/file/small-bb8755e041207048a2c72077529bec2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7378/file/medium-9d7c8819ac610066a3a7df1e64117449.webp 900w, https://assets.fabulous.ch/public/variant_asset/7378/file/large-fee6ba29d12cb5b23310e7c9e0f5710b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7378/file/medium-9d7c8819ac610066a3a7df1e64117449.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/fr/products/equilibre-legumes-100-pur-jus-demeter-750-ml-date-limite-16-08-2026-20155">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Équilibre Légumes 100% pur jus Demeter, 750 ml (Date limite 16.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.70</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SA6Np4anyLy12OzEYLXJfK6fSQiVYNNvlXbKfXsZIfwZOw66LRXPNk3Elh15q-XOC-Bg9xR_m2ztlX_Ps2S4TA" />
    <input value="20155" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D163">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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">
    47 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pill-cosmetique-fluide-protecteur-a-l-acide-hyaluronique-30-ml-date-limite-30-09-2026-20159">
          <img alt="Pill Cosmétique - Fluide protecteur à l&#39;acide hyaluronique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6392/file/small-7a921e9e636e6ee52b925f0c711f5ee4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6392/file/medium-3a3cfb2ccd486466ec6a48fcb2e7f054.webp 900w, https://assets.fabulous.ch/public/variant_asset/6392/file/large-8a44a221add795c5d046b0304064e455.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6392/file/medium-3a3cfb2ccd486466ec6a48fcb2e7f054.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-fluide-protecteur-a-l-acide-hyaluronique-30-ml-date-limite-30-09-2026-20159">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmétique - Fluide protecteur à l&#39;acide hyaluronique, 30 ml (Date limite 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 37.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 19.90</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K_ia6f7DC4H47XGV6UWQG9jw0vbckP_PCJU43NIZpZt6zRn0VXEMCwDxC0zwW7ypfY_7CV2Pt8xwdo1uGmQ8Kw" />
    <input value="20159" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D163">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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">
    35 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/whole-repas-aux-proteines-vegetales-fraise-25-portions-date-limite-30-09-2026-20160">
          <img alt="WHOLE Repas aux protéines végétales - Fraise" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6342/file/small-67c38c7dcc483b6c876f4b55c75c26d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6342/file/medium-acbb110cebb8049d85273eabde7bf9a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6342/file/large-5c56f08eb146955cdca7d1db3240189b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6342/file/medium-acbb110cebb8049d85273eabde7bf9a1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vivo Life</p>
          <a href="/fr/products/whole-repas-aux-proteines-vegetales-fraise-25-portions-date-limite-30-09-2026-20160">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">WHOLE Repas aux protéines végétales - Fraise, 25 portions (Date limite 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 49.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 32.20</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p0WxQipF8_aEOHcTUg-lFOoKI7eRkmizdtLyqBCaTSb2cDJfgff0fHwkDcpLEYmmT3UKSBCNILAOMUca2OfUlg" />
    <input value="20160" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D163">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tamora-bio-62-g-20161">
          <img alt="Tamora Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11244/file/small-c65fa86e2220d22e6fa08a9e4804ae0d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11244/file/medium-b68d26a418f98f0b5daac67533f706f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/11244/file/large-37df9acd6306beccc3a97d798d2ef427.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11244/file/medium-b68d26a418f98f0b5daac67533f706f7.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">Chalira</p>
          <a href="/fr/products/tamora-bio-62-g-20161">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tamora Bio, 31 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hUGDG063KPoS8phLeCE48U763ARvHIhbd1FoF4ZfkLHUdAAG5QUvcOru4pJhPxRD64X1--4DwFgPst2lTiIJAQ" />
    <input value="20161" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D163">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tamora-bio-62-g-d5d446a1-c967-4d96-a2e8-7156b4c99cf1-20162">
          <img alt="Tamora Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11245/file/small-942959080ad2f12ea6484f88acba263a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11245/file/medium-8ac6e3b08c008b9b52ae1488ac8e2e0f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11245/file/large-a12c6c313f2f17bcde6ecca4ef86050e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11245/file/medium-8ac6e3b08c008b9b52ae1488ac8e2e0f.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">Chalira</p>
          <a href="/fr/products/tamora-bio-62-g-d5d446a1-c967-4d96-a2e8-7156b4c99cf1-20162">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tamora Bio, 62 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AAiT-Hrgbqt4lRxUrog-48w5n30CchDgmusIaU9mnklRPRDl0VJpIYCJZo23lhJRaUa2goNtWOPiCL3bhxsH-Q" />
    <input value="20162" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D163">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vesta-bio-40-g-20165">
          <img alt="Vesta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11247/file/small-af0d0db91ca9d8cdf21ffcbb50f8d211.webp 600w, https://assets.fabulous.ch/public/variant_asset/11247/file/medium-8bea47f757ac380aa8e377ebc6cb6035.webp 900w, https://assets.fabulous.ch/public/variant_asset/11247/file/large-55655149d50192d2fd2bf8b98924cf0c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11247/file/medium-8bea47f757ac380aa8e377ebc6cb6035.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">Chalira</p>
          <a href="/fr/products/vesta-bio-40-g-20165">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vesta Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X6zk0NeNcGz03xeLxSJSCo9mck0qG9hYQpr89PaOpQEOmWfNfD935gzDbVLcPH64KhlbsqsEkFs6eUlGPvM8sQ" />
    <input value="20165" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Faromalife%3Fformat%3Dturbo_stream%26page%3D163">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vesta-bio-20-g-20166">
          <img alt="Vesta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11248/file/small-90bf914deec91709fca92f73906bb3ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/11248/file/medium-545cfa519ebbe1a8781276a69bd0e4fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/11248/file/large-edf0bf26fadfd8d3209723af51f8280f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11248/file/medium-545cfa519ebbe1a8781276a69bd0e4fe.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">Chalira</p>
          <a href="/fr/products/vesta-bio-20-g-20166">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vesta Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9k-vJGYyvP-9oBke8TBnG25eRWXUiDFW4KiC4RSIIkKneiw5zYC7dUW8Y8foLkupyyFsmlWXeVWYSzdT3PW78g" />
    <input value="20166" 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">
      3&#39;260 sur 3&#39;345 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/aromalife?format=turbo_stream&amp;page=164">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>