<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-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/chlorella-caps-vegetal-100-capsules-100-pieces-date-limite-29-06-2026-17869">
          <img alt="Chlorella caps. végétal" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/852/file/small-7a9bc40712168b29b401b645e6e198b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/852/file/medium-7da52e4e9095dfaa10450dc6f47b7369.webp 900w, https://assets.fabulous.ch/public/variant_asset/852/file/large-c0a53a6c2e19a441f590434b346536eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/852/file/medium-7da52e4e9095dfaa10450dc6f47b7369.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">MORGA</p>
          <a href="/fr/products/chlorella-caps-vegetal-100-capsules-100-pieces-date-limite-29-06-2026-17869">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chlorella caps. végétal, 100 capsules (Date limite 29.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 21.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 10.95</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mI_KwmKrc77qQOQm-ldxDWI-3ocguio6pHj4LL8sjh3YpcQoeNyKtHZUWzzTSHeFP8SPA4iNQW1Jl61BOf5xMQ" />
    <input value="17869" 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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/lotion-apres-soleil-200-ml-date-limite-31-07-2026-17903">
          <img alt="Lotion après-soleil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6638/file/small-933e2c8a6dc78c8b3fdf80a780aee472.webp 600w, https://assets.fabulous.ch/public/variant_asset/6638/file/medium-fe1eb229262205e694d03938fb6b7a5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6638/file/large-05a01e8d7fc819bfc1d282c8da0fd00a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6638/file/medium-fe1eb229262205e694d03938fb6b7a5a.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">Lavera</p>
          <a href="/fr/products/lotion-apres-soleil-200-ml-date-limite-31-07-2026-17903">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lotion après-soleil, 200 ml (Date limite 31.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 9.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 7.50</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eX-q6MyhaoVnA36viz_IP7g_vgZDHkJdWUW-_uY15p85VaQC1taTj_sXwbWiIM635cXvguspKQq0quuTYOcZsw" />
    <input value="17903" 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">
    49 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/galettes-fines-de-mais-bio-140-g-date-limite-21-06-2026-17904">
          <img alt="Galettes Fines de Maïs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5023/file/small-96df770e8321b170435d38fbf9f44707.webp 600w, https://assets.fabulous.ch/public/variant_asset/5023/file/medium-b02ac7d2e56b494b81a99f15bc9a85b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/5023/file/large-a58e9f5b0d28f2ad6161532095262c3f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5023/file/medium-b02ac7d2e56b494b81a99f15bc9a85b9.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">Lima</p>
          <a href="/fr/products/galettes-fines-de-mais-bio-140-g-date-limite-21-06-2026-17904">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Galettes Fines de Maïs Bio, 140 g (Date limite 21.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.50</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BHp0a43m_8B1Q5xtJLAA2GjULBOnMCFDy-aXT_FrbjBEUHqBl5EGyulXI3cNrwZQNS59lw8HShQmCcIid7mRHA" />
    <input value="17904" 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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/xylitol-chewing-gum-cannelle-28-g-date-limite-23-07-2026-17905">
          <img alt="Xylitol Chewing Gum CANNELLE" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5295/file/small-a59a99273f7b55030b3a0bf27b855ac4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5295/file/medium-2974d23ae66e483f19f512b4add38037.webp 900w, https://assets.fabulous.ch/public/variant_asset/5295/file/large-03230c398bd1b2b6323dc6e35ca4e452.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5295/file/medium-2974d23ae66e483f19f512b4add38037.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">Birkengold</p>
          <a href="/fr/products/xylitol-chewing-gum-cannelle-28-g-date-limite-23-07-2026-17905">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Chewing Gum CANNELLE, 28 g (Date limite 23.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.60</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="igMy8N9OwHshSpBplMea8rC47XwjM2j4mWFUQJC8m37KKTwaxTk5cb1eL3O92Jx67UK8-IsEA690jgEtFm5kUg" />
    <input value="17905" 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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/cuisine-lait-de-coco-sans-sucres-ajoutes-bio-200-ml-date-limite-08-07-2026-17906">
          <img alt="Cuisine Lait de coco sans sucres ajoutés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1170/file/small-c343976b868bfd229bf39355d0ff5dd0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1170/file/medium-63df1d30197812a7a80383f248c7dd0c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1170/file/large-67f499a5bd96200f1089bca3c89710f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1170/file/medium-63df1d30197812a7a80383f248c7dd0c.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">Ecomil</p>
          <a href="/fr/products/cuisine-lait-de-coco-sans-sucres-ajoutes-bio-200-ml-date-limite-08-07-2026-17906">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Lait de coco sans sucres ajoutés Bio, 200 ml (Date limite 08.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.15</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v4BqRHlg8LBKmUEON_Zu6sksbJkyp-XfFUxy__uhj5T_qmSuYxcJutaN_hQe6WhilNY9HZqQjoj4oyeSfXNwuA" />
    <input value="17906" 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">
    30 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sleep-support-pour-un-meilleur-sommeil-supplement-60-capsules-date-limite-31-07-2026-17943">
          <img alt="Sleep Support « pour un meilleur sommeil » Supplement" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8801/file/small-e77237a3d91bdad5538169012d3efc5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8801/file/medium-edcb2336481aae8b32d5414cc3dd9853.webp 900w, https://assets.fabulous.ch/public/variant_asset/8801/file/large-fd28c722b2191bc82d4f3a531a06896f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8801/file/medium-edcb2336481aae8b32d5414cc3dd9853.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vegetology</p>
          <a href="/fr/products/sleep-support-pour-un-meilleur-sommeil-supplement-60-capsules-date-limite-31-07-2026-17943">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sleep Support « pour un meilleur sommeil » Supplement, 60 capsules (Date limite 31.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 25.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 18.15</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vKFNMJ1SCLqMsiXiW84i_0N-qnG3frYUc4CHcON1QcH8i0PahyXxsBCmmvhy0SR3HoT79R9J3UOeb9IdZae-7Q" />
    <input value="17943" 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">
    21 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/mummy-meegz-vegan-m-z-gems-peanut-80-g-date-limite-31-07-2026-17944">
          <img alt="Mummy Meegz Vegan M’z Gems Peanut" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7139/file/small-33cdf7ce50ec85378b980fdb9b8c5ee2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7139/file/medium-c657c40850dc6d9c6111289a0b77e013.webp 900w, https://assets.fabulous.ch/public/variant_asset/7139/file/large-4204f47360546da29375e551c285b8b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7139/file/medium-c657c40850dc6d9c6111289a0b77e013.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">Mummy Meagz</p>
          <a href="/fr/products/mummy-meegz-vegan-m-z-gems-peanut-80-g-date-limite-31-07-2026-17944">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mummy Meegz Vegan M’z Gems Peanut, 80 g (Date limite 31.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.10</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v3uRFPt6dQD1_7gQeJt6hTnhx-zFhzn1a0TgiYPchsH_UZ_-4Q2MCmnrBwpRhHwNZBuWaG2wUqKGq7XkBQ557Q" />
    <input value="17944" 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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/boisson-a-la-noix-de-coco-et-aux-amandes-bio-1-l-date-limite-29-06-2026-17945">
          <img alt="Boisson à la noix de coco et aux amandes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8016/file/small-7abb29677e28a73172be8f3986b77fd1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8016/file/medium-c20bbab129ce30ef1aed2e0fd448ec3b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8016/file/large-540cf2dfa51e32915affe0d4520a5488.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8016/file/medium-c20bbab129ce30ef1aed2e0fd448ec3b.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">Alpro</p>
          <a href="/fr/products/boisson-a-la-noix-de-coco-et-aux-amandes-bio-1-l-date-limite-29-06-2026-17945">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson à la noix de coco et aux amandes Bio, 1 l (Date limite 29.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.50</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dZ8RDjU5CwOsOKt8lqz_cvexWf25Q22oQgpwtUmr0eM1tR_kL07yCTAsFGa_s_n6qksIeRF0Bv-v5SXYz3kuzw" />
    <input value="17945" 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">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/crackers-crus-romarin-bio-90-g-date-limite-24-06-2026-17946">
          <img alt="Crackers Crus Romarin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8819/file/small-82e87d36eb2c0cb5b8556e4ee2a6876d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8819/file/medium-cdb4f49387ffbd61919e59b099acdec2.webp 900w, https://assets.fabulous.ch/public/variant_asset/8819/file/large-3f54265f91736fefffcb856ba19f6612.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8819/file/medium-cdb4f49387ffbd61919e59b099acdec2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lifefood</p>
          <a href="/fr/products/crackers-crus-romarin-bio-90-g-date-limite-24-06-2026-17946">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crackers Crus Romarin Bio, 90 g (Date limite 24.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 9.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.55</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7pnvXU5_qI9l25LhjevAGPus9_Md9n2NlNdWjFggF8yus-G3VAhRhfnPLfuk9MaQplamd7XBFtp5OAPh3vLo4A" />
    <input value="17946" 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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/quinoa-pops-bio-125-g-date-limite-30-06-2026-17947">
          <img alt="Quinoa Pops Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/157/file/small-2d5ef591463e87383bec9d1926fb5988.webp 600w, https://assets.fabulous.ch/public/variant_asset/157/file/medium-7ec84ffdc0b1605e0c645aeb03b4b3c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/157/file/large-be4e048eab7432b90b63742d0f7cba72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/157/file/medium-7ec84ffdc0b1605e0c645aeb03b4b3c8.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">Werz</p>
          <a href="/fr/products/quinoa-pops-bio-125-g-date-limite-30-06-2026-17947">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Quinoa Pops Bio, 125 g (Date limite 30.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.30</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jihKPNpvahDIXaoksWCqO3NjZ6i5RZaa_neWfB5Yp7zOAkTWwBiTGlRJFT6Yf6yzLpk2LBFy_c0TmMMRmIpYkA" />
    <input value="17947" 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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/noel-vegetalien-selection-box-moo-free-80-g-date-limite-30-06-2026-17948">
          <img alt="Noël Végétalien Selection Box moo free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4193/file/small-45e000870b27e24dc6425d15c8d90963.webp 600w, https://assets.fabulous.ch/public/variant_asset/4193/file/medium-d83f34b244ab08ebb0d593eaf412736f.webp 900w, https://assets.fabulous.ch/public/variant_asset/4193/file/large-568c5e66017b56701fd79abd5d872091.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4193/file/medium-d83f34b244ab08ebb0d593eaf412736f.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">Moo Free Chocolates</p>
          <a href="/fr/products/noel-vegetalien-selection-box-moo-free-80-g-date-limite-30-06-2026-17948">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Noël Végétalien Selection Box moo free, 80 g (Date limite 30.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.00</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BmqKhoiyhorQw8l1jwORmvZM-zuVwWKcyNJTnU0RcvxGQIRsksV_gEzXdm-mHJcSq7aqvz32CcslPQbwy8ON0A" />
    <input value="17948" 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">
    35 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/poudre-de-boisson-a-l-avoine-matcha-oat-latte-bio-300-g-date-limite-30-06-2026-17949">
          <img alt="Poudre de boisson à l&#39;avoine Matcha Oat Latte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6672/file/small-a5d8a3adf845ec30368bc23cf48703fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/6672/file/medium-35e271764d0822d2cb09c426af21cdee.webp 900w, https://assets.fabulous.ch/public/variant_asset/6672/file/large-09a7a03a632482d9a2461341abedf65b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6672/file/medium-35e271764d0822d2cb09c426af21cdee.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">BlueFarm</p>
          <a href="/fr/products/poudre-de-boisson-a-l-avoine-matcha-oat-latte-bio-300-g-date-limite-30-06-2026-17949">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre de boisson à l&#39;avoine Matcha Oat Latte Bio, 300 g (Date limite 30.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 16.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 10.90</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ELrGaVFSuwt_xwhSRpzRkd7WCj4WZVqNGQfZnnGqnDtQkMiDSyVCAePTt0hvg9cZgyxbur5SMdr06Izz93hjFw" />
    <input value="17949" 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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/galaxy-confection-titan-noisettes-enrobees-de-chocolat-110-g-date-limite-01-07-2026-17953">
          <img alt="Galaxy Confection Titan Noisettes enrobées de chocolat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7965/file/small-b45686fdf6b998b636d4d0ed40c8261f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7965/file/medium-640ccef5444cc854ab386b67750b02df.webp 900w, https://assets.fabulous.ch/public/variant_asset/7965/file/large-35d0a53c0964453182d9a4860cf310c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7965/file/medium-640ccef5444cc854ab386b67750b02df.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">Löw delights GmbH</p>
          <a href="/fr/products/galaxy-confection-titan-noisettes-enrobees-de-chocolat-110-g-date-limite-01-07-2026-17953">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Galaxy Confection Titan Noisettes enrobées de chocolat, 110 g (Date limite 01.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 22.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 17.60</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QeXWX91pVX26RRrzsyz9dEt6Nio04nEjdCz8RQggB2IBz9i1xx6sdyZRpemaM_v8FoBnrpzVGnSZw6kojvL4Tg" />
    <input value="17953" 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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/galaxy-confection-meteorites-amandes-au-chocolat-et-epices-110-g-date-limite-01-07-2026-17954">
          <img alt="Galaxy Confection Météorites Amandes au chocolat et épices" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7967/file/small-9820f9361a68bd40562a4a5e79790d58.webp 600w, https://assets.fabulous.ch/public/variant_asset/7967/file/medium-da0f4e079fc0763966d3cf33f00601de.webp 900w, https://assets.fabulous.ch/public/variant_asset/7967/file/large-0f83c4bab61863e177b59a101a0d17ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7967/file/medium-da0f4e079fc0763966d3cf33f00601de.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">Löw delights GmbH</p>
          <a href="/fr/products/galaxy-confection-meteorites-amandes-au-chocolat-et-epices-110-g-date-limite-01-07-2026-17954">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Galaxy Confection Météorites Amandes au chocolat et épices, 110 g (Date limite 01.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 22.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 17.60</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ch0WmRkWBxrSRlWR41HQZoh17l-Vi0Y6yhgpqkeRWT0yNxhzA2H-EE5S6ovKTtbu1Y-_2z28LW0n93zHwUOmEQ" />
    <input value="17954" 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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/galaxy-confection-eclipse-macadamias-au-framboise-hibiscus-110-g-date-limite-01-07-2026-17955">
          <img alt="Galaxy Confection Eclipse macadamias au framboise-hibiscus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7972/file/small-181a8f901c0451f4bf80190f44c654fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7972/file/medium-2192eca9a5ee718295773091ec3b49cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7972/file/large-140de93efc045572acf50da46fcd5f18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7972/file/medium-2192eca9a5ee718295773091ec3b49cd.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">Löw delights GmbH</p>
          <a href="/fr/products/galaxy-confection-eclipse-macadamias-au-framboise-hibiscus-110-g-date-limite-01-07-2026-17955">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Galaxy Confection Eclipse macadamias au framboise-hibiscus, 110 g (Date limite 01.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 25.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 20.00</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FYtDw3qBtrIDEB0WBUIVhW8NmsdLkQehJn3FSZtA-7NVoU0pYPZPuJ8EogwsXRMNMvfLQ-OmbPbLkpAkHZIEnw" />
    <input value="17955" 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">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chips-krupuk-vegetaliens-bio-60-g-date-limite-21-06-2026-17957">
          <img alt="Chips Krupuk végétaliens Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6817/file/small-5b947f790d129d9b679ac03e8dc5bf72.webp 600w, https://assets.fabulous.ch/public/variant_asset/6817/file/medium-e4c6b23102d0f92008f13f43903dd695.webp 900w, https://assets.fabulous.ch/public/variant_asset/6817/file/large-c91411cd87570c60e8bcb2b2424e2df4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6817/file/medium-e4c6b23102d0f92008f13f43903dd695.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">YAKSO</p>
          <a href="/fr/products/chips-krupuk-vegetaliens-bio-60-g-date-limite-21-06-2026-17957">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Krupuk végétaliens Bio, 60 g (Date limite 21.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.20</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JZbiXathm_RuQRN0jKzc_toJaM0hBB0Nr2w3FJbLYWVlvOy3sRZi_vJVrG6ls9p2h_M5SYkzdlpCg2J5EBmeSQ" />
    <input value="17957" 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">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/treets-crunchy-corn-mais-croustillant-210-g-date-limite-30-06-2026-17970">
          <img alt="Treets Crunchy Corn Maïs Croustillant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7339/file/small-124ee3699a84e0b9a9f56102eb46935d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7339/file/medium-cc5c30761dd00a0298b846954d992038.webp 900w, https://assets.fabulous.ch/public/variant_asset/7339/file/large-7382a5ab5f8dd95a0bf41c1d28eea880.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7339/file/medium-cc5c30761dd00a0298b846954d992038.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">Treets GmbH</p>
          <a href="/fr/products/treets-crunchy-corn-mais-croustillant-210-g-date-limite-30-06-2026-17970">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Treets Crunchy Corn Maïs Croustillant, 210 g (Date limite 30.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.20</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RLAKDPTFoGdQENi5luRf6DPgaP_8pSSYz0biKuLbCX0EmgTm7rJZbcwEZ6O_-1lgbho5e1SST88iqbdHZAn2UQ" />
    <input value="17970" 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">
    30 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/gaufres-noisette-bio-175-g-date-limite-30-06-2026-17971">
          <img alt="Gaufres Noisette Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7476/file/small-4e40826da694a91575891f85298df88f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7476/file/medium-6176473d24e4460278e1b59f7b4c623d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7476/file/large-2ba6b132fb15d8246092a0e8dfdc192a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7476/file/medium-6176473d24e4460278e1b59f7b4c623d.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">Terrasana</p>
          <a href="/fr/products/gaufres-noisette-bio-175-g-date-limite-30-06-2026-17971">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gaufres Noisette Bio, 175 g (Date limite 30.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.65</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G1OYR1O1eTswV40FcHu_nO9qxFPZisSqMQHGBIjgViZbeZatScKAMaxDMh9ZZLkUspCV13G9r_3c7pNpDjKpCg" />
    <input value="17971" 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">
    30 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tampons-super-plus-sans-applicateur-20pcs-20-pieces-date-limite-01-08-2026-17972">
          <img alt="Tampons Super Plus sans applicateur, 20pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1337/file/small-97009756985418a1dca7fc5b92389bc7.webp 600w, https://assets.fabulous.ch/public/variant_asset/1337/file/medium-9821877494959534d76d629edf542ee0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1337/file/large-30bc3322e0980baa64a1df041eca35a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1337/file/medium-9821877494959534d76d629edf542ee0.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">Natracare</p>
          <a href="/fr/products/tampons-super-plus-sans-applicateur-20pcs-20-pieces-date-limite-01-08-2026-17972">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tampons Super Plus sans applicateur, 20pcs, 20 pièces (Date limite 01.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.35</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hu5WCa0PxX5xsGFrWlpw7d-Oqdk5rqvT_wLGMjP9bNhexFjjt3g8dO2k3nFzRXZlgnT4XZGZwIQS7ZNftS-T9A" />
    <input value="17972" 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">
    70 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/xylitol-pastilles-orange-sans-sucres-ajoutes-30-g-date-limite-02-07-2026-17973">
          <img alt="Xylitol Pastilles Orange Sans sucres ajoutés" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3167/file/small-597eafc7a3a651f9b812bda51cdb9a5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3167/file/medium-7b8da8950a7bc4981c3941a6778934d3.webp 900w, https://assets.fabulous.ch/public/variant_asset/3167/file/large-d86a6748d280b2cf0106e5a9943db3e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3167/file/medium-7b8da8950a7bc4981c3941a6778934d3.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">Birkengold</p>
          <a href="/fr/products/xylitol-pastilles-orange-sans-sucres-ajoutes-30-g-date-limite-02-07-2026-17973">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Pastilles Orange Sans sucres ajoutés, 30 g (Date limite 02.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.20</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fj5tXB3zZwXJ9FTae-48IKqXTuKlUhIGsK2C6cu706o-FGO2B4SeD1Xg68BS8Tqo920fZg1leVFdQteETWkshg" />
    <input value="17973" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      40 sur 80 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/collections/sale?format=turbo_stream&amp;page=3">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>