<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%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D122">
    <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/200-g-fd4cefca-0287-4bc4-9321-4d928e412bbd-18519">
          <img alt="Thé basique 49 herbes en vrac Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9222/file/small-95061e656d42a8de9ea77712b559b0d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/9222/file/medium-c79aaba1c3827e956337e4f5cd882ef3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9222/file/large-50a3c9d8abd044b0f45df32c686d2366.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9222/file/medium-c79aaba1c3827e956337e4f5cd882ef3.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">Droste-Laux</p>
          <a href="/fr/products/200-g-fd4cefca-0287-4bc4-9321-4d928e412bbd-18519">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé basique 49 herbes en vrac Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18519&quot;],&quot;content_name&quot;:&quot;Thé basique 49 herbes en vrac Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18519&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:23.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j5TyyrNPWT004SO-WZzCtrZp0ut8yFbTemFFhN3lPT9Dm-znKDrUTMbsAukmg9BnLruu2Gw3VcJvtNw_6O1-2Q" />
    <input value="18519" 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%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D122">
    <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/250-ml-b5aaef3e-ab4f-4311-8aae-116755f20ee3-19559">
          <img alt="Huile de bouche ayurvédique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9388/file/small-2603d957904dc0a4f8d48b41bd55cd7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9388/file/medium-fbe7f7dacc89a0550ca2b2e538d68e19.webp 900w, https://assets.fabulous.ch/public/variant_asset/9388/file/large-f2d77792af692bedc45ec76efba64d6a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9388/file/medium-fbe7f7dacc89a0550ca2b2e538d68e19.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">Droste-Laux</p>
          <a href="/fr/products/250-ml-b5aaef3e-ab4f-4311-8aae-116755f20ee3-19559">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Huile de bouche ayurvédique, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 47.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19559&quot;],&quot;content_name&quot;:&quot;Huile de bouche ayurvédique, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19559&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:47.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6G0dJU-By-4-7D_JMWpkyB1N0MRNQHbgUm2yRwWe3KgkYgMI1PRGn8zhHp5OdXYZhZ-s912_dfFHuCv8MJafTg" />
    <input value="19559" 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%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D122">
    <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/200-g-c7b3ea01-1f78-4b10-8e9a-54790b2ecad6-18524">
          <img alt="Thé de désacidification 7 fleurs en vrac" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9226/file/small-36db445c95f0697bbccab09ad48fa35d.webp 600w, https://assets.fabulous.ch/public/variant_asset/9226/file/medium-6649e3eaa49011457058cd3a9ab1f2e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/9226/file/large-c8e5851ee120175e5d2292ca19980c9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9226/file/medium-6649e3eaa49011457058cd3a9ab1f2e0.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">Droste-Laux</p>
          <a href="/fr/products/200-g-c7b3ea01-1f78-4b10-8e9a-54790b2ecad6-18524">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Thé de désacidification 7 fleurs en vrac, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18524&quot;],&quot;content_name&quot;:&quot;Thé de désacidification 7 fleurs en vrac, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18524&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:23.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cwy8_0r1tFqYWSiBqfnvo_1lvi94GjC-GdR_3K5mNHW_A6LS0YA5K2pUCdbW5v1yZbfCHGjlM68MAeZnm253kw" />
    <input value="18524" 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%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D122">
    <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/250-g-1117b8e2-4e21-4db5-8911-5a6418d5a5df-19820">
          <img alt="Poudre de maca crue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10385/file/small-656fdcda860df253a04ce17ded7d400b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10385/file/medium-c485de3d929f418d698ef93f771e093e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10385/file/large-5aa7697d9f40751798820a20d509b118.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10385/file/medium-c485de3d929f418d698ef93f771e093e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/fr/products/250-g-1117b8e2-4e21-4db5-8911-5a6418d5a5df-19820">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Poudre de maca crue Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19820&quot;],&quot;content_name&quot;:&quot;Poudre de maca crue Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19820&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MOwq-z-qkayI8i_2HoSLyNZADvU4LZ3TQy5K4E98lAP84zTWpN8c3Xr_DqFhm5kZTpJyxijSnsJW-9NbenTX5Q" />
    <input value="19820" 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%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D122">
    <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/225-g-397d32c4-8e52-4a3a-af60-2b02761c6d8f-19117">
          <img alt="Noix de macadamia Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10470/file/small-32e3aaff7763623c11c71adf7094b200.webp 600w, https://assets.fabulous.ch/public/variant_asset/10470/file/medium-20094dd3ff9d9ac110f62a17e02c32ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/10470/file/large-251095d51920357aa47b3b2d4de7d3f0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10470/file/medium-20094dd3ff9d9ac110f62a17e02c32ed.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">Sun Snack</p>
          <a href="/fr/products/225-g-397d32c4-8e52-4a3a-af60-2b02761c6d8f-19117">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Noix de macadamia Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19117&quot;],&quot;content_name&quot;:&quot;Noix de macadamia Bio, 225 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19117&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LX69LBgsHSjihk9eU-Y5CJc5sSEtkwJwTuQiMC0Lv4bhcaMBg1mQWRCLbgks-SvZD-vNEj1sAWFbMbuLGAP8YA" />
    <input value="19117" 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%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D122">
    <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/250-g-a46e64de-8061-450e-bfce-99b3df68eb1a-19116">
          <img alt="Graines de courge Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10468/file/small-d658c94e42d247a09ee46fd98ab2bafe.webp 600w, https://assets.fabulous.ch/public/variant_asset/10468/file/medium-0208ffc0aca36bcd493177bc64e405bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/10468/file/large-be98a40ae7cf5470bfc9d38b24baef4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10468/file/medium-0208ffc0aca36bcd493177bc64e405bd.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">Sun Snack</p>
          <a href="/fr/products/250-g-a46e64de-8061-450e-bfce-99b3df68eb1a-19116">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Graines de courge Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19116&quot;],&quot;content_name&quot;:&quot;Graines de courge Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19116&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0_T2GKoMAwJtFsTZR7ReQYf6--cdrAekcwppn7xEew4f--g1MXmOc58b5Y44q0yQHyiH1A1TBLVm3_AkiUw46A" />
    <input value="19116" 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%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D122">
    <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/100-g-bc8dc1da-6598-4f52-9f3d-23f6989e102f-19140">
          <img alt="Pistaches émondées" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10503/file/small-a5956cbcc9dd36965a7491975c64b282.webp 600w, https://assets.fabulous.ch/public/variant_asset/10503/file/medium-641808fa6c7649e686f084c172c35f34.webp 900w, https://assets.fabulous.ch/public/variant_asset/10503/file/large-efe22f10d9293bb8c3c0bb6f1bec3825.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10503/file/medium-641808fa6c7649e686f084c172c35f34.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">Sun Snack</p>
          <a href="/fr/products/100-g-bc8dc1da-6598-4f52-9f3d-23f6989e102f-19140">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pistaches émondées, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19140&quot;],&quot;content_name&quot;:&quot;Pistaches émondées, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19140&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g3igER7KXOf1L7hZ6i_jsbUB1gmYkFR2ugQTbi9pyJVPd748hb_RlgcimQ6VMPFgLdOqOohvV2ev0YrVGmGLcw" />
    <input value="19140" 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%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D122">
    <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/150-g-29f68d15-d0ba-4162-99af-741f3c779c57-19106">
          <img alt="Baies de goji Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10447/file/small-21ce9aea423ae38df5bee8c6cac2bc55.webp 600w, https://assets.fabulous.ch/public/variant_asset/10447/file/medium-40da1064f7f98d30b58e4521623b58b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/10447/file/large-0adfade508327bdd0719e905b65b6ba5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10447/file/medium-40da1064f7f98d30b58e4521623b58b6.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">Sun Snack</p>
          <a href="/fr/products/150-g-29f68d15-d0ba-4162-99af-741f3c779c57-19106">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baies de goji Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19106&quot;],&quot;content_name&quot;:&quot;Baies de goji Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19106&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_9EK4FutuY56dpSXC2SO4gKBswPyX9nO7MhB_P2jltMz3hTNwNg0_4h7tcB0e5wzmlPPMOKg2t_5HdhHyKvVNQ" />
    <input value="19106" 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%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D122">
    <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/70-g-f8380258-ff12-4c26-9da7-a579e2bf027b-18506">
          <img alt="Mélange d&#39;épices asafoetida au fenugrec boîte bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10151/file/small-c9fe811ea7fdce96bc289a80cd464624.webp 600w, https://assets.fabulous.ch/public/variant_asset/10151/file/medium-2d3f610890f3ce61018996ace548aa75.webp 900w, https://assets.fabulous.ch/public/variant_asset/10151/file/large-8998a0ad4bee54059d4242733e083d26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10151/file/medium-2d3f610890f3ce61018996ace548aa75.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">ClassicAyurveda</p>
          <a href="/fr/products/70-g-f8380258-ff12-4c26-9da7-a579e2bf027b-18506">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mélange d&#39;épices asafoetida au fenugrec boîte bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18506&quot;],&quot;content_name&quot;:&quot;Mélange d&#39;épices asafoetida au fenugrec boîte bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18506&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fKU8xuNSLiMgpM6DzS6whEsgGpT4k_DP_qbS2xKlsoKwqiLreCejUtKp79SyMaJV0_Jmp-hs897rc0tgJ63xZA" />
    <input value="18506" 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%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D122">
    <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/50-g-e1de1587-e9b7-4c9b-95df-73e810004022-18741">
          <img alt="Canneberges sauvages lyophilisées crues Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11203/file/small-ea36dc10543b86cc0ea37e01714ac968.webp 600w, https://assets.fabulous.ch/public/variant_asset/11203/file/medium-e353ee3e3c4c7028b08a5d4f8640ef44.webp 900w, https://assets.fabulous.ch/public/variant_asset/11203/file/large-f3825e211d83e35bc0fa219b02365c84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11203/file/medium-e353ee3e3c4c7028b08a5d4f8640ef44.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/fr/products/50-g-e1de1587-e9b7-4c9b-95df-73e810004022-18741">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Canneberges sauvages lyophilisées crues Bio, 50 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 31.80 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18741&quot;],&quot;content_name&quot;:&quot;Canneberges sauvages lyophilisées crues Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18741&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="OErBmX4OQcK-gMTxUaAfHGzLyAIwubldB2yn3lrm5o30Rd-05XvMs0yN5aYuvw3N9Bm0MSBGukwSuT5lb-6law" />
    <input value="18741" 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%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D122">
    <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/fraises-lyophilisees-de-qualite-crudite-bio-50-g-4213">
          <img alt="Fraises lyophilisées de qualité Crudité Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2644/file/small-9ba6b9567a5e8a0af43d73979c4d8443.webp 600w, https://assets.fabulous.ch/public/variant_asset/2644/file/medium-6c1c62f2f6894adb238d523cfec21653.webp 900w, https://assets.fabulous.ch/public/variant_asset/2644/file/large-c5fde127392253a322ed131cfcd5d905.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2644/file/medium-6c1c62f2f6894adb238d523cfec21653.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/fr/products/fraises-lyophilisees-de-qualite-crudite-bio-50-g-4213">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fraises lyophilisées de qualité Crudité Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4213&quot;],&quot;content_name&quot;:&quot;Fraises lyophilisées de qualité Crudité Bio, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4213&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hPbrG1oi3ryPK8tUUJQuh1SD_3CRgrwuFwO2CeoNRYxI-fU2wVdTzX0m6gMvizxWzFGDQ4F9vz8C1i-y3wUGag" />
    <input value="4213" 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%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D122">
    <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/sac-de-lait-de-noix-nut-milk-bag-1-piece-5845">
          <img alt="Sac de lait de noix Nut Milk Bag" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3360/file/small-e413ff73fd67a5384cef5e4c23e7a84f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3360/file/medium-a8caec4ca076237f073101b7798c4d87.webp 900w, https://assets.fabulous.ch/public/variant_asset/3360/file/large-21a8ffe102c13ade0131ec7014aa5b36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3360/file/medium-a8caec4ca076237f073101b7798c4d87.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturkostbar</p>
          <a href="/fr/products/sac-de-lait-de-noix-nut-milk-bag-1-piece-5845">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sac de lait de noix Nut Milk Bag, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5845&quot;],&quot;content_name&quot;:&quot;Sac de lait de noix Nut Milk Bag, 1 pièce&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5845&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tjOS8gm7MNhQt3FQtjWbYxPM-zC8MVa0PMSZz8RDjpZ6PIzfks69qaK6UAfJKomyix6HA6zOVaUpEQB08UvNcA" />
    <input value="5845" 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%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D122">
    <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/10-pieces-29aa24c8-2c3b-46c5-be43-3ca9e9d5fdee-18726">
          <img alt="Algues sushi nori conv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11127/file/small-528051c67ff57013348aa5136c061719.webp 600w, https://assets.fabulous.ch/public/variant_asset/11127/file/medium-cd968f719161b9162ad1a260b73685f1.webp 900w, https://assets.fabulous.ch/public/variant_asset/11127/file/large-73703e4c2c582b2001eeb08fda20535c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11127/file/medium-cd968f719161b9162ad1a260b73685f1.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">Muso</p>
          <a href="/fr/products/10-pieces-29aa24c8-2c3b-46c5-be43-3ca9e9d5fdee-18726">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Algues sushi nori conv, 10 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18726&quot;],&quot;content_name&quot;:&quot;Algues sushi nori conv, 10 pièces&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18726&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AQC9xtpHiIVO5L8Rj6RqvjdRiXof4DOZHcL2U2g5WIHND6PrQTIF9Lzpnkbwu3hvr4P1SQ8fMIgIF2_oXTEbZw" />
    <input value="18726" 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%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D122">
    <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/liquide-vaisselle-mains-citronnelle-en-gros-10-litres-10-l-6999">
          <img alt="Liquide Vaisselle Mains Citronnelle en gros, 10 litres" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4049/file/small-57a98034222c1437a98eccee7ea79faa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4049/file/medium-47607c596ac4fb1fa6e7cc95a786a9db.webp 900w, https://assets.fabulous.ch/public/variant_asset/4049/file/large-ced51f97e3eaba34f149363dfdb3b553.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4049/file/medium-47607c596ac4fb1fa6e7cc95a786a9db.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">Sonett</p>
          <a href="/fr/products/liquide-vaisselle-mains-citronnelle-en-gros-10-litres-10-l-6999">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquide Vaisselle Mains Citronnelle en gros, 10 litres, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 50.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6999&quot;],&quot;content_name&quot;:&quot;Liquide Vaisselle Mains Citronnelle en gros, 10 litres, 10 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6999&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:50.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0Ms0a88sl-MIZfPjfJ9MggzZfqYJ4q8NeKPuJdhAZLccxCpGVFkakvpo0rQDgF5TlAsClRkdrBxtdnee7UgnUQ" />
    <input value="6999" 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%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D122">
    <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/ongles-nail-polish-you-nique-5-ml-5103dec4-5111-4950-836c-9def7bcae164-7790">
          <img alt="Ongles Nail Polish You-Nique" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4526/file/small-4af65255875a29581ab4b2d8982e2493.webp 600w, https://assets.fabulous.ch/public/variant_asset/4526/file/medium-321a726c9538b8e2df497cd6ac2a2fbf.webp 900w, https://assets.fabulous.ch/public/variant_asset/4526/file/large-a9dd1353d7afb72e54e797a1bdf086c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4526/file/medium-321a726c9538b8e2df497cd6ac2a2fbf.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">benecos</p>
          <a href="/fr/products/ongles-nail-polish-you-nique-5-ml-5103dec4-5111-4950-836c-9def7bcae164-7790">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ongles Nail Polish You-Nique, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7790&quot;],&quot;content_name&quot;:&quot;Ongles Nail Polish You-Nique, 5 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7790&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="7c1Fr6m-gymkA3ARQJuDtPCbQNnoXUTFq6T51AMjd1whwluCMssOWFYOUUY_hJFlaEk86viiR9S-cWBvNis0ug" />
    <input value="7790" 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%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D122">
    <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/huile-de-soin-a-l-huile-de-ricin-bio-100-ml-14898">
          <img alt="Huile de soin à l&#39;huile de ricin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6830/file/small-9f973c593f2329fba7f01fd0d5a8c626.webp 600w, https://assets.fabulous.ch/public/variant_asset/6830/file/medium-4b151cc087353b042acf1a36dd37c194.webp 900w, https://assets.fabulous.ch/public/variant_asset/6830/file/large-48b9cfb2472b1feda03fcd3d33d3f901.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6830/file/medium-4b151cc087353b042acf1a36dd37c194.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">NaturKraftWerke</p>
          <a href="/fr/products/huile-de-soin-a-l-huile-de-ricin-bio-100-ml-14898">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Huile de soin à l&#39;huile de ricin Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14898&quot;],&quot;content_name&quot;:&quot;Huile de soin à l&#39;huile de ricin Bio, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14898&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:20.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xv0UvBn6CFbKTKu3yOiX_eMPbcueMNOjau0_3RovPyyS8gqRgo-FJzhBiuC394Use90R-I7P0LJ_OKZmLyd8yg" />
    <input value="14898" 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%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D122">
    <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/grains-de-ble-en-gros-biosuisse-5-kg-6085">
          <img alt="Grains de blé en gros BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3498/file/small-b518874da1f4a6aa33a1a68649c21c79.webp 600w, https://assets.fabulous.ch/public/variant_asset/3498/file/medium-c50539c92278c650d46eb43a68837e6d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3498/file/large-a898e2e6fed18f5b8301b94ea8db42a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3498/file/medium-c50539c92278c650d46eb43a68837e6d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/fr/products/grains-de-ble-en-gros-biosuisse-5-kg-6085">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grains de blé en gros BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6085&quot;],&quot;content_name&quot;:&quot;Grains de blé en gros BioSuisse, 5 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6085&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GYycXxk7AldNtRtHaGuMksoiNtjfdyzNCCaqmyJ492bVg4Jygk6PJr-4OhAXdJ5DUvBK68-IL9wd8zMgF3C0gA" />
    <input value="6085" 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%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D122">
    <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/treets-crunchy-corn-mais-croustillant-175-g-18124">
          <img alt="Treets Crunchy Corn Maïs Croustillant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9063/file/small-8715f9fdd0fff691f2730f78b26b796f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9063/file/medium-273ecac60876c400cb7a97dd600fb111.webp 900w, https://assets.fabulous.ch/public/variant_asset/9063/file/large-1a8dd68d5a020e1169c2f3ea0d347df7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9063/file/medium-273ecac60876c400cb7a97dd600fb111.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Treets GmbH</p>
          <a href="/fr/products/treets-crunchy-corn-mais-croustillant-175-g-18124">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Treets Crunchy Corn Maïs Croustillant, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18124&quot;],&quot;content_name&quot;:&quot;Treets Crunchy Corn Maïs Croustillant, 175 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18124&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pZPMaPs1hc2dMeCTeExcQ6-p_FSNUGD7IZoYNldXN29pnNJFYEAIvG88wcQHU06SN3uAZ52vY-o0T4GNYl90iQ" />
    <input value="18124" 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%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D122">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/treets-crispy-boules-croustillantes-175-g-18125">
          <img alt="Treets Crispy Boules Croustillantes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9064/file/small-d71f3f33ffe575276fd8ca5707c76118.webp 600w, https://assets.fabulous.ch/public/variant_asset/9064/file/medium-ad7e86d2c0e9a8e8ed599c5ab1d8e84d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9064/file/large-45e846d4fa385a195599580e1ae7f6a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9064/file/medium-ad7e86d2c0e9a8e8ed599c5ab1d8e84d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Treets GmbH</p>
          <a href="/fr/products/treets-crispy-boules-croustillantes-175-g-18125">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Treets Crispy Boules Croustillantes, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18125&quot;],&quot;content_name&quot;:&quot;Treets Crispy Boules Croustillantes, 175 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18125&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tPkBQF8pS_IRBSlQS--H-ZQtCzqHPCUcmVZd59j36td49h9txFzGg-MICAc08JUoDP93CZfDJg2Mg8Rc7f-pMQ" />
    <input value="18125" 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%2Fhaltbarmacherei%3Fformat%3Dturbo_stream%26page%3D122">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/treets-salted-peanuts-200-g-18123">
          <img alt="Treets Salted Peanuts" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9062/file/small-24f1c352f10f5fa3b59d17d0160cff0e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9062/file/medium-dc523aa40e3f0484dc4a73acbb1affdd.webp 900w, https://assets.fabulous.ch/public/variant_asset/9062/file/large-a230b6d588f42939dec81e2b980fc178.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9062/file/medium-dc523aa40e3f0484dc4a73acbb1affdd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Treets GmbH</p>
          <a href="/fr/products/treets-salted-peanuts-200-g-18123">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Treets Salted Peanuts, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18123&quot;],&quot;content_name&quot;:&quot;Treets Salted Peanuts, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18123&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8E8mjOE2qXE4K20B9YvfRVzTRBYAVAohv46UC6HUyPk8QDihekMkAMomTFaKlM2UxAE4JRCrCTCqWw2wlNyLHw" />
    <input value="18123" 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">
      2&#39;440 sur 3&#39;982 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/haltbarmacherei?format=turbo_stream&amp;page=123">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>