<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%2Fnaturkosmetik%2Ftierbedarf%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/noisettes-non-salees-385-g-22229">
          <img alt="Noisettes 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/11720/file/small-cf145931ef08cd5fe85a9377d14b8ce0.webp 600w, https://assets.fabulous.ch/public/variant_asset/11720/file/medium-4522c00d15ee17c5200e74266d519faa.webp 900w, https://assets.fabulous.ch/public/variant_asset/11720/file/large-3647c18c65b0ec94e3dbd41ba911a901.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11720/file/medium-4522c00d15ee17c5200e74266d519faa.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/noisettes-non-salees-385-g-22229">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noisettes non salées, 385 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22229&quot;],&quot;content_name&quot;:&quot;Noisettes non salées, 385 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22229&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rMJi5gtNjwEPRbORqdzfQahuto_q1Cu3q8QM0CX1BPFoVf50EHga2BwdF2jXh-l8LJlZzoyxiySc7iqkVQIrHg" />
    <input value="22229" 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%2Fnaturkosmetik%2Ftierbedarf%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-450-g-22231">
          <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/11726/file/small-45ff14da228f1707c6415fc844b3f35a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11726/file/medium-ee4a094cd41eca65891faa6608ff1db4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11726/file/large-644887e77e841c98e366276d48314fa8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11726/file/medium-ee4a094cd41eca65891faa6608ff1db4.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-450-g-22231">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amandes au sel marin, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </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-22231-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22231&quot;],&quot;content_name&quot;:&quot;Amandes au sel marin, 450 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22231&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gogyl3AzbI7pnRJNS6qpRxaMQsxfJ5Dl8Lzd1Y76nElGH64Fawb5V_rFtrQ18Z96knutjTlCMHbHlvuh_g2zpg" />
    <input value="22231" 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%2Fnaturkosmetik%2Ftierbedarf%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-450-g-22234">
          <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/11727/file/small-c6b425d90862f85c0ff7cb01b2d2c213.webp 600w, https://assets.fabulous.ch/public/variant_asset/11727/file/medium-24e31afe7c836d170abaccbb97d0f617.webp 900w, https://assets.fabulous.ch/public/variant_asset/11727/file/large-949a32417550fe6cbc73c414f3469a71.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11727/file/medium-24e31afe7c836d170abaccbb97d0f617.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-450-g-22234">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amandes non salées, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </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-22234-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22234&quot;],&quot;content_name&quot;:&quot;Amandes non salées, 450 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22234&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3PnAIu7_6AQT4AhwcxRoKeWK5_RPfyX0wMlWEc_4vL0Yblyw9cp93QC4rIkNT14UYX0ItSkahWf343Blvw-TUg" />
    <input value="22234" 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%2Fnaturkosmetik%2Ftierbedarf%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/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.50</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.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="muZLJI7l9NjMeuff-mICfDo9BUhMYHfKfWbN_oYUHxFecde2ldBhAd8iQyaEOTRBvsrqCSoF11lKTOuK9uMw_g" />
    <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%2Fnaturkosmetik%2Ftierbedarf%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/copy-of-magnesium-calcium-zinc-120-capsules-22239">
          <img alt="COPY OF Magnésium Calcium Zinc" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11730/file/small-b82d28ffcc00a2fb723cd47014698a83.webp 600w, https://assets.fabulous.ch/public/variant_asset/11730/file/medium-41a8c39f9aa03bb6abc1220c77dec001.webp 900w, https://assets.fabulous.ch/public/variant_asset/11730/file/large-d2320c0df1a5b3f8dea5ab850ad88365.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11730/file/medium-41a8c39f9aa03bb6abc1220c77dec001.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Erva Medica AG</p>
          <a href="/fr/products/copy-of-magnesium-calcium-zinc-120-capsules-22239">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">COPY OF Magnésium Calcium Zinc, 120 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22239&quot;],&quot;content_name&quot;:&quot;COPY OF Magnésium Calcium Zinc, 120 capsules&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22239&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:39.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h_xA7nugKmuveXDtVAJqn-WmNLXhktorPXcjIwavFIVDa9x8YJW_srwh1BQqWVyiYVHb9If3ergKXQVXdlg7ag" />
    <input value="22239" 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%2Fnaturkosmetik%2Ftierbedarf%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="EkpCEKH0VtvQOWOQk_dcr9QRm2XLLjoDIboqekBNrfLW3d6CusHDAsNhx2ntrGqSUOZ0JK1LmpAWkAwOMLqCHQ" />
    <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 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%2Fnaturkosmetik%2Ftierbedarf%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/biscuits-citron-gingembre-chia-sans-gluten-bio-135-g-date-limite-18-10-2026-22283">
          <img alt="Biscuits Citron Gingembre Chia 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/4573/file/small-0f58075794777292de710e6dec20fa4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4573/file/medium-02987e6869f0e2835d3eb69301d373cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/4573/file/large-8d0068b074cfaa96afc461fbf6d8fb82.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4573/file/medium-02987e6869f0e2835d3eb69301d373cf.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">Rhythm 108</p>
          <a href="/fr/products/biscuits-citron-gingembre-chia-sans-gluten-bio-135-g-date-limite-18-10-2026-22283">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biscuits Citron Gingembre Chia Sans Gluten Bio, 135 g (Date limite 18.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.15</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.30</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22283&quot;],&quot;content_name&quot;:&quot;Biscuits Citron Gingembre Chia Sans Gluten Bio, 135 g (Date limite 18.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22283&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zKC1zgEaTREFS1uO4n0bBC-ujof6_AmG0GzjWeoXffcINylcGi_YyBYT_3ecJi05q1lhxpyZqRXnRsUtmuBSGA" />
    <input value="22283" 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%2Fnaturkosmetik%2Ftierbedarf%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/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 19.45</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;:19.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hAqxMYWYGkEaMSwBOiIqj1Vhtfmf0GU6852z8fYmCvpAnS2jnq2PmAlpiPhEeRyy0ZZauPm1xanEt5WFhtElFQ" />
    <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%2Fnaturkosmetik%2Ftierbedarf%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">
    13 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/mini-tablette-ombar-chocolat-cru-lait-de-coco-noir-60-bio-35-g-date-limite-20-10-2026-22286">
          <img alt="Mini Tablette Ombar Chocolat Cru Lait de Coco Noir 60% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7666/file/small-1ecacb0bb4fb0fa1e84e01787908024e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7666/file/medium-6ad4f343b6e1371f97963adc27a6f316.webp 900w, https://assets.fabulous.ch/public/variant_asset/7666/file/large-f1206e97f9e4487219a44ee6304f800c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7666/file/medium-6ad4f343b6e1371f97963adc27a6f316.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">Ombar</p>
          <a href="/fr/products/mini-tablette-ombar-chocolat-cru-lait-de-coco-noir-60-bio-35-g-date-limite-20-10-2026-22286">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mini Tablette Ombar Chocolat Cru Lait de Coco Noir 60% Bio, 35 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 3.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.95</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22286&quot;],&quot;content_name&quot;:&quot;Mini Tablette Ombar Chocolat Cru Lait de Coco Noir 60% Bio, 35 g (Date limite 20.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22286&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Py2YLdrXZ8VQW7LfbcbVvkJAKQ99bjBPfT0hxAlh9I77ugS_weLyHEMDFiYTneODxrfGThsLkNxKFweweZbbYQ" />
    <input value="22286" 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%2Fnaturkosmetik%2Ftierbedarf%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">
    10 %
  </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 4.25</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;:4.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CZvUdqA-JeLy5fiyqpcTBh4UOQ_ypmv7BCo1KApuAnXNDEjkuwuwO-G9XEvUzCU7muPWTpTDy2gzABNcepktmg" />
    <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 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%2Fnaturkosmetik%2Ftierbedarf%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/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.75</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.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_F-pL8vChsATTnVzj-9nWTkHCNdL-WAG7aTHJ4IxCNc4yDW90PcTGQAW0YrxtFFkvfDnli2cwJXajuFT8sYnOA" />
    <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  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%2Fnaturkosmetik%2Ftierbedarf%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="uBIh_Pl8mAO26-_vACcmkVIGZT5GBZF6SUW534AHnet8hb1u4kkN2qWzSxZ-fBCs1vGKfyBgMel-b5-r8PCyBA" />
    <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 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%2Fnaturkosmetik%2Ftierbedarf%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="xjzIWJxCxdkqUvhtAQ--fkaa-c8rOB0g5BvXyrygM4YCq1TKh3dQADkKXJR_VIhDwm0Wjk1dvbPTMfG-zFccaQ" />
    <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  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%2Fnaturkosmetik%2Ftierbedarf%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">
    41 %
  </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.35</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.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xdL-Uvqeholda1a8HQhUPVTnJC91NH6WZaiTG6BqJDUBRWLA4asTUE4z8kVjU2IA0BDLbhNR3gVSgrVv0J0L2g" />
    <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 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%2Fnaturkosmetik%2Ftierbedarf%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/beet-jerky-jerky-a-la-betterave-rouge-piment-des-alpes-bio-40-g-date-limite-11-10-2026-22294">
          <img alt="Beet Jerky Jerky à la betterave rouge Piment des Alpes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7394/file/small-343f00212c85405e354a76c02bae122b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7394/file/medium-4deb5e313436d8b3c0a7cf499b62ebdf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7394/file/large-68e741f43e51eb09fd0f08b94a5141f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7394/file/medium-4deb5e313436d8b3c0a7cf499b62ebdf.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">Wild Foods</p>
          <a href="/fr/products/beet-jerky-jerky-a-la-betterave-rouge-piment-des-alpes-bio-40-g-date-limite-11-10-2026-22294">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beet Jerky Jerky à la betterave rouge Piment des Alpes Bio, 40 g (Date limite 11.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.75</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.05</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22294&quot;],&quot;content_name&quot;:&quot;Beet Jerky Jerky à la betterave rouge Piment des Alpes Bio, 40 g (Date limite 11.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22294&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a6AlUVoi1I7UejqbLbxm6qXxOxgt4W7Tdgw0dFcmTeuvN7nDQRdBV8cinmJT51DXIQbUWUuEzkBBJhIAJ9FiBA" />
    <input value="22294" 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%2Fnaturkosmetik%2Ftierbedarf%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/petits-pains-hamburger-au-sesame-bio-60-g-date-limite-16-10-2026-22296">
          <img alt="Petits pains hamburger au sésame bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7648/file/small-49a81953381f895873d0ce13134cafc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7648/file/medium-dae2265f287035c1348d8d8940508094.webp 900w, https://assets.fabulous.ch/public/variant_asset/7648/file/large-1a67e31e0f376daa84ea39843fafd2f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7648/file/medium-dae2265f287035c1348d8d8940508094.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">Nur Puur</p>
          <a href="/fr/products/petits-pains-hamburger-au-sesame-bio-60-g-date-limite-16-10-2026-22296">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Petits pains hamburger au sésame bio, 60 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 5.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.85</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22296&quot;],&quot;content_name&quot;:&quot;Petits pains hamburger au sésame bio, 60 g (Date limite 16.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22296&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5-703H3aFDrE2pjsmfdtU3nMoalq4zNHN44HE3SvKOsjeWhOZu-B49eCPBXnrFtu_TtO6AyGk9QApCFnBFgHBA" />
    <input value="22296" 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%2Fnaturkosmetik%2Ftierbedarf%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="4Ze6mSn1IVY6o-yHYqGfL8GrI90QFGY923Wz3qmuGHglACYLMsC0jyn7SH4c-qkSRVzMnHZxxq7sX5Wq2Vk3lw" />
    <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  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%2Fnaturkosmetik%2Ftierbedarf%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="raNzRb760CF8tVyEABhKtQc2opgsyvmktm-CK5tWMvppNO_Xpc9F-G_t-H1-Q3yIg8FN2UqvWTeBRaRf66EdFQ" />
    <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 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%2Fnaturkosmetik%2Ftierbedarf%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="-VlwE8En8uZaswEVC-mgfZz90edc-CpzXHQ9ye_WVbw9zuyB2hJnP0nrpex1spZAGAo-pjqdiuBrXhu9nyF6Uw" />
    <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  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%2Fnaturkosmetik%2Ftierbedarf%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="NHqyXw7k4U728MxpruHA5R866-gFs_2uaADjAtdJIArw7S7NFdF0l-WoaJDQuvbYm80EqWPWXT1fKsV2p74P5Q" />
    <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>



</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;719 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/naturkosmetik/tierbedarf?format=turbo_stream&amp;page=186">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>