<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%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D205">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sirop-de-curcuma-et-de-citron-bio-500-ml-22573">
          <img alt="Sirop de curcuma et de citron Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11994/file/small-33195d1a732ca9c7c1f1f63ee824e918.webp 600w, https://assets.fabulous.ch/public/variant_asset/11994/file/medium-d920f1763d5113577890f80d454e2519.webp 900w, https://assets.fabulous.ch/public/variant_asset/11994/file/large-1308daf16e345163e23a81c9e39c78a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11994/file/medium-d920f1763d5113577890f80d454e2519.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">Sonnentor</p>
          <a href="/fr/products/sirop-de-curcuma-et-de-citron-bio-500-ml-22573">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sirop de curcuma et de citron Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22573&quot;],&quot;content_name&quot;:&quot;Sirop de curcuma et de citron Bio, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22573&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YCDCksd0mHyEkymxxujouhNhVFNy5bp5Mnj474fTixb-LAGfNv82_bQ6AplwRXMMSF2zBA49a4oL9FQeh1w1nQ" />
    <input value="22573" 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%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D205">
    <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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sauce-aux-cacahuetes-pur-sans-gluten-200-ml-date-limite-31-12-2026-22584">
          <img alt="Sauce aux Cacahuètes &quot;pur&quot; sans gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8168/file/small-734858e2495d28dfdd4f730bbdea365e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8168/file/medium-711d401aca971774c0ee2477cf3ac714.webp 900w, https://assets.fabulous.ch/public/variant_asset/8168/file/large-dd33a81ec7893a497cf332a4c625a304.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8168/file/medium-711d401aca971774c0ee2477cf3ac714.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">Karanga</p>
          <a href="/fr/products/sauce-aux-cacahuetes-pur-sans-gluten-200-ml-date-limite-31-12-2026-22584">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauce aux Cacahuètes &quot;pur&quot; sans gluten, 200 ml (Date limite 31.12.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 2.70 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22584&quot;],&quot;content_name&quot;:&quot;Sauce aux Cacahuètes \&quot;pur\&quot; sans gluten, 200 ml (Date limite 31.12.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22584&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y8uNwhJQkdEfhkIoh_zyuY8chyplpVij6KhwbWhjF379x07P49s_UC8vaQAxUWkP1CBgfRl9iVDRJNycaOyp9Q" />
    <input value="22584" 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%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D205">
    <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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sauce-aux-cacahuetes-epice-sans-gluten-200-ml-date-limite-31-12-2026-22585">
          <img alt="Sauce aux Cacahuètes &quot;Épicé&quot; sans gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8169/file/small-2c493c511cc84b5e55c5fe5469c47605.webp 600w, https://assets.fabulous.ch/public/variant_asset/8169/file/medium-7cdeabc2ce3dd6492d64f0de68b783af.webp 900w, https://assets.fabulous.ch/public/variant_asset/8169/file/large-bc4daca7d46bb4cc10ccc88db9973146.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8169/file/medium-7cdeabc2ce3dd6492d64f0de68b783af.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">Karanga</p>
          <a href="/fr/products/sauce-aux-cacahuetes-epice-sans-gluten-200-ml-date-limite-31-12-2026-22585">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauce aux Cacahuètes &quot;Épicé&quot; sans gluten, 200 ml (Date limite 31.12.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 2.70 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22585&quot;],&quot;content_name&quot;:&quot;Sauce aux Cacahuètes \&quot;Épicé\&quot; sans gluten, 200 ml (Date limite 31.12.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22585&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XCgUxNMiGWSpIs_RClqIK_191m5ercWh-GuezWsmRGvCJNfJIqm35ZmL5Pm89xOdpkExOSJ1FFLB5zI8a6n64A" />
    <input value="22585" 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%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D205">
    <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">
    21 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/stella-tablette-chocolat-couverture-noisette-fair-bio-80-g-date-limite-30-11-2026-22587">
          <img alt="Stella Tablette Chocolat Couverture Noisette Fair &amp; Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5049/file/small-4a9cea6412e33994949ddd4e96c40489.webp 600w, https://assets.fabulous.ch/public/variant_asset/5049/file/medium-33cffcc8bb3a346d1123f246926ff5b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5049/file/large-3d9998fca80fe1f4dfc96ccbdfa86d26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5049/file/medium-33cffcc8bb3a346d1123f246926ff5b3.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">Stella Bernrain</p>
          <a href="/fr/products/stella-tablette-chocolat-couverture-noisette-fair-bio-80-g-date-limite-30-11-2026-22587">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Stella Tablette Chocolat Couverture Noisette Fair &amp; Bio, 80 g (Date limite 30.11.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-22587-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22587&quot;],&quot;content_name&quot;:&quot;Stella Tablette Chocolat Couverture Noisette Fair \u0026 Bio, 80 g (Date limite 30.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22587&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZJMpB1f8kCMenLKk0OFysrGAA74MeG-5zWKzQVDhgXz6n-oKpnc-oi41mYxmTOkE6rzk6XCgvkr07h-wUG4_9w" />
    <input value="22587" 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%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D205">
    <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">
    31 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/farine-de-seigle-complete-demeter-1-kg-date-limite-30-11-2026-22588">
          <img alt="Farine de seigle complète Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5621/file/small-8b89eeaf26714624ab22c98897d3dd6a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5621/file/medium-df8cd80fa8c30a83b821c985d40a2aa6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5621/file/large-5c6cb261c4d4628f8985f019e7a16e55.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5621/file/medium-df8cd80fa8c30a83b821c985d40a2aa6.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">Bauckhof</p>
          <a href="/fr/products/farine-de-seigle-complete-demeter-1-kg-date-limite-30-11-2026-22588">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Farine de seigle complète Demeter, 1 kg (Date limite 30.11.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 2.05</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22588&quot;],&quot;content_name&quot;:&quot;Farine de seigle complète Demeter, 1 kg (Date limite 30.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22588&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EzojKetdMNV-8uG4m8G6F3WbdaYf5ZcWel0yyVB_k52NNuAkGtaeVE5bypAtbCGhLqeS8WM9RuVD0Z44UPAtFg" />
    <input value="22588" 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%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D205">
    <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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pois-chiches-rotis-sel-de-mer-35-g-date-limite-30-11-2026-22590">
          <img alt="Pois chiches rôtis Sel de mer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7547/file/small-7c0c14811e1b471820a3577363bede17.webp 600w, https://assets.fabulous.ch/public/variant_asset/7547/file/medium-9ab48d33e9c880abe27f56a3838aee87.webp 900w, https://assets.fabulous.ch/public/variant_asset/7547/file/large-4e0b91fe24703251cdee6f2bae84652a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7547/file/medium-9ab48d33e9c880abe27f56a3838aee87.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">Chichery</p>
          <a href="/fr/products/pois-chiches-rotis-sel-de-mer-35-g-date-limite-30-11-2026-22590">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pois chiches rôtis Sel de mer, 35 g (Date limite 30.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.60</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22590&quot;],&quot;content_name&quot;:&quot;Pois chiches rôtis Sel de mer, 35 g (Date limite 30.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22590&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4Ftog38drMsoUp_4VqvdhOE_PTOeDdGeCOueTUeC5kF-V6uOjpYCShj7tNDgBkYyugPaZOLVAG0xZzK8Rw1Yyg" />
    <input value="22590" 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%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D205">
    <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/cerneaux-de-noix-suisse-sauvages-qualite-crudite-250-g-22599">
          <img alt="Cerneaux de noix Suisse Sauvages Qualité Crudité" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12006/file/small-86cddd1dcefe3f46f6be5eee92ef352f.webp 600w, https://assets.fabulous.ch/public/variant_asset/12006/file/medium-a247404c78985101f8d6601e6b92f178.webp 900w, https://assets.fabulous.ch/public/variant_asset/12006/file/large-e455124ef9123c105a169a51a88f6570.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12006/file/medium-a247404c78985101f8d6601e6b92f178.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">Naturkostbar</p>
          <a href="/fr/products/cerneaux-de-noix-suisse-sauvages-qualite-crudite-250-g-22599">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cerneaux de noix Suisse Sauvages Qualité Crudité, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22599&quot;],&quot;content_name&quot;:&quot;Cerneaux de noix Suisse Sauvages Qualité Crudité, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22599&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MhgdVJ_kssNgDVuSwa_Rv_Qbe78lcvms3UpauXX3upusFN5Zbm8cQlCkcLp3AkoJryec6FmqKF_kxvZIdXgEEA" />
    <input value="22599" 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%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D205">
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/amaretti-orange-chocolat-vegan-bio-136-g-22601">
          <img alt="Amaretti Orange &amp; Chocolat Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12009/file/small-e9375a87ce30d42e9f31b7a031e45fa3.webp 600w, https://assets.fabulous.ch/public/variant_asset/12009/file/medium-32e4ff3f4056f7ce1398805f5911f9a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/12009/file/large-2c9043c63e6fc6b49bd98fc64ce5816a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12009/file/medium-32e4ff3f4056f7ce1398805f5911f9a9.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">Leibacher Biber-Manufaktur</p>
          <a href="/fr/products/amaretti-orange-chocolat-vegan-bio-136-g-22601">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amaretti Orange &amp; Chocolat Vegan Bio, 136 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22601&quot;],&quot;content_name&quot;:&quot;Amaretti Orange \u0026 Chocolat Vegan Bio, 136 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22601&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oF_BKgDfyVtHNQFzaA4d1ofFZoDnG3T2Wna7uy9YgLw-UwIn8VRn2necKlveo4Zg3PmB15vDpQVj-hdKL9c-Nw" />
    <input value="22601" 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%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D205">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bonhomme-en-pain-d-epices-au-chocolat-bio-100-g-22602">
          <img alt="Bonhomme en pain d&#39;épices au chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12010/file/small-2f2569358265b5f9439482f045cdf16d.webp 600w, https://assets.fabulous.ch/public/variant_asset/12010/file/medium-e8d91492e6cc6cd48837db9b7030de0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/12010/file/large-c945b4425654d8e446b0aa8791a49076.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12010/file/medium-e8d91492e6cc6cd48837db9b7030de0a.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">Leibacher Biber-Manufaktur</p>
          <a href="/fr/products/bonhomme-en-pain-d-epices-au-chocolat-bio-100-g-22602">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bonhomme en pain d&#39;épices au chocolat Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22602&quot;],&quot;content_name&quot;:&quot;Bonhomme en pain d&#39;épices au chocolat Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22602&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AI60QMo-0dlosJw7lwTKVVsLdBhmSbXec03mmZOG2zOegndNO7V_WFgZtxMhqVHjADeTTxqRZC1KwUpokwlluA" />
    <input value="22602" 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%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D205">
    <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">
    49 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/boisson-barista-coco-molk-1-l-date-limite-18-11-2026-22608">
          <img alt="Boisson Barista Coco Mølk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8165/file/small-266e2ed08ad491cdb1ea4565bee0a177.webp 600w, https://assets.fabulous.ch/public/variant_asset/8165/file/medium-4c8315d75fbfb1e2ac21d8ef62eecd89.webp 900w, https://assets.fabulous.ch/public/variant_asset/8165/file/large-7cd0087009256cd7de83df26004e9799.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8165/file/medium-4c8315d75fbfb1e2ac21d8ef62eecd89.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">Mølk</p>
          <a href="/fr/products/boisson-barista-coco-molk-1-l-date-limite-18-11-2026-22608">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Boisson Barista Coco Mølk, 1 l (Date limite 18.11.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 2.00</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22608&quot;],&quot;content_name&quot;:&quot;Boisson Barista Coco Mølk, 1 l (Date limite 18.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22608&quot;,&quot;quantity&quot;:8}],&quot;value&quot;:16.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3cmKXyVNcte9l3jh0P6thlfMChzelxzKhyhMYV1lg3tDxUlS1MbcVo0-U8lmUzYwDPDtS6JPzTm-pOCQXeo98A" />
    <input value="22608" type="hidden" name="variant_id" id="variant_id" />
    <input value="8" 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%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D205">
    <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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/baguette-camusette-epeautre-precuite-bio-400-g-date-limite-05-12-2026-22622">
          <img alt="Baguette Camusette épeautre précuite Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/562/file/small-1b57b286136b09657dafdd1c6fcfd675.webp 600w, https://assets.fabulous.ch/public/variant_asset/562/file/medium-578710f8c93036d69af84fe12fadb875.webp 900w, https://assets.fabulous.ch/public/variant_asset/562/file/large-df9b1f69d25af5b0a9939496d26f7e30.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/562/file/medium-578710f8c93036d69af84fe12fadb875.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&#39;Angelus</p>
          <a href="/fr/products/baguette-camusette-epeautre-precuite-bio-400-g-date-limite-05-12-2026-22622">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baguette Camusette épeautre précuite Bio, 400 g (Date limite 05.12.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.85</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22622&quot;],&quot;content_name&quot;:&quot;Baguette Camusette épeautre précuite Bio, 400 g (Date limite 05.12.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22622&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P_qGaMkCpUyTOUY2cRBvUFFoFw4HcJ7Uzr7PxJAZyfGh9kVlOIkLzaOQbR7HvfTmClTwWXuoTyf3MmM1kJZ3eg" />
    <input value="22622" 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%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D205">
    <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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/spatzle-blanches-de-ble-dur-demeter-500-g-date-limite-05-12-2026-22623">
          <img alt="Spätzle blanches de blé dur Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8086/file/small-20424d1795b630674ed4a35e03f40bd0.webp 600w, https://assets.fabulous.ch/public/variant_asset/8086/file/medium-299b0fbc4d7ca37c6e8960813a98124c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8086/file/large-953befe764affb6f233c7a3c5df04ab5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8086/file/medium-299b0fbc4d7ca37c6e8960813a98124c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/fr/products/spatzle-blanches-de-ble-dur-demeter-500-g-date-limite-05-12-2026-22623">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spätzle blanches de blé dur Demeter, 500 g (Date limite 05.12.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22623&quot;],&quot;content_name&quot;:&quot;Spätzle blanches de blé dur Demeter, 500 g (Date limite 05.12.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22623&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LqJhZarPAWyXBw2DQF28XePDDss0AvgBlwRNNrOS_4SwrqJoW0Sv7aeuJqv28CfruP_pnEjaKfKuiOHHsx1BDw" />
    <input value="22623" 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%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D205">
    <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/kookie-cat-vanille-chocolat-biscuits-sans-gluten-bio-50-g-date-limite-18-11-2026-22624">
          <img alt="KOOKIE CAT Vanille &amp; Chocolat Biscuits sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1687/file/small-0164bf38962bb56e9a5618c2803a0c8b.webp 600w, https://assets.fabulous.ch/public/variant_asset/1687/file/medium-e71f63cb2515b2d7f97ba958b101035c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1687/file/large-ba590bea38c66c27a34c27fb3d64ed06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1687/file/medium-e71f63cb2515b2d7f97ba958b101035c.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">Kookie Cat</p>
          <a href="/fr/products/kookie-cat-vanille-chocolat-biscuits-sans-gluten-bio-50-g-date-limite-18-11-2026-22624">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">KOOKIE CAT Vanille &amp; Chocolat Biscuits sans gluten Bio, 50 g (Date limite 18.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.15</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22624&quot;],&quot;content_name&quot;:&quot;KOOKIE CAT Vanille \u0026 Chocolat Biscuits sans gluten Bio, 50 g (Date limite 18.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22624&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DsmFYDQN50Gux5ioVHoz-RqAJfNUtThpOzpjlI5tp3-QxUZtxYZJwJ5us4Di16hPQbzCpCht6ZoCts9ljuIZ9A" />
    <input value="22624" 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%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D205">
    <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/sucette-framboise-au-mais-bio-13-g-date-limite-30-11-2026-22625">
          <img alt="Sucette framboise au mais, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2258/file/small-29e690bc9bb895beb76d1a62a7714218.webp 600w, https://assets.fabulous.ch/public/variant_asset/2258/file/medium-9cb4c5ac5fa809254e0f64ff8388bde5.webp 900w, https://assets.fabulous.ch/public/variant_asset/2258/file/large-f512352d051e9e36dce220fade7e0461.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2258/file/medium-9cb4c5ac5fa809254e0f64ff8388bde5.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/sucette-framboise-au-mais-bio-13-g-date-limite-30-11-2026-22625">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sucette framboise au mais, Bio, 13 g (Date limite 30.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 1.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.10</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22625&quot;],&quot;content_name&quot;:&quot;Sucette framboise au mais, Bio, 13 g (Date limite 30.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22625&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L6kOYc6Mkq3QPMv4V89HtbLPgJ3YKwcspaJh7Mn6wvmxpc1sPwc8LOCV4NDhYtwD6fNnyqTz1t-cLs0dyXV8cg" />
    <input value="22625" 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%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D205">
    <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/sucette-cassis-au-mais-bio-13-g-date-limite-30-11-2026-22626">
          <img alt="Sucette cassis au mais, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2260/file/small-9d2ca1316d7af79accb396cd5f30352d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2260/file/medium-1462a76cb36071339db4365be50696c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2260/file/large-abffa3951b0a01024939fac66ab5b397.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2260/file/medium-1462a76cb36071339db4365be50696c8.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/sucette-cassis-au-mais-bio-13-g-date-limite-30-11-2026-22626">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sucette cassis au mais, Bio, 13 g (Date limite 30.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 1.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.10</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22626&quot;],&quot;content_name&quot;:&quot;Sucette cassis au mais, Bio, 13 g (Date limite 30.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22626&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9Nkf69LofVKmmBRoep5apvaqIQcMgQOpyi2c0iCD24Fq1dzmI2PT05YxP0DMM8EQrZbGUHBZ0lrzoTAjIAxlCg" />
    <input value="22626" 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%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D205">
    <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">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vegan-d3-k2-complex-50-ml-date-limite-31-01-2027-22651">
          <img alt="Vegan D3 &amp; K2 Complex" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6349/file/small-20790248e09a3bb82404556f06678cf7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6349/file/medium-7aecae0064c51edd0a85b57bd1f8bf81.webp 900w, https://assets.fabulous.ch/public/variant_asset/6349/file/large-f31ab8f35a6fa0651215412a1c072196.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6349/file/medium-7aecae0064c51edd0a85b57bd1f8bf81.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/vegan-d3-k2-complex-50-ml-date-limite-31-01-2027-22651">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan D3 &amp; K2 Complex, 50 ml (Date limite 31.01.2027)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 18.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 17.00</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22651&quot;],&quot;content_name&quot;:&quot;Vegan D3 \u0026 K2 Complex, 50 ml (Date limite 31.01.2027)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22651&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bj6SbIGXtAKQe7SaBPYNFG1EbPkhKYy309JdQW25lIWYMlFhcBwag6DSn7KyW5aiNniLrl3xXUTqXvGwbTYqDg" />
    <input value="22651" 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%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D205">
    <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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/beurre-de-cacahuete-fin-terrasana-bio-250-g-date-limite-06-01-2027-22652">
          <img alt="Beurre de cacahuète fin Terrasana Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/785/file/small-aa5399aa551979a773bcfc4cc23569a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/785/file/medium-1167f74fd3c74c09fb476f7af7119b91.webp 900w, https://assets.fabulous.ch/public/variant_asset/785/file/large-477e9bd595677896021e4b5a435ad80e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/785/file/medium-1167f74fd3c74c09fb476f7af7119b91.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/beurre-de-cacahuete-fin-terrasana-bio-250-g-date-limite-06-01-2027-22652">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beurre de cacahuète fin Terrasana Bio, 250 g (Date limite 06.01.2027)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.10</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22652&quot;],&quot;content_name&quot;:&quot;Beurre de cacahuète fin Terrasana Bio, 250 g (Date limite 06.01.2027)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22652&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fgPj3PSb901lxbhf-ePLIWqnNJzhP5Y-E-k_30Sud0fgDyDRBRBZzFVsk3dPTlCXMZvTy53nR80qZZMuRCHJzA" />
    <input value="22652" 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%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D205">
    <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">
    29 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/barre-lovechock-tout-amour-hibiscus-cacao-nibs-chocolat-bio-40-g-date-limite-06-12-2026-22653">
          <img alt="Barre Lovechock Tout Amour Hibiscus Cacao Nibs Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6812/file/small-16cdbec42e835c5575abbfe3793e5089.webp 600w, https://assets.fabulous.ch/public/variant_asset/6812/file/medium-a2f56305306249e6f84f7467f7658493.webp 900w, https://assets.fabulous.ch/public/variant_asset/6812/file/large-4072ae762e91103c5580cf90e962bb8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6812/file/medium-a2f56305306249e6f84f7467f7658493.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">Lovechock</p>
          <a href="/fr/products/barre-lovechock-tout-amour-hibiscus-cacao-nibs-chocolat-bio-40-g-date-limite-06-12-2026-22653">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Barre Lovechock Tout Amour Hibiscus Cacao Nibs Chocolat Bio, 40 g (Date limite 06.12.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.75</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.65</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-22653-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22653&quot;],&quot;content_name&quot;:&quot;Barre Lovechock Tout Amour Hibiscus Cacao Nibs Chocolat Bio, 40 g (Date limite 06.12.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22653&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T8cBANBjS_oVZXDCaHoJqJR2ijvv-mFaXAyfOnsc8KzRy8INIejleyXMW-re15Iez0ptbJMisKllgDPLe5NOJw" />
    <input value="22653" 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%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D205">
    <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">
    30 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/mix-pour-pate-a-pizza-sans-gluten-bio-350-g-date-limite-07-12-2026-22654">
          <img alt="Mix pour Pâte à Pizza  Sans Gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1705/file/small-9334cb4358510ceef66283ac634fb7a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/1705/file/medium-ee366ed16cb4e39af76f28c661ff1e3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1705/file/large-778e57bc0ac2c4f659fa815cfb103127.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1705/file/medium-ee366ed16cb4e39af76f28c661ff1e3a.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">Bauckhof</p>
          <a href="/fr/products/mix-pour-pate-a-pizza-sans-gluten-bio-350-g-date-limite-07-12-2026-22654">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mix pour Pâte à Pizza  Sans Gluten Bio, 350 g (Date limite 07.12.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.00</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 1.43 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22654&quot;],&quot;content_name&quot;:&quot;Mix pour Pâte à Pizza  Sans Gluten Bio, 350 g (Date limite 07.12.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22654&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lGZJjyGtj4NCB3RjoWdXbiYyExa-182VlTl2b2MvPXIKaoqC0CYhAnKuX0sXyszYfQ70QcIPHGastdqeY6CD-Q" />
    <input value="22654" 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%2Fwaterlovers%3Fformat%3Dturbo_stream%26page%3D205">
    <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">
    30 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/farine-de-mais-bio-500-g-date-limite-07-12-2026-22655">
          <img alt="Farine 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/5488/file/small-886a726a1c776a090bda9d7b0a1c8512.webp 600w, https://assets.fabulous.ch/public/variant_asset/5488/file/medium-d8318fba5a54e88efefb8d3ce68be67c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5488/file/large-215b0575866c06f5254e16ca00870066.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5488/file/medium-d8318fba5a54e88efefb8d3ce68be67c.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">Biofarm</p>
          <a href="/fr/products/farine-de-mais-bio-500-g-date-limite-07-12-2026-22655">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Farine de maïs Bio, 500 g (Date limite 07.12.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 3.45</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22655&quot;],&quot;content_name&quot;:&quot;Farine de maïs Bio, 500 g (Date limite 07.12.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22655&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B3ZDcf5Pgckdh3-sxxP_u4bqnCcXsfo-Amu-uaZwNT2ZeoB8D8QvSC0uVIRxvmQN3dZ7cGtpK8075xJIpv-Ltg" />
    <input value="22655" 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">
      4&#39;100 sur 4&#39;135 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/waterlovers?format=turbo_stream&amp;page=206">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>