<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%3D204">
    <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/treets-crispy-boules-croustillantes-215-g-28edfea7-f23f-41ac-a886-fd7a0b3087f1-22370">
          <img alt="Treets Crispy Boules Croustillantes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11823/file/small-3a972863df93b4b2b92dd4939b1c2102.webp 600w, https://assets.fabulous.ch/public/variant_asset/11823/file/medium-b70303768f7e4762d305b4a3b5686f72.webp 900w, https://assets.fabulous.ch/public/variant_asset/11823/file/large-fd7aef9a168451a26b880c9ad7f19d62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11823/file/medium-b70303768f7e4762d305b4a3b5686f72.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-crispy-boules-croustillantes-215-g-28edfea7-f23f-41ac-a886-fd7a0b3087f1-22370">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Treets Crispy Boules Croustillantes, 215 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22370&quot;],&quot;content_name&quot;:&quot;Treets Crispy Boules Croustillantes, 215 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22370&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vZOhGMBUnccEPhbVbgVzrveEuWEwYveFKdAR7CH1B8w86HxOnzBv46kEWLjGLQH_dHd-4R2Yfrd3TRFc1OpGCA" />
    <input value="22370" 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%3D204">
    <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">
    15 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/masque-en-tissu-hydratant-1-pcs-1-piece-date-limite-31-12-2026-22371">
          <img alt="Masque en tissu hydratant, 1 Pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5410/file/small-ab0e21b4ef640255d3cea8b3d0442cf5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5410/file/medium-8db75c55434f1528ba31ebbd8afd805e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5410/file/large-f4d56ad04a62d3abfb3ddf7553e708e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5410/file/medium-8db75c55434f1528ba31ebbd8afd805e.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/masque-en-tissu-hydratant-1-pcs-1-piece-date-limite-31-12-2026-22371">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Masque en tissu hydratant, 1 Pcs, 1 pièce (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 6.15</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.25</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22371&quot;],&quot;content_name&quot;:&quot;Masque en tissu hydratant, 1 Pcs, 1 pièce (Date limite 31.12.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22371&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GjeYpqloJdTgExpoMLrhtXGuO9PJqgPXs4MUNTo7kBybTEXw9gzX8E0pVAWYkpPk8l38U-RQiuXtHhSFzyTR2A" />
    <input value="22371" 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%3D204">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    40 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pill-cosmetics-fluide-nettoyant-apaisant-aux-prebiotiques-200ml-200-ml-date-limite-30-11-2026-22388">
          <img alt="Pill Cosmetics – Fluide nettoyant apaisant aux prébiotiques 200ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6410/file/small-1a14a7123f9e0f86460203bdcec19e69.webp 600w, https://assets.fabulous.ch/public/variant_asset/6410/file/medium-9d784f65e01db497c40a9f1f241c9ccd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6410/file/large-abca9de446cc6d9873959faab2ad08d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6410/file/medium-9d784f65e01db497c40a9f1f241c9ccd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetics-fluide-nettoyant-apaisant-aux-prebiotiques-200ml-200-ml-date-limite-30-11-2026-22388">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmetics – Fluide nettoyant apaisant aux prébiotiques 200ml, 200 ml (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 27.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 16.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22388&quot;],&quot;content_name&quot;:&quot;Pill Cosmetics – Fluide nettoyant apaisant aux prébiotiques 200ml, 200 ml (Date limite 30.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22388&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CNRLQGaMOlk83e7FKGz_C1y3OvJB3tdX4uegwQci4ryJr5YWOejIfZHnoKiARI1a30T9cmwkXmW8eqBx8j2jeA" />
    <input value="22388" 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%3D204">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    40 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pill-cosmetique-tonique-micellaire-clarifiant-200-ml-date-limite-30-11-2026-22389">
          <img alt="Pill Cosmétique - Tonique micellaire clarifiant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6422/file/small-b0e9003ed985c0953b8ebef2b5782e27.webp 600w, https://assets.fabulous.ch/public/variant_asset/6422/file/medium-6cd6707051dac5b235b035f66bc94ab0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6422/file/large-d4c59c1c5d6b8514bfa4f40fcf1f018d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6422/file/medium-6cd6707051dac5b235b035f66bc94ab0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pill Apotheken &amp; Drogerien</p>
          <a href="/fr/products/pill-cosmetique-tonique-micellaire-clarifiant-200-ml-date-limite-30-11-2026-22389">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmétique - Tonique micellaire clarifiant, 150 ml (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 26.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 16.00</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22389&quot;],&quot;content_name&quot;:&quot;Pill Cosmétique - Tonique micellaire clarifiant, 150 ml (Date limite 30.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22389&quot;,&quot;quantity&quot;:1}],&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="6M9360IN2jmoddgI_lnaf9zWGST-RfmvvmfxzZbOax5ptKq9HWkoHQVPlmVWcaguXyXepNO_cJ3g-vF9Y9Eq2g" />
    <input value="22389" 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%3D204">
    <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">
    14 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bbq-jackfruit-200-g-date-limite-07-12-2026-22416">
          <img alt="BBQ Jackfruit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7212/file/small-d2770f718ca1338eda22e46b24252230.webp 600w, https://assets.fabulous.ch/public/variant_asset/7212/file/medium-ae9ca3450464c12367a07bc37db2f0de.webp 900w, https://assets.fabulous.ch/public/variant_asset/7212/file/large-f11cea53e8b5db1e4334a09fcaa51811.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7212/file/medium-ae9ca3450464c12367a07bc37db2f0de.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">Nature&#39;s Charm</p>
          <a href="/fr/products/bbq-jackfruit-200-g-date-limite-07-12-2026-22416">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BBQ Jackfruit, 200 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 3.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.25</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22416&quot;],&quot;content_name&quot;:&quot;BBQ Jackfruit, 200 g (Date limite 07.12.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22416&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TETMGZU1n9CQpCuq3M1vabdF50s_M9GiU9n04P3lbOrNPxFPylFt9D2eZcd05R04NLYgyxLJWJANRPRQCPotLg" />
    <input value="22416" 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%3D204">
    <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/pates-vegetaliennes-pour-enfants-demeter-250-g-date-limite-04-12-2026-22426">
          <img alt="Pâtes Végétaliennes pour Enfants Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3770/file/small-1bd7d52795aad6413d73cef705a4b42d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3770/file/medium-22986ffdcd229d2163fbcfd61fa427a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3770/file/large-ae4fe75440c01bd4a1aad496e3afb57b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3770/file/medium-22986ffdcd229d2163fbcfd61fa427a5.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/pates-vegetaliennes-pour-enfants-demeter-250-g-date-limite-04-12-2026-22426">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pâtes Végétaliennes pour Enfants Demeter, 250 g (Date limite 04.12.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.08 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22426&quot;],&quot;content_name&quot;:&quot;Pâtes Végétaliennes pour Enfants Demeter, 250 g (Date limite 04.12.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22426&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YmXWDBiWRc9rjYp0hIgV4DTxY-pTnRHKnJZRbp7vYtLjHgtaR_K368a3xBksoGextwKkan5nmPjCC1Hea_AjFg" />
    <input value="22426" 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%3D204">
    <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/cafe-yannoh-instant-alternative-au-cafe-recharge-bio-250-g-date-limite-30-11-2026-22427">
          <img alt="Café Yannoh Instant Alternative au café Recharge, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3685/file/small-d3acda8175c8aecbf4409341861801c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3685/file/medium-96cd2f3cb51eeca94fee0445738e475b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3685/file/large-0956679896b987b3254c9945cf0132c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3685/file/medium-96cd2f3cb51eeca94fee0445738e475b.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/cafe-yannoh-instant-alternative-au-cafe-recharge-bio-250-g-date-limite-30-11-2026-22427">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Café Yannoh Instant Alternative au café Recharge, Bio, 250 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 14.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 11.50</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22427&quot;],&quot;content_name&quot;:&quot;Café Yannoh Instant Alternative au café Recharge, Bio, 250 g (Date limite 30.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22427&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LBt7VyiF-6YW9poJxOFBWG0LS88GPILYFS7CSnfkRYStYKYBd-EJgrvM1GRsyTMJ7viMTyvGC-pLs8L6gvsEQA" />
    <input value="22427" 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%3D204">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/copy-of-dattes-medjool-en-gros-bio-5-kg-22447">
          <img alt="COPY OF Dattes Medjool en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/12112/file/small-12e1a8c44b8a03d5ac13123c6b45fe38.webp 600w, https://assets.fabulous.ch/public/variant_asset/12112/file/medium-8f1bcb48cd507f9de402e1c26495b5b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/12112/file/large-67843789301a190e9b89d6f6e46f35e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/12112/file/medium-8f1bcb48cd507f9de402e1c26495b5b2.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">Bio Grosshandel</p>
          <a href="/fr/products/copy-of-dattes-medjool-en-gros-bio-5-kg-22447">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">COPY OF Dattes Medjool en gros Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 99.90
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       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%3D204">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    40 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/playful-pup-friandises-de-bien-etre-pour-chiens-100-g-date-limite-20-11-2026-22478">
          <img alt="Playful Pup! Friandises de bien-être pour chiens" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6156/file/small-f037471c10c9cac47825ac2adf35b25d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6156/file/medium-333b6f4f3a79aadfbdcafe0773bf95fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/6156/file/large-f9d219325e1cd63d6b5297bba67d0568.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6156/file/medium-333b6f4f3a79aadfbdcafe0773bf95fe.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">HOWND</p>
          <a href="/fr/products/playful-pup-friandises-de-bien-etre-pour-chiens-100-g-date-limite-20-11-2026-22478">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Playful Pup! Friandises de bien-être pour chiens, 100 g (Date limite 20.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.80</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22478&quot;],&quot;content_name&quot;:&quot;Playful Pup! Friandises de bien-être pour chiens, 100 g (Date limite 20.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22478&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7DiO9-FI4VNA5_VXYLZn5INdwpu3XKgIxKNG8yGHGCNtQ1OhviwTd-3duzrInhW1AK4FG5qmITqaPkZD1JhZ5w" />
    <input value="22478" 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%3D204">
    <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/margarine-bio-alsan-une-alternative-vegetalienne-au-beurre-250-g-22484">
          <img alt="Margarine bio Alsan – Une alternative végétalienne au beurre" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11907/file/small-2b104ab10e9ab5841acaedc7153b5ca0.webp 600w, https://assets.fabulous.ch/public/variant_asset/11907/file/medium-0ee221dc90e0cbb359cfeefa2e025668.webp 900w, https://assets.fabulous.ch/public/variant_asset/11907/file/large-deda8781976dbd451f85c9d8b395dad3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11907/file/medium-0ee221dc90e0cbb359cfeefa2e025668.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">Alsan BIO</p>
          <a href="/fr/products/margarine-bio-alsan-une-alternative-vegetalienne-au-beurre-250-g-22484">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Margarine bio Alsan – Une alternative végétalienne au beurre, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération critique nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.12 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22484&quot;],&quot;content_name&quot;:&quot;Margarine bio Alsan – Une alternative végétalienne au beurre, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22484&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vrZu_0Cpuy4-XDO5Iho5khgdPE5PNmvdWUxnMWhr9Dg_zbOpH81JCpNmfdSKMkvDm-77zmLM4u8H0WeBnXS1_A" />
    <input value="22484" 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%3D204">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    40 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/nouilles-biang-biang-bio-300-g-date-limite-21-11-2026-22490">
          <img alt="Nouilles Biang Biang Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7757/file/small-74ed7c5f4160c3dc71fec91af31f1aa9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7757/file/medium-3b666f2ec271fb61258e7335f119d317.webp 900w, https://assets.fabulous.ch/public/variant_asset/7757/file/large-508e95706ae5e69e4d3d34f77fe47467.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7757/file/medium-3b666f2ec271fb61258e7335f119d317.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">Just Taste</p>
          <a href="/fr/products/nouilles-biang-biang-bio-300-g-date-limite-21-11-2026-22490">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nouilles Biang Biang Bio, 300 g (Date limite 21.11.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.65</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22490&quot;],&quot;content_name&quot;:&quot;Nouilles Biang Biang Bio, 300 g (Date limite 21.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22490&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="98KZbmeYofq2CDuQZ2OFKF4vCjUCYzh5RuxG1MynVpp2uUQ4OPxT3hsydf3PS_d53dzNtS-ZsUsYcUZkObgXXg" />
    <input value="22490" 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%3D204">
    <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/myey-alternative-au-blanc-d-oeuf-bio-5-x-200-g-22505">
          <img alt="MyEy Alternative au blanc d&#39;œuf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11930/file/small-454cb54054a43e7fb16054968ae6a761.webp 600w, https://assets.fabulous.ch/public/variant_asset/11930/file/medium-7b89bb9d1a63a29cb8bdeb7430ffc024.webp 900w, https://assets.fabulous.ch/public/variant_asset/11930/file/large-79b968385b5dbb88b33358cb4154ca6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11930/file/medium-7b89bb9d1a63a29cb8bdeb7430ffc024.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">MyEy</p>
          <a href="/fr/products/myey-alternative-au-blanc-d-oeuf-bio-5-x-200-g-22505">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">MyEy Alternative au blanc d&#39;œuf Bio, 5 x 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 70.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22505&quot;],&quot;content_name&quot;:&quot;MyEy Alternative au blanc d&#39;œuf Bio, 5 x 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22505&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:70.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="em9vix4eXa6zJ8PVU63QBROUOwJs8qg7bim1c8XD4KD7FLLdQXqvih4djbj7haJUkGf8gkEIIQkwtLXDMNyhZA" />
    <input value="22505" 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%3D204">
    <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/myey-substitut-oeuf-jeune-bio-5-x-200-g-22506">
          <img alt="MyEy Substitut oeuf jeune Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11931/file/small-6e7652a24f171fb1830745130aecdb4f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11931/file/medium-218348c19c29b8e3a646544850a56234.webp 900w, https://assets.fabulous.ch/public/variant_asset/11931/file/large-0170350c97948b12d6315a767c411168.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11931/file/medium-218348c19c29b8e3a646544850a56234.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">MyEy</p>
          <a href="/fr/products/myey-substitut-oeuf-jeune-bio-5-x-200-g-22506">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">MyEy Substitut oeuf jeune Bio, 5 x 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 70.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22506&quot;],&quot;content_name&quot;:&quot;MyEy Substitut oeuf jeune Bio, 5 x 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22506&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:70.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rOLIaBgxGSmjtZq_YFweRHJtHtzHNzsQvzHCzowT1zYtmRU-R1XrDQ6P1NLIdGwV8Z7ZXOrNsiLhrMJ-eQyW8g" />
    <input value="22506" 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%3D204">
    <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/schlagfix-creme-fouettee-en-bombe-200-ml-date-limite-23-11-2026-22509">
          <img alt="Schlagfix Crème Fouettée en bombe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1046/file/small-796eb35e911ceb8a31e63a5a0bba70ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/1046/file/medium-5a99181eb9254483eb20d8227aaffb09.webp 900w, https://assets.fabulous.ch/public/variant_asset/1046/file/large-05f803175d59edb7eebd9148132368df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1046/file/medium-5a99181eb9254483eb20d8227aaffb09.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">Schlagfix</p>
          <a href="/fr/products/schlagfix-creme-fouettee-en-bombe-200-ml-date-limite-23-11-2026-22509">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schlagfix Crème Fouettée en bombe, 200 ml (Date limite 23.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.80</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 1.90 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22509&quot;],&quot;content_name&quot;:&quot;Schlagfix Crème Fouettée en bombe, 200 ml (Date limite 23.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22509&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="Q7mvYTlkokzh3mnr9QjbdaG_k3rjck1hqYbEeTcsBKnCwnI3ZgBQaEzkJ4ZdIKkkIkxU-s6IxFP3G8TJwjNFbQ" />
    <input value="22509" 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%3D204">
    <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/chapelure-mais-sans-gluten-sans-levure-bio-200-g-b-ware-22550">
          <img alt="Chapelure Maïs Sans Gluten Sans Levure Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2978/file/small-4b2792ac4fc2323e030fafe9774f0a66.webp 600w, https://assets.fabulous.ch/public/variant_asset/2978/file/medium-c9166df195a0f9a2226ff21804e7b991.webp 900w, https://assets.fabulous.ch/public/variant_asset/2978/file/large-7d452061eae11ae2cd3672dc8849ebf7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2978/file/medium-c9166df195a0f9a2226ff21804e7b991.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/chapelure-mais-sans-gluten-sans-levure-bio-200-g-b-ware-22550">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chapelure Maïs Sans Gluten Sans Levure Bio, 200 g (B-Ware)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.60</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22550&quot;],&quot;content_name&quot;:&quot;Chapelure Maïs Sans Gluten Sans Levure Bio, 200 g (B-Ware)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22550&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="29eS3exrC4YpN2z7zPFKbZlRNpL4Xp5bFyRH7AOwef1arE-Lsw_5ooQNIpZk2Tg8GqLxEtWkF2lJuUdc9q84OQ" />
    <input value="22550" 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%3D204">
    <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/cafe-bonga-red-mountain-capsules-de-cafe-espresso-bio-10-capsules-100-capsules-22560">
          <img alt="Café Bonga Red Mountain Capsules de café Espresso Bio, 10 capsules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11981/file/small-d717f9d71ab9e8ff769da3db92d36d43.webp 600w, https://assets.fabulous.ch/public/variant_asset/11981/file/medium-ade02dfb5c7a9816950d051b8a455f87.webp 900w, https://assets.fabulous.ch/public/variant_asset/11981/file/large-8fab4d09db77deffdc8651f77b54a1ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11981/file/medium-ade02dfb5c7a9816950d051b8a455f87.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">Original Food</p>
          <a href="/fr/products/cafe-bonga-red-mountain-capsules-de-cafe-espresso-bio-10-capsules-100-capsules-22560">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Café Bonga Red Mountain Capsules de café Espresso Bio, 10 capsules, 100 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 58.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22560&quot;],&quot;content_name&quot;:&quot;Café Bonga Red Mountain Capsules de café Espresso Bio, 10 capsules, 100 capsules&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22560&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:58.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4vMCLOeojhu0LdsRykboIOZjeBqNZkdjRDFRIXWxkgRjiN96uMx8PxkXlXxibppxZZC_mqCczlEarFGRgK7TwA" />
    <input value="22560" 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%3D204">
    <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/cafe-bonga-red-mountain-capsules-de-cafe-ristretto-bio-100-capsules-22562">
          <img alt="Café Bonga Red Mountain Capsules de café Ristretto Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11983/file/small-ebd55fd2ecdff5804ae58c9bc0a2f121.webp 600w, https://assets.fabulous.ch/public/variant_asset/11983/file/medium-5d6815131ee2ef47282f7759c313cff1.webp 900w, https://assets.fabulous.ch/public/variant_asset/11983/file/large-1cb9dc48e2a2a22f657f0734a27e4406.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11983/file/medium-5d6815131ee2ef47282f7759c313cff1.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">Original Food</p>
          <a href="/fr/products/cafe-bonga-red-mountain-capsules-de-cafe-ristretto-bio-100-capsules-22562">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Café Bonga Red Mountain Capsules de café Ristretto Bio, 100 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 58.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22562&quot;],&quot;content_name&quot;:&quot;Café Bonga Red Mountain Capsules de café Ristretto Bio, 100 capsules&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22562&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:58.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NqVgIej3i_lHVwHJaWTWzIENeMyOewaShUvip8CgoUS33r13t5N53eptT6TBTKSdAv6_TKOBj6Db1uIXNb_ggA" />
    <input value="22562" 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%3D204">
    <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/kombucha-urban-the-vert-et-gingembre-bio-330-ml-22569">
          <img alt="Kombucha Urban thé vert et gingembre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11989/file/small-7cf0d1503886022f17bb3b5b88f62169.webp 600w, https://assets.fabulous.ch/public/variant_asset/11989/file/medium-e3b73099759a04675f73aa99091b44ba.webp 900w, https://assets.fabulous.ch/public/variant_asset/11989/file/large-fac613b33bcd1c433a65a759e43762a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11989/file/medium-e3b73099759a04675f73aa99091b44ba.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">Urban Kombucha</p>
          <a href="/fr/products/kombucha-urban-the-vert-et-gingembre-bio-330-ml-22569">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Urban thé vert et gingembre Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22569&quot;],&quot;content_name&quot;:&quot;Kombucha Urban thé vert et gingembre Bio, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22569&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="36RScFlQL6DK_UFWKWjrhyqhs5jNCOx8XERdZg6UQvZe348mBjTdhGfHDzuBQJnWqVJ0GODyZU4C2V3W-4sDMg" />
    <input value="22569" 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%3D204">
    <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/kombucha-urban-darjeeling-d-origine-bio-330-ml-22571">
          <img alt="Kombucha Urban Darjeeling d&#39;origine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11991/file/small-c16844cc1b3cd5087289e7cfa04ba44f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11991/file/medium-b54d80f2ef7c287c50889222acaa7b12.webp 900w, https://assets.fabulous.ch/public/variant_asset/11991/file/large-b6e5264d367b00633e14ae0bb9879f26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11991/file/medium-b54d80f2ef7c287c50889222acaa7b12.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">Urban Kombucha</p>
          <a href="/fr/products/kombucha-urban-darjeeling-d-origine-bio-330-ml-22571">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Urban Darjeeling d&#39;origine Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22571&quot;],&quot;content_name&quot;:&quot;Kombucha Urban Darjeeling d&#39;origine Bio, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22571&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="iRgXHwANrfA5jr6dnDkDHvwHyhEOAvPJQg-cZilCtp8IY8pJX2lf1JS08PA0EXFPf_QNkSP4evsckpzW3F33Ww" />
    <input value="22571" 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%3D204">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/barre-proteinee-saveur-peanut-butter-fudge-50-g-22572">
          <img alt="Barre Protéinée Saveur Peanut Butter Fudge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11993/file/small-2fa43d7bd1e052a9e47bbdc6f334cdb1.webp 600w, https://assets.fabulous.ch/public/variant_asset/11993/file/medium-e9fc9d217b482c7eba615cd03bdf51e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/11993/file/large-9a90715435dfade33e5ba9d7d8f8d698.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11993/file/medium-e9fc9d217b482c7eba615cd03bdf51e6.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">Misfits</p>
          <a href="/fr/products/barre-proteinee-saveur-peanut-butter-fudge-50-g-22572">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Barre Protéinée Saveur Peanut Butter Fudge, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>



</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;080 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=205">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>