<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%2Fnahrungserganzung%3Fformat%3Dturbo_stream%26page%3D185">
    <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/dj-a-gousses-d-ail-croustillantes-45-g-date-limite-15-10-2026-22192">
          <img alt="DJ&amp;A Gousses d&#39;Ail Croustillantes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7278/file/small-ce73b0e07606d58976ee105425029eba.webp 600w, https://assets.fabulous.ch/public/variant_asset/7278/file/medium-b751d56a309f4ef8d411b793de91fd16.webp 900w, https://assets.fabulous.ch/public/variant_asset/7278/file/large-69a5ef3a9f489dce4f7580a47af4e1cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7278/file/medium-b751d56a309f4ef8d411b793de91fd16.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">DJ&amp;A</p>
          <a href="/fr/products/dj-a-gousses-d-ail-croustillantes-45-g-date-limite-15-10-2026-22192">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">DJ&amp;A Gousses d&#39;Ail Croustillantes, 45 g (Date limite 15.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.70</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22192&quot;],&quot;content_name&quot;:&quot;DJ\u0026A Gousses d&#39;Ail Croustillantes, 45 g (Date limite 15.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22192&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R2sJPtQrwJe3s3sgoPek5qW569lghYnpKF8vHH_RzI6MbD_pfDo6CMWv1VXnkGcAb3JxaCwKf-xHImWL_5l-8w" />
    <input value="22192" 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%2Fnahrungserganzung%3Fformat%3Dturbo_stream%26page%3D185">
    <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">
    25 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vegdog-birthday-cookies-edition-limitee-400-g-date-limite-17-10-2026-22238">
          <img alt="VEGDOG Birthday Cookies Édition Limitée" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7153/file/small-2c604407c27d61fe6087152ed145860b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7153/file/medium-03077144fe9667c2db8ba4210093b699.webp 900w, https://assets.fabulous.ch/public/variant_asset/7153/file/large-1d0558259d3f130ffd5e5ac33bc0ae15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7153/file/medium-03077144fe9667c2db8ba4210093b699.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">VEGDOG</p>
          <a href="/fr/products/vegdog-birthday-cookies-edition-limitee-400-g-date-limite-17-10-2026-22238">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">VEGDOG Birthday Cookies Édition Limitée, 400 g (Date limite 17.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.20</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22238&quot;],&quot;content_name&quot;:&quot;VEGDOG Birthday Cookies Édition Limitée, 400 g (Date limite 17.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22238&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qwOWhxfTiLmL3baBfrK_qjjtHV4bNWkGu-meZBj_GxxgBKBQv8JyJvnBGPQ51XxM8iaH71e6nwPUlNTzmLepYQ" />
    <input value="22238" 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%2Fnahrungserganzung%3Fformat%3Dturbo_stream%26page%3D185">
    <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/earl-piccante-sauce-315-ml-22240">
          <img alt="Earl Piccante Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11731/file/small-db88026bba0d6e36cbf39d716fa1e2b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/11731/file/medium-06aee81ce4ef867ac4d85ed8fc468ca2.webp 900w, https://assets.fabulous.ch/public/variant_asset/11731/file/large-eaa3238684cef12b7fee2f2c97e6f55b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11731/file/medium-06aee81ce4ef867ac4d85ed8fc468ca2.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">BUFIS</p>
          <a href="/fr/products/earl-piccante-sauce-315-ml-22240">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Earl Piccante Sauce, 315 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22240&quot;],&quot;content_name&quot;:&quot;Earl Piccante Sauce, 315 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22240&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pPH2BCAy2FbnwOB2m0Fr8RNFG9MGwfiVLtAI0km73J1v9sDTiCMiyZXcTgPcJqgX2Y6BYkpODpBBrUJFyfNu4A" />
    <input value="22240" 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%2Fnahrungserganzung%3Fformat%3Dturbo_stream%26page%3D185">
    <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/vitamine-b12-pour-enfants-methyl-3-1-g-120-comprimes-a-croquer-date-limite-31-10-2026-22285">
          <img alt="Vitamine B12 pour enfants méthyl 3.1μg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4053/file/small-a57d46368ecf90aeec162e51157c604c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4053/file/medium-7109ef8d5af09dcacb8432c0766db847.webp 900w, https://assets.fabulous.ch/public/variant_asset/4053/file/large-716d0851269123ddbbdd25150a240214.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4053/file/medium-7109ef8d5af09dcacb8432c0766db847.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bjökovit</p>
          <a href="/fr/products/vitamine-b12-pour-enfants-methyl-3-1-g-120-comprimes-a-croquer-date-limite-31-10-2026-22285">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitamine B12 pour enfants méthyl 3.1μg, 120 comprimés à croquer (Date limite 31.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 24.30</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 0.20 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22285&quot;],&quot;content_name&quot;:&quot;Vitamine B12 pour enfants méthyl 3.1μg, 120 comprimés à croquer (Date limite 31.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22285&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="1kjWoK_MUtk5PNM9W1UWUcQmR83D1lBXHg3Z7_c1098dT-B3B92oRksgfUgcMtW3Du3dfI9ZplJxcJN4d31hog" />
    <input value="22285" 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%2Fnahrungserganzung%3Fformat%3Dturbo_stream%26page%3D185">
    <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">
    24 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/praline-gottlieber-huppen-4-x-15-g-date-limite-20-10-2026-22287">
          <img alt="Praliné Gottlieber Hüppen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7794/file/small-f4d99b92fef4ba49f5c993f6045c9ddc.webp 600w, https://assets.fabulous.ch/public/variant_asset/7794/file/medium-af4d717beb9588929ea0cd60befc21d9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7794/file/large-26a87d719dc045b9954db8233c004076.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7794/file/medium-af4d717beb9588929ea0cd60befc21d9.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">Gottlieber Hüppen</p>
          <a href="/fr/products/praline-gottlieber-huppen-4-x-15-g-date-limite-20-10-2026-22287">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Praliné Gottlieber Hüppen, 4 x 15 g (Date limite 20.10.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.55</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22287&quot;],&quot;content_name&quot;:&quot;Praliné Gottlieber Hüppen, 4 x 15 g (Date limite 20.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22287&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5Z08nRDmVbd4YzlcYTMar67oYa0SznrRkrfj2hy89-YumgpKuPevKAp_lykmVNlJZCP7HF5BjNT9yqlNnPRFmw" />
    <input value="22287" 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%2Fnahrungserganzung%3Fformat%3Dturbo_stream%26page%3D185">
    <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/jardin-de-fruits-baie-sauvage-bio-225-g-date-limite-23-10-2026-22289">
          <img alt="Jardin de fruits Baie sauvage Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4473/file/small-9d5ff68ca633fe0ba1637666a8d09d8f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4473/file/medium-8ad1b67508026472236e54f70ce44ea4.webp 900w, https://assets.fabulous.ch/public/variant_asset/4473/file/large-57d377c842ee84aa2a3943e1e0351502.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4473/file/medium-8ad1b67508026472236e54f70ce44ea4.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">Zwergenwiese</p>
          <a href="/fr/products/jardin-de-fruits-baie-sauvage-bio-225-g-date-limite-23-10-2026-22289">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jardin de fruits Baie sauvage Bio, 225 g (Date limite 23.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.15</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22289&quot;],&quot;content_name&quot;:&quot;Jardin de fruits Baie sauvage Bio, 225 g (Date limite 23.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22289&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MmHaH2ljXZkxQiBeypCP4LJ8c1ZG6ZqhxgJhNrGnSYT5ZuzIwXKnBkNejiuN90wGeLfp5wpmbKSpfyuhMe_7-Q" />
    <input value="22289" 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%2Fnahrungserganzung%3Fformat%3Dturbo_stream%26page%3D185">
    <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">
    32 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/chips-biosaurus-babe-ketchup-bio-50-g-date-limite-17-10-2026-22290">
          <img alt="Chips Biosaurus Babe Ketchup Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5161/file/small-5ea13d56ecd2fd766951891055a3b526.webp 600w, https://assets.fabulous.ch/public/variant_asset/5161/file/medium-b4d2557a8d423eedddfabad99f59893b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5161/file/large-6051789ddf94d2f02eccf3d58f77dfe0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5161/file/medium-b4d2557a8d423eedddfabad99f59893b.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">BioSaurus</p>
          <a href="/fr/products/chips-biosaurus-babe-ketchup-bio-50-g-date-limite-17-10-2026-22290">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chips Biosaurus Babe Ketchup Bio, 50 g (Date limite 17.10.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.00</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22290&quot;],&quot;content_name&quot;:&quot;Chips Biosaurus Babe Ketchup Bio, 50 g (Date limite 17.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22290&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qUif1nvmyGGrUZnra-yIrI5UdJdH9jxoHSa1b-jfvV1iT6kB0_cy_tlNN54si0tKRJ_uJgt5ym1yW__4aJcPIA" />
    <input value="22290" 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%2Fnahrungserganzung%3Fformat%3Dturbo_stream%26page%3D185">
    <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/le-pain-des-fleurs-oignon-bio-150-g-date-limite-23-10-2026-22291">
          <img alt="Le pain des fleurs Oignon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6606/file/small-8b56daf7f92516a9d9beb1d913603bb0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6606/file/medium-95522a8648959a88ea4b03125b97c585.webp 900w, https://assets.fabulous.ch/public/variant_asset/6606/file/large-375c63ea12b769ecfe4621ac6b073810.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6606/file/medium-95522a8648959a88ea4b03125b97c585.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">Le Pain des Fleurs</p>
          <a href="/fr/products/le-pain-des-fleurs-oignon-bio-150-g-date-limite-23-10-2026-22291">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Le pain des fleurs Oignon Bio, 150 g (Date limite 23.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.20</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22291&quot;],&quot;content_name&quot;:&quot;Le pain des fleurs Oignon Bio, 150 g (Date limite 23.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22291&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9NbHV362YGmwBj5Ha5ABe0rvDDly1blsID7ESU4YCw4_0fGA1qea9sIakDIs98KdgCSWiD5aT2lPQ47ezlC5cw" />
    <input value="22291" 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%2Fnahrungserganzung%3Fformat%3Dturbo_stream%26page%3D185">
    <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/chips-tortilla-trikkis-fuego-bites-bio-90-g-date-limite-16-10-2026-22292">
          <img alt="Chips Tortilla Trikkis Fuego Bites Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11175/file/small-7034332b73301a946e0c8e64ca280c35.webp 600w, https://assets.fabulous.ch/public/variant_asset/11175/file/medium-6c670675d46ec7e0e311409d46f99b27.webp 900w, https://assets.fabulous.ch/public/variant_asset/11175/file/large-9a48d9c29615301dd3c04d6db54506a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11175/file/medium-6c670675d46ec7e0e311409d46f99b27.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">MiAdelita</p>
          <a href="/fr/products/chips-tortilla-trikkis-fuego-bites-bio-90-g-date-limite-16-10-2026-22292">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chips Tortilla Trikkis Fuego Bites Bio, 90 g (Date limite 16.10.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 4.39 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22292&quot;],&quot;content_name&quot;:&quot;Chips Tortilla Trikkis Fuego Bites Bio, 90 g (Date limite 16.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22292&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m9hXNj9EXRrz8EB6m_sYsAt-7B1ShRA3RE0a2aKVxEJQ32Hhl1WnhYHs7g_cnNtWwbV2rB4K5jIrMFBOIt12Pw" />
    <input value="22292" 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%2Fnahrungserganzung%3Fformat%3Dturbo_stream%26page%3D185">
    <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">
    24 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/barre-roobar-chocolat-noisettes-bio-30-g-date-limite-26-10-2026-22299">
          <img alt="Barre Roobar Chocolat Noisettes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4021/file/small-041c9a13856d17cda721f2d6f5644782.webp 600w, https://assets.fabulous.ch/public/variant_asset/4021/file/medium-9c0aaf55746e75553913625bfd2c9496.webp 900w, https://assets.fabulous.ch/public/variant_asset/4021/file/large-79257857e6b15c091fb9941596e8b3ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4021/file/medium-9c0aaf55746e75553913625bfd2c9496.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">Roo&#39;Bar</p>
          <a href="/fr/products/barre-roobar-chocolat-noisettes-bio-30-g-date-limite-26-10-2026-22299">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Barre Roobar Chocolat Noisettes Bio, 30 g (Date limite 26.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 1.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.45</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22299&quot;],&quot;content_name&quot;:&quot;Barre Roobar Chocolat Noisettes Bio, 30 g (Date limite 26.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22299&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3S7Ykycvd9xAwOWpXUNf7Gjpm_EYEJsyzhwUv62He2sWKe5Ejz6NQzLcS9waJJwKoiIBQFSfbTehYV4oLc_JFg" />
    <input value="22299" 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%2Fnahrungserganzung%3Fformat%3Dturbo_stream%26page%3D185">
    <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/melange-de-noix-deluxe-avec-sale-2805-g-22301">
          <img alt="Mélange de noix Deluxe avec salé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11781/file/small-43271f2036999f5dff58a832c642781b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11781/file/medium-eb3035bed9415024ed2d277273ca0f26.webp 900w, https://assets.fabulous.ch/public/variant_asset/11781/file/large-08519b86cd974d9019d493eafea48461.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11781/file/medium-eb3035bed9415024ed2d277273ca0f26.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">Stoli GmbH</p>
          <a href="/fr/products/melange-de-noix-deluxe-avec-sale-2805-g-22301">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mélange de noix Deluxe avec salé, 2805 g</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 3.56 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22301&quot;],&quot;content_name&quot;:&quot;Mélange de noix Deluxe avec salé, 2805 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22301&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:99.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dpx-Udp7qC01I9-iyjEoQtO93_niP7ZXWfxKIquvUMfFm0iGcmpSskc_cdeNVuukGXZFSK6wQFI2gQC1K-fiug" />
    <input value="22301" 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%2Fnahrungserganzung%3Fformat%3Dturbo_stream%26page%3D185">
    <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/melange-de-noix-deluxe-non-sale-2805-g-22302">
          <img alt="Mélange de noix Deluxe non salé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11782/file/small-12fc67cd2eb1e31c147cd1ec238f9a21.webp 600w, https://assets.fabulous.ch/public/variant_asset/11782/file/medium-afea01ef404c81944b0912f8284e3b5c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11782/file/large-e73c23891354af7144a0829fb63d9b62.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11782/file/medium-afea01ef404c81944b0912f8284e3b5c.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">Stoli GmbH</p>
          <a href="/fr/products/melange-de-noix-deluxe-non-sale-2805-g-22302">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mélange de noix Deluxe non salé, 2805 g</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 3.56 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22302&quot;],&quot;content_name&quot;:&quot;Mélange de noix Deluxe non salé, 2805 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22302&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:99.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DQuot1Of7mpLiLTCQSpTVtNKFKHJboCUPnuHreWkx7PGDJ5g-44U9TmUGrcGTZCwGYGOEIXhdpFRBs06Zex1zg" />
    <input value="22302" 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%2Fnahrungserganzung%3Fformat%3Dturbo_stream%26page%3D185">
    <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/noix-au-sel-marin-2005-g-22303">
          <img alt="Noix au sel marin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11783/file/small-d1a900af2db4d17ec1038d2eedae24ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/11783/file/medium-4dd72a614a30f66f4ae9e66c422150dc.webp 900w, https://assets.fabulous.ch/public/variant_asset/11783/file/large-00e4d8c4475e895cb01b3af61a4f838e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11783/file/medium-4dd72a614a30f66f4ae9e66c422150dc.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">Stoli GmbH</p>
          <a href="/fr/products/noix-au-sel-marin-2005-g-22303">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noix au sel marin, 2005 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 84.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22303&quot;],&quot;content_name&quot;:&quot;Noix au sel marin, 2005 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22303&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:84.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fWDRsCeH1doTqJuJJawh5JDkrcpjcNzl-WXl0ZSbY2C2Z-dnj5YvRWG0Nfxiy-ICWi83ey__KuCWGK9GFNPRHQ" />
    <input value="22303" 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%2Fnahrungserganzung%3Fformat%3Dturbo_stream%26page%3D185">
    <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/noix-de-cajou-non-salees-2963-g-22304">
          <img alt="Noix de cajou non salées" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11784/file/small-debb60c489444b08bd275fb9357b70e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/11784/file/medium-83ffc1802b7e9e772be654f66950aeff.webp 900w, https://assets.fabulous.ch/public/variant_asset/11784/file/large-3e2710bdf9fdf01849d7a8aad0b4ce16.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11784/file/medium-83ffc1802b7e9e772be654f66950aeff.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">Stoli GmbH</p>
          <a href="/fr/products/noix-de-cajou-non-salees-2963-g-22304">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noix de cajou non salées, 2963 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 124.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22304&quot;],&quot;content_name&quot;:&quot;Noix de cajou non salées, 2963 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22304&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:124.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gEcqmz7buqtZjTpVl3CGILMJySvSbwalkiywC56zTpVLQBxMlspANCuRlCDQF0XGecJTmp7g8KD9UfqcHvv86A" />
    <input value="22304" 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%2Fnahrungserganzung%3Fformat%3Dturbo_stream%26page%3D185">
    <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/noix-de-cajou-au-sel-marin-2963-g-22305">
          <img alt="Noix de cajou au sel marin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11785/file/small-30f2a4cd63dccd9f688342baf03a8882.webp 600w, https://assets.fabulous.ch/public/variant_asset/11785/file/medium-dc4cbf0bf42ab21eece4f1a76433fc53.webp 900w, https://assets.fabulous.ch/public/variant_asset/11785/file/large-f4e06b22e37377edbb1d9a3684ad829c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11785/file/medium-dc4cbf0bf42ab21eece4f1a76433fc53.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">Stoli GmbH</p>
          <a href="/fr/products/noix-de-cajou-au-sel-marin-2963-g-22305">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noix de cajou au sel marin, 2963 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 124.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22305&quot;],&quot;content_name&quot;:&quot;Noix de cajou au sel marin, 2963 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22305&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:124.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BtdfXgT5WnrDMdkRwIt4Y9tDZDRfgcUKKdBjD1OBgFPN0GmJrOig5bEtd2SH7LuFEYj-hRMOMw9GrSmY08kyLg" />
    <input value="22305" 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%2Fnahrungserganzung%3Fformat%3Dturbo_stream%26page%3D185">
    <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/amandes-non-salees-3604-g-22306">
          <img alt="Amandes non salées" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11786/file/small-5bd34c2d8bf208491d7870e2b6b1dc00.webp 600w, https://assets.fabulous.ch/public/variant_asset/11786/file/medium-cd9c1e7bd23dd9f1420efe48ff8dca92.webp 900w, https://assets.fabulous.ch/public/variant_asset/11786/file/large-c958bb6cb522b5862a11aa0c75a5dda8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11786/file/medium-cd9c1e7bd23dd9f1420efe48ff8dca92.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">Stoli GmbH</p>
          <a href="/fr/products/amandes-non-salees-3604-g-22306">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amandes non salées, 3604 g</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.77 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22306&quot;],&quot;content_name&quot;:&quot;Amandes non salées, 3604 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22306&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:99.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2mJbAJ57cIg6d-jup0KVnCYYBHIdnpQp-ojxhNiocTkRZW3XNmqKF0hrRpvgJVZ67NOew1ERYiyV9bsTWODDRA" />
    <input value="22306" 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%2Fnahrungserganzung%3Fformat%3Dturbo_stream%26page%3D185">
    <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/amandes-au-sel-marin-3604-g-22307">
          <img alt="Amandes au sel marin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11787/file/small-ac87ede1c9db5ef43fa892cfba4f02a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/11787/file/medium-45e41b2915cdbcbe35ed0e45b022c0b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/11787/file/large-4ba0c96971d850593ade2ce2af4b45ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11787/file/medium-45e41b2915cdbcbe35ed0e45b022c0b5.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">Stoli GmbH</p>
          <a href="/fr/products/amandes-au-sel-marin-3604-g-22307">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amandes au sel marin, 3604 g</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.77 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22307&quot;],&quot;content_name&quot;:&quot;Amandes au sel marin, 3604 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22307&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:99.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yApfRsrAOnLPCq1PlVop_EKHQeU4Auhii4Nhk7KUzbMDDWmRYtHA7b0WAzrSPeoaiEzbVHSNHmfk_isEMtx_zg" />
    <input value="22307" 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%2Fnahrungserganzung%3Fformat%3Dturbo_stream%26page%3D185">
    <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/sauce-dessert-fondant-au-chocolat-et-a-la-noix-de-coco-200-g-date-limite-25-10-2026-22335">
          <img alt="Sauce dessert fondant au chocolat et à la noix de coco" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6590/file/small-05544b0cbdab676d6302d70ccb7472ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/6590/file/medium-f70eb24ab17375cb5d19b98d94345246.webp 900w, https://assets.fabulous.ch/public/variant_asset/6590/file/large-fa247406025a864cd83927f2ddb96818.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6590/file/medium-f70eb24ab17375cb5d19b98d94345246.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/sauce-dessert-fondant-au-chocolat-et-a-la-noix-de-coco-200-g-date-limite-25-10-2026-22335">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauce dessert fondant au chocolat et à la noix de coco, 200 g (Date limite 25.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.70</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22335&quot;],&quot;content_name&quot;:&quot;Sauce dessert fondant au chocolat et à la noix de coco, 200 g (Date limite 25.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22335&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nYMSIkYeNucXog7E5ypwoya194vKkPjx3QwbBqOxQrFWhCT17g_MeGW-oLGgTbNF7H5tOoYfDvSycVGRI_nwzA" />
    <input value="22335" 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%2Fnahrungserganzung%3Fformat%3Dturbo_stream%26page%3D185">
    <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/preparation-pour-pain-noir-sans-gluten-bio-500-g-date-limite-25-10-2026-22336">
          <img alt="Préparation pour Pain Noir 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/7632/file/small-88261c1fa4c54b6a9b6d853011c338a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7632/file/medium-6a7a73bbc1447504097338333e901150.webp 900w, https://assets.fabulous.ch/public/variant_asset/7632/file/large-21a50f860a38ea370ac334f138e36050.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7632/file/medium-6a7a73bbc1447504097338333e901150.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/preparation-pour-pain-noir-sans-gluten-bio-500-g-date-limite-25-10-2026-22336">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Préparation pour Pain Noir sans gluten Bio, 500 g (Date limite 25.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.60</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22336&quot;],&quot;content_name&quot;:&quot;Préparation pour Pain Noir sans gluten Bio, 500 g (Date limite 25.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22336&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R97Y6-b4-Gx-YMmdagGuOUUCiIa9A3J9UCgP5qGLUS2M2e48TukC8wx8Z-gtZm3fj8kSN_GMhHg_VUVxIcPjUA" />
    <input value="22336" 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%2Fnahrungserganzung%3Fformat%3Dturbo_stream%26page%3D185">
    <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">
    25 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/champs-barre-a-la-creme-de-coco-bio-38-g-date-limite-16-10-2026-22337">
          <img alt="Champs Barre à la Crème de Coco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7063/file/small-e1aff08deff6e74ad2822e506ef3cd4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7063/file/medium-b03c08f9e578361c8bcdfb3a989affb2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7063/file/large-7caaab1d20fb61d8b277a6cfc53baaad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7063/file/medium-b03c08f9e578361c8bcdfb3a989affb2.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">Champs</p>
          <a href="/fr/products/champs-barre-a-la-creme-de-coco-bio-38-g-date-limite-16-10-2026-22337">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Champs Barre à la Crème de Coco Bio, 38 g (Date limite 16.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.15</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22337&quot;],&quot;content_name&quot;:&quot;Champs Barre à la Crème de Coco Bio, 38 g (Date limite 16.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22337&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UxwB94uC6AYuMg0pmbiZc7CDTMSagGX5BNeCN01LdmGYGzcgI5MSmVwuo1ze31qVekjWddYPk_xrqsigzQPEHA" />
    <input value="22337" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



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

</template></turbo-stream>