<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/mon-pudding-au-chocolat-bio-55-g-8845">
          <img alt="Mon Pudding au Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5115/file/small-a694144852e622ae7d4ed7c47babab72.webp 600w, https://assets.fabulous.ch/public/variant_asset/5115/file/medium-1a434c844d0db66841da9c09d62159a3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5115/file/large-bb97ed9b52ea583abf8490e737911d9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5115/file/medium-1a434c844d0db66841da9c09d62159a3.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">Biovegan</p>
          <a href="/fr/products/mon-pudding-au-chocolat-bio-55-g-8845">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mon Pudding au Chocolat Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pY1hOddsaIna_RiRoE9Tik3sjdWe21KuIO1fs-kOJhFJ0giBPgYYfl9zAKJgNj4yFvtLXjbC5qRzuQaXm-0qyA" />
    <input value="8845" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sucre-gelifiant-sans-cuisson-crus-bio-115-g-8846">
          <img alt="Sucre Gélifiant sans cuisson Crus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5116/file/small-37926481e2c2bd6a37f91e2a0c44a9fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5116/file/medium-bbdb8c5d23c4809b177ddedfd7abbe22.webp 900w, https://assets.fabulous.ch/public/variant_asset/5116/file/large-6650ab55b19b58f231a114dca332ba24.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5116/file/medium-bbdb8c5d23c4809b177ddedfd7abbe22.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">Biovegan</p>
          <a href="/fr/products/sucre-gelifiant-sans-cuisson-crus-bio-115-g-8846">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sucre Gélifiant sans cuisson Crus Bio, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oQB4_NdzCbYX4g4Na8lbROByzALbLku40dOlhnLkkaBNXxFEPhl5QZJsFj6rsDb8u2UKiXM3_7KCh_yiAAedeQ" />
    <input value="8846" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sucre-gelifiant-2-1-bio-500-g-8847">
          <img alt="Sucre Gélifiant 2:1 Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5117/file/small-085b97490e981816fa5203989c896f52.webp 600w, https://assets.fabulous.ch/public/variant_asset/5117/file/medium-dfbe971c2c72fb025d481281ac9b0cad.webp 900w, https://assets.fabulous.ch/public/variant_asset/5117/file/large-cb11193705967cba31fa70a839951e23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5117/file/medium-dfbe971c2c72fb025d481281ac9b0cad.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">Biovegan</p>
          <a href="/fr/products/sucre-gelifiant-2-1-bio-500-g-8847">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sucre Gélifiant 2:1 Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C7WxS6-8WMgG4JVsJxuDpbFvCcX5h2KpRZ_dA9Jz_cbn6tjzRtYoP4NujV_nYu4d6njPTlGe1qMWy4QnoJDxHw" />
    <input value="8847" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/gelifiant-agaranta-bio-18-g-8849">
          <img alt="Gélifiant Agaranta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5119/file/small-4fb74db9cb3e24dfca6f1bfce6584495.webp 600w, https://assets.fabulous.ch/public/variant_asset/5119/file/medium-445a98fb619d5039104b01c03edb27a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5119/file/large-95297164b94003a5b98426d13f02936a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5119/file/medium-445a98fb619d5039104b01c03edb27a5.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">Biovegan</p>
          <a href="/fr/products/gelifiant-agaranta-bio-18-g-8849">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gélifiant Agaranta Bio, 18 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bjSOnfBQsLr0ZeUvQfbA4aX2EOKBQ_rFuO_QR65NJp2Ca-clGTrATXHr_RyBj61Z_uHWaSlaTs_ru4lj3K4qRA" />
    <input value="8849" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/holle-babyfood-melange-de-legumes-demeter-190-g-8852">
          <img alt="Holle Babyfood Mélange de légumes Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5124/file/small-ba270ab19da461a7077329a0d3973ce6.webp 600w, https://assets.fabulous.ch/public/variant_asset/5124/file/medium-f0ae8c1cd76a1f21e1b9fe6e46652252.webp 900w, https://assets.fabulous.ch/public/variant_asset/5124/file/large-9839acf2315a38fdf905663281cedfc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5124/file/medium-f0ae8c1cd76a1f21e1b9fe6e46652252.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">Holle Baby &amp; Kindernahrung</p>
          <a href="/fr/products/holle-babyfood-melange-de-legumes-demeter-190-g-8852">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Holle Babyfood Mélange de légumes Demeter, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6vXb0rQ-HncF5AyldYMoqErYwIXjyIMaGQxxeN34RfAGqrJqXVRugIBqFJa1-kUQEc8GDkvRNxBKWChcrxtJKQ" />
    <input value="8852" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/holle-babyfood-carottes-aux-pommes-de-terre-demeter-190-g-8853">
          <img alt="Holle Babyfood Carottes aux pommes de terre Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5125/file/small-f7b3d47e17cb8e2a70cc1f59a6d7c19e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5125/file/medium-23a97ac2d8201d13e80a5414db6ae84a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5125/file/large-eaa6a9104091fe380fb7f0efb38a8d52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5125/file/medium-23a97ac2d8201d13e80a5414db6ae84a.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">Holle Baby &amp; Kindernahrung</p>
          <a href="/fr/products/holle-babyfood-carottes-aux-pommes-de-terre-demeter-190-g-8853">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Holle Babyfood Carottes aux pommes de terre Demeter, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qK91aiwdk__8yZjdt4qYfxVQG10IsIcr4JVEKG5ZLBxE8BzSxXfjCHlHgO538_XHTkfd1qCpMyGzwR0MHLogxQ" />
    <input value="8853" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/holle-babyfood-epinards-aux-pommes-de-terre-bio-190-g-8854">
          <img alt="Holle Babyfood Épinards aux pommes de terre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5126/file/small-124fe99bed8b9ac9afc4cb7169366f5a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5126/file/medium-f1f383b2b8fee1f679e10e6c7723b077.webp 900w, https://assets.fabulous.ch/public/variant_asset/5126/file/large-4a93892f2af60cc3324531a0d67b29b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5126/file/medium-f1f383b2b8fee1f679e10e6c7723b077.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">Holle Baby &amp; Kindernahrung</p>
          <a href="/fr/products/holle-babyfood-epinards-aux-pommes-de-terre-bio-190-g-8854">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Holle Babyfood Épinards aux pommes de terre Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XyFV67-i1lnjqdUOBVbPu0puHiDVlHdVABBAzBDV526zfjxTVsimrmYnzT3FL6IDEXnYq32Nw19TRBnoYjbrtw" />
    <input value="8854" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/holle-babyfood-pomme-pure-demeter-125-g-8856">
          <img alt="Holle Babyfood Pomme Pure Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5129/file/small-e69aa33bb49d9ea341d90bc8e63b2426.webp 600w, https://assets.fabulous.ch/public/variant_asset/5129/file/medium-11ebe6921c405c5c6e1e3ef8d9d426af.webp 900w, https://assets.fabulous.ch/public/variant_asset/5129/file/large-faeaf6ff846359aaa5c3829cafa2e1c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5129/file/medium-11ebe6921c405c5c6e1e3ef8d9d426af.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">Holle Baby &amp; Kindernahrung</p>
          <a href="/fr/products/holle-babyfood-pomme-pure-demeter-125-g-8856">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Holle Babyfood Pomme Pure Demeter, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JRSY9dB3n5n863X4NNTKxEipa6aH0EZeCpjg30oHmVvJS_FNOR3vbnllbcv0rad8E76tLS_J8lRZzLn7OOSVgg" />
    <input value="8856" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/holle-babyfood-poire-pure-demeter-125-g-8857">
          <img alt="Holle Babyfood Poire Pure Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5130/file/small-62cf9994780e530a593e31df09928ec7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5130/file/medium-be35c85a16bf2b54cfd92a0383f22683.webp 900w, https://assets.fabulous.ch/public/variant_asset/5130/file/large-da1720388f3c7934478791fcdf4f0cad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5130/file/medium-be35c85a16bf2b54cfd92a0383f22683.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">Holle Baby &amp; Kindernahrung</p>
          <a href="/fr/products/holle-babyfood-poire-pure-demeter-125-g-8857">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Holle Babyfood Poire Pure Demeter, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nGWev4tZ_fEbvcF9Tx7HeJubVJJIcvYHGGfuv0TN-QlwOvcHYjONBp4z2U6PZ6rAwIySGeBrQg1LM7ebNi710A" />
    <input value="8857" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/holle-babyfood-carrot-cat-pouchy-demeter-100-g-8858">
          <img alt="Holle Babyfood Carrot Cat Pouchy Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5131/file/small-c64d0a9e5245a83f034be0ee1a765bcc.webp 600w, https://assets.fabulous.ch/public/variant_asset/5131/file/medium-f0169124e26c825a0b4688cc16c2faf8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5131/file/large-27437399c61e1a1c4e21a3d7c0d2f673.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5131/file/medium-f0169124e26c825a0b4688cc16c2faf8.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">Holle Baby &amp; Kindernahrung</p>
          <a href="/fr/products/holle-babyfood-carrot-cat-pouchy-demeter-100-g-8858">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Holle Babyfood Carrot Cat Pouchy Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CczsWvDvfrop59QCBYl-jl9mxGQO3fVY4zvgQJl-wp_lk4XiGYUOTaxpzDHF8BM2BHEC76bEQVKwb7lk653ORg" />
    <input value="8858" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/holle-babyfood-fennel-frog-pouchy-demeter-100-g-8859">
          <img alt="Holle Babyfood Fennel Frog Pouchy Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5132/file/small-85f603584bf2910d77c8c8da2e1d66b4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5132/file/medium-9b12bdeb112c002812cd3bab945bb5bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/5132/file/large-65d32d95171337db0f065bb644447423.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5132/file/medium-9b12bdeb112c002812cd3bab945bb5bf.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">Holle Baby &amp; Kindernahrung</p>
          <a href="/fr/products/holle-babyfood-fennel-frog-pouchy-demeter-100-g-8859">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Holle Babyfood Fennel Frog Pouchy Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OmIXZ_HStCT6086FLF_qZr0bfy8z6qyVbYF2cQBmRjvWPX7fGLjE039d1rbsJofe5gy5pJvzGJ8-1S9VcoVK4g" />
    <input value="8859" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/dattes-medjool-en-gros-bio-5-kg-8872">
          <img alt="Dattes Medjool en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5133/file/small-06ff48a11b4cbf823bdd7639c7fa1c6a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5133/file/medium-a50031bb355e5bcf6e62297e93f3e4a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5133/file/large-263856c7ac31919e571c22a358c2be12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5133/file/medium-a50031bb355e5bcf6e62297e93f3e4a6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/fr/products/dattes-medjool-en-gros-bio-5-kg-8872">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattes Medjool en gros Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 98.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bEfCXIZ5dpefvc2OOKynTiThbBOIp4IeE9FJnMz_tpiAGKvkbxMGYBoz1b341cr2f_aqmCC-NhRAhRC4vhy6QQ" />
    <input value="8872" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/gobelet-pour-brosses-a-dents-enfants-elephant-1-pcs-1-piece-8873">
          <img alt="Gobelet pour brosses à dents enfants éléphant, 1 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5134/file/small-46cf6e8320586ca9562c1336efadbc4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5134/file/medium-fbbec362bd0df6017a0ec263ad286763.webp 900w, https://assets.fabulous.ch/public/variant_asset/5134/file/large-bb0cb75a77381026d214f93af81027a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5134/file/medium-fbbec362bd0df6017a0ec263ad286763.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">Hydrophil</p>
          <a href="/fr/products/gobelet-pour-brosses-a-dents-enfants-elephant-1-pcs-1-piece-8873">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gobelet pour brosses à dents enfants éléphant, 1 pcs, 1 pièce</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 7.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-VYe0cSr-9NyPSlRsfzQlyxXiBbLkQyXy29nXX0J-kwVCXdpLcGLJPezMWJxhb0vd0BOnWOIuJ2YOz55D-r2lQ" />
    <input value="8873" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bambou-brosse-langue-hydrophil-1pcs-1-piece-8875">
          <img alt="Bambou brosse-langue Hydrophil, 1pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5135/file/small-15536800c05453caff28433e840345fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/5135/file/medium-82c03ce32b1b222f2ca84177094aa47c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5135/file/large-48b6150e337fe180826bee9e65fa3609.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5135/file/medium-82c03ce32b1b222f2ca84177094aa47c.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">Hydrophil</p>
          <a href="/fr/products/bambou-brosse-langue-hydrophil-1pcs-1-piece-8875">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambou brosse-langue Hydrophil, 1pcs, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lmFIg4FkNwt079V-2Pj-5blXBnANWMpoa1H4WJOwhud6PiE7aA5H_PFhzU0YgZNd4kDA-6VBfmI4BaF84VOKPg" />
    <input value="8875" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/bambou-brosse-a-dents-enfants-souple-orange-hydrophil-1-piece-8876">
          <img alt="Bambou Brosse à dents ENFANTS Souple Orange Hydrophil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5136/file/small-96fb2aa2b41519c4ac893210b7b9dc43.webp 600w, https://assets.fabulous.ch/public/variant_asset/5136/file/medium-c8ecadd7534ace5179cf3c40d2605eab.webp 900w, https://assets.fabulous.ch/public/variant_asset/5136/file/large-7c7a1a0059bc1420fb3077f397df7294.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5136/file/medium-c8ecadd7534ace5179cf3c40d2605eab.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">Hydrophil</p>
          <a href="/fr/products/bambou-brosse-a-dents-enfants-souple-orange-hydrophil-1-piece-8876">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bambou Brosse à dents ENFANTS Souple Orange Hydrophil, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C14wEUnn0ClTwOUWI_hbhPAP_eZU8gMPF_oXL4cjFt7nAVmpoI2g3tZO_SXjgTY8qxg7bfzrtwVErk4L9cAaBw" />
    <input value="8876" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/shampooing-et-douche-pour-enfants-2en1-canard-a-la-mangue-60-g-8879">
          <img alt="Shampooing et douche pour enfants 2en1 canard à la mangue" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5139/file/small-e0c20d11e50de195e89f63eabf3fa209.webp 600w, https://assets.fabulous.ch/public/variant_asset/5139/file/medium-3600cae92640a5d466382c3d3b9ce202.webp 900w, https://assets.fabulous.ch/public/variant_asset/5139/file/large-11f693116f4725c91ab3481d2d7dc9c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5139/file/medium-3600cae92640a5d466382c3d3b9ce202.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">Hydrophil</p>
          <a href="/fr/products/shampooing-et-douche-pour-enfants-2en1-canard-a-la-mangue-60-g-8879">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Shampooing et douche pour enfants 2en1 canard à la mangue, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SQ656Cx4V84HUCRB2Pc3lFVYpq_1XeOE2WmDULn-oCWlUdBQxRInOYLePHIYjlosDk9gJF1EV46KPdp0yx2s_A" />
    <input value="8879" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/dentifrice-enfant-a-l-abricot-souris-avec-fluor-75-ml-8882">
          <img alt="Dentifrice Enfant à l&#39;abricot - Souris - avec fluor" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5142/file/small-68d2b9cc2f4b0d40f6db004bb091d164.webp 600w, https://assets.fabulous.ch/public/variant_asset/5142/file/medium-f1e3855e73f4bff42360e9263a2a3e7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5142/file/large-821c63dfc9254cecb5948a87965f8ed5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5142/file/medium-f1e3855e73f4bff42360e9263a2a3e7f.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">Hydrophil</p>
          <a href="/fr/products/dentifrice-enfant-a-l-abricot-souris-avec-fluor-75-ml-8882">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dentifrice Enfant à l&#39;abricot - Souris - avec fluor, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8gtEEzwQfowTTK7h80Cs1-NTtuVj3FrMxRuvXJYFFt8eVC2r1XoOe5bCttIzOcFvuERwbsvF7saWT_Z45OYaBg" />
    <input value="8882" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sauce-tomate-enfants-sans-sucre-ajoute-demeter-330-ml-8883">
          <img alt="Sauce Tomate Enfants sans sucre ajouté Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5144/file/small-6775379215d9061b8ef4589d1f0e6d10.webp 600w, https://assets.fabulous.ch/public/variant_asset/5144/file/medium-0aab3a6ee42ce3e0118ce1c97acde988.webp 900w, https://assets.fabulous.ch/public/variant_asset/5144/file/large-c0b2dfe416d09d80e18bce75daa7faa3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5144/file/medium-0aab3a6ee42ce3e0118ce1c97acde988.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/fr/products/sauce-tomate-enfants-sans-sucre-ajoute-demeter-330-ml-8883">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Tomate Enfants sans sucre ajouté Demeter, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="27IJAM-azTq5RP79pK24rDlymvykjoOg16_XLI8p4kU37WC4JvC9zTzK5s5k1NUUYmVcdwyXN6qE-44I_crunA" />
    <input value="8883" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sauce-tomate-enfants-douceur-de-la-pomme-bio-334-ml-8884">
          <img alt="Sauce Tomate Enfants douceur de la pomme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5146/file/small-0a7c55b98c191319ed15c3bd8bd0a9b5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5146/file/medium-8302bde8a5d57cdf7fc61275067520f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/5146/file/large-3190d7a4bfe8bc4937c13c3cebcccd80.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5146/file/medium-8302bde8a5d57cdf7fc61275067520f9.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/sauce-tomate-enfants-douceur-de-la-pomme-bio-334-ml-8884">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Tomate Enfants douceur de la pomme Bio, 334 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="etbx7EQbvJRTbxyt5YnrKXPbIUH4hm8ye4-AnuHCq-WWiZhUrXHMY9bhBJ4l8IaRKMznylCf2zgo29m6kyGnPA" />
    <input value="8884" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/batonnets-de-bretzel-carotte-bio-75-g-8885">
          <img alt="Bâtonnets de bretzel Carotte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5151/file/small-a5b6ae76374978eb1a9d209cb8227cea.webp 600w, https://assets.fabulous.ch/public/variant_asset/5151/file/medium-d5d80bef5dfc6641736039920c532fe9.webp 900w, https://assets.fabulous.ch/public/variant_asset/5151/file/large-d0d95bd7bf1c677551388ad32ae93f42.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5151/file/medium-d5d80bef5dfc6641736039920c532fe9.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">Freche Freunde</p>
          <a href="/fr/products/batonnets-de-bretzel-carotte-bio-75-g-8885">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bâtonnets de bretzel Carotte Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iJLA6BqfT4BXF9L8BuoNaGQamthXciWRTX8uW1nZp1JkzalQ8_U_d9KZys_Gk2DQPw1cU_9rkZseK3d_Kzqriw" />
    <input value="8885" 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;160 sur 3&#39;205 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/miadelita?format=turbo_stream&amp;page=109">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>