<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/lentilles-beluga-noir-en-gros-bio-5-kg-15514">
          <img alt="Lentilles Beluga noir 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/7074/file/small-6caecbafa030408790b6c7ff13de62e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7074/file/medium-97b525a3d4ca164beece1ff492fad687.webp 900w, https://assets.fabulous.ch/public/variant_asset/7074/file/large-8347bb95ff3fd9501aacb76f3d2b0413.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7074/file/medium-97b525a3d4ca164beece1ff492fad687.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/lentilles-beluga-noir-en-gros-bio-5-kg-15514">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lentilles Beluga noir en gros Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 55.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bdbh5XwfKsnpHuHM2yluvl918yCe2guEYvfZKuBapuHaK9Te6Oa-eq8nFh4kKjmUe2geKZWfMeK-chTV-OvLWA" />
    <input value="15514" 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/garam-masala-cuisine-indienne-bio-40-g-15521">
          <img alt="Garam Masala - Cuisine Indienne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7079/file/small-cff83c4f3b31f9455151d36447120f14.webp 600w, https://assets.fabulous.ch/public/variant_asset/7079/file/medium-64f306f40e010ef86d128de5ad18841a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7079/file/large-a945f46b6e435c72be4e80db2b8fb0ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7079/file/medium-64f306f40e010ef86d128de5ad18841a.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">Lebensbaum</p>
          <a href="/fr/products/garam-masala-cuisine-indienne-bio-40-g-15521">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Garam Masala - Cuisine Indienne Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yO2EGS5lOtbmPVizsop3WEXPPovaEr4EQMIwDM8ZdJcXELEiupyuZaAEr2FNiSByYdLTgtFXhGKcR_3z16gZLg" />
    <input value="15521" 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/kuvings-auto8-hands-free-silver-extracteur-de-jus-1-piece-15524">
          <img alt="Kuvings AUTO8 Hands-free Silver - Extracteur de jus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7081/file/small-b83c247caa205d78fd42af75fef35ae6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7081/file/medium-7a18bf7f5efc78cb4fbafd015a74d265.webp 900w, https://assets.fabulous.ch/public/variant_asset/7081/file/large-0c40886c8f24921d2caadcc74a5ac95c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7081/file/medium-7a18bf7f5efc78cb4fbafd015a74d265.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">Kuvings</p>
          <a href="/fr/products/kuvings-auto8-hands-free-silver-extracteur-de-jus-1-piece-15524">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kuvings AUTO8 Hands-free Silver - Extracteur de jus, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 395.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zQWkN1pZCtQQRihAL5S4ICoq3m-OjUNaFWq6uowunxcS-JEMzqCeZ1Z_35LQl-8KDjczZoXIeTzJ73dFlJ_yrg" />
    <input value="15524" 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/noix-de-cajou-coco-curry-bio-50-g-15526">
          <img alt="Noix de cajou Coco-Curry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7082/file/small-e58911c3537f6f5868282935709d6f8d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7082/file/medium-27c698088b7beaf32a401aa6dc6faae0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7082/file/large-8c4c1f133dbec3537f2d1bcf311a799c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7082/file/medium-27c698088b7beaf32a401aa6dc6faae0.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">Landgarten</p>
          <a href="/fr/products/noix-de-cajou-coco-curry-bio-50-g-15526">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Noix de cajou Coco-Curry Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Kh35H5xrGoLo38Q7aVisUeKO1ClffN5nknsgfFGl82D14MwkCJKOMa7mM-mWW_t7xpM5IFQ55AFO_u2DSRSe2Q" />
    <input value="15526" 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/noix-de-cajou-wasabi-bio-50-g-15527">
          <img alt="Noix de cajou Wasabi Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7085/file/small-5803ea4b66d550395235216ba0c95513.webp 600w, https://assets.fabulous.ch/public/variant_asset/7085/file/medium-29577cdd311f218b7a3d3343945a4306.webp 900w, https://assets.fabulous.ch/public/variant_asset/7085/file/large-e4e680c1bb5cc6ea4cdf6b30178e5293.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7085/file/medium-29577cdd311f218b7a3d3343945a4306.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">Landgarten</p>
          <a href="/fr/products/noix-de-cajou-wasabi-bio-50-g-15527">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Noix de cajou Wasabi Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0kAK1OsZPsc-sB6Ku1EuL5YRGzWGGipFC0dKg3b8CrgNvT_vf-CqdHiJ6VhEUnkFsgz2PI1fECPXwod8bk1nAQ" />
    <input value="15527" 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/yarrah-chien-croquettes-vegan-bio-2-kg-15563">
          <img alt="Yarrah Chien Croquettes Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7103/file/small-4f638d8413492dabf21b6fcf1ea0c28d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7103/file/medium-540ab670c640017cfc42041608b43f31.webp 900w, https://assets.fabulous.ch/public/variant_asset/7103/file/large-e80579978975767b02320acd293e67bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7103/file/medium-540ab670c640017cfc42041608b43f31.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">Yarrah</p>
          <a href="/fr/products/yarrah-chien-croquettes-vegan-bio-2-kg-15563">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yarrah Chien Croquettes Vegan Bio, 2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PB8GLpzpWq995wgA3gtjdd4GZcMtw1_k_mccy-EujSfj4jMVCBDOHDve_9IhCDRf-huIyiaGZYIi4tE0-Z_gng" />
    <input value="15563" 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/yarrah-chien-croquettes-sans-cereales-vegan-bio-2-kg-15565">
          <img alt="Yarrah Chien Croquettes sans céréales Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7105/file/small-691f2c4e9291cca827cc004943cf91e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7105/file/medium-4ea366d76006c8579c35e04419995cd7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7105/file/large-3c1d99d4608cee4954f002a102105f6b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7105/file/medium-4ea366d76006c8579c35e04419995cd7.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">Yarrah</p>
          <a href="/fr/products/yarrah-chien-croquettes-sans-cereales-vegan-bio-2-kg-15565">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yarrah Chien Croquettes sans céréales Vegan Bio, 2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lqxXehiMHidDxXBYtMMaNG6Ek6ZJzn1sLCWewZzrpMNJUWJBjHWKlAX8h4pLwE0eSpl-r0KLRwrwoFM-hFrJeg" />
    <input value="15565" 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/liquide-vaisselle-citron-bidon-gros-20-l-15567">
          <img alt="Liquide Vaisselle Citron Bidon gros" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7107/file/small-844741c88fbf0d41607b81e9899a3ba0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7107/file/medium-508a887596344a2e8de6d3dc06c5acfd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7107/file/large-10df6903fd07a9fb0fe5b1dc1b3c270d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7107/file/medium-508a887596344a2e8de6d3dc06c5acfd.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-citron-bidon-gros-20-l-15567">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Liquide Vaisselle Citron Bidon gros, 20 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 92.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zWKyoB_99x5NhPt-ljTWOUdc3uok9H0UBHxFLfCWBHISn4ebiwRjrQu9DKxpN4ETY0Ez4y-xR3LY-YjS6Cdpyw" />
    <input value="15567" 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/graines-de-lin-bio-500-g-15568">
          <img alt="Graines de Lin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7110/file/small-c012945d283952678a997d8340c0cc46.webp 600w, https://assets.fabulous.ch/public/variant_asset/7110/file/medium-d1e07be8131d8c0be7dbe2021835f681.webp 900w, https://assets.fabulous.ch/public/variant_asset/7110/file/large-6df97132fdd561d9667ad429ad1625ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7110/file/medium-d1e07be8131d8c0be7dbe2021835f681.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">Rapunzel</p>
          <a href="/fr/products/graines-de-lin-bio-500-g-15568">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graines de Lin Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uzcOnwL0TG14hhOLKdSRp4OeTi-FDX17byc-FFJek85kyjuklg3Y3j6_5FnW18aNp4OjJo5IRx2zovPrSu_-dw" />
    <input value="15568" 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/ferment-a-yaourt-my-yo-lactopro-inuline-bio-6-sachets-25-g-15576">
          <img alt="Ferment à yaourt My.Yo LactoPro + Inuline Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7113/file/small-0cd75e8d628cb7bfa35acca6df68bbbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/7113/file/medium-8bf3347ed953536b9d20677392674be5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7113/file/large-7a9c889002072afbd7058b8afc235f60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7113/file/medium-8bf3347ed953536b9d20677392674be5.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">my.yo</p>
          <a href="/fr/products/ferment-a-yaourt-my-yo-lactopro-inuline-bio-6-sachets-25-g-15576">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ferment à yaourt My.Yo LactoPro + Inuline Bio, 6 x 25 g</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 15.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FG0nN74rsbgKqBE0Ko_3ogVOikMWZAUU72V8L0tkezbLkBIMKtIlC0yR5ubVjKCIIVNnSh0hP3Iz4LHQU9UWjw" />
    <input value="15576" 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/popcorn-sale-bio-60-g-15601">
          <img alt="Popcorn Salé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7123/file/small-6a1802ff4ab9a4a56565904e5217a6c0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7123/file/medium-90256f02aa15fa07129cd67bd5d4801e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7123/file/large-4637cb9dae3171a5303b0738f5ce755f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7123/file/medium-90256f02aa15fa07129cd67bd5d4801e.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">Heimatgut</p>
          <a href="/fr/products/popcorn-sale-bio-60-g-15601">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Popcorn Salé Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ld-if7u2wM-2xmiRa4sUQOEz0qGu2aLnIoRCy4rj8ZxKIpdEL09UfPD_n0OUiENqxS4_qKWcmIH-AY80klKcJQ" />
    <input value="15601" 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/robinet-de-soutirage-sonett-pour-bidon-de-20-l-15613">
          <img alt="Robinet de soutirage Sonett pour bidon de" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7121/file/small-e39394556fa08812af2adbbef83d830c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7121/file/medium-764e7e672a2e3e36f7f39cbd704fa28d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7121/file/large-8efc8d7307354825af7af7d70250f6a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7121/file/medium-764e7e672a2e3e36f7f39cbd704fa28d.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/robinet-de-soutirage-sonett-pour-bidon-de-20-l-15613">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Robinet de soutirage Sonett pour bidon de, 20 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pRBTR9KVrRdywk-88jNueE-MpQj7M3CCMP95EmRZnNh67WZ8Rmw5pDT7uG4NMDlSa5FIAfB2SuTserTtfOjxYQ" />
    <input value="15613" 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/tablette-de-chocolat-noir-rapunzel-fourree-a-la-menthe-poivree-bio-100-g-15614">
          <img alt="Tablette de chocolat noir Rapunzel fourrée à la menthe poivrée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7122/file/small-95e8a9f7040b64bfa0c960ebd9d7a6a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7122/file/medium-ef78b1e854d52d895270e172202535d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7122/file/large-2c4ef9b57498e0a3a86aba7bb8cb977d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7122/file/medium-ef78b1e854d52d895270e172202535d7.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">Rapunzel</p>
          <a href="/fr/products/tablette-de-chocolat-noir-rapunzel-fourree-a-la-menthe-poivree-bio-100-g-15614">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablette de chocolat noir Rapunzel fourrée à la menthe poivrée Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xkPfJYjKI_S9mTh-46V4MFyIzPdOuG2IobNWp1KAeaYZvuoeHDO3R_ugz6wcpi8aeJUh_kX9V-59NptYSjEUHw" />
    <input value="15614" 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/creme-noix-de-coco-chocolat-noir-bio-250-g-15615">
          <img alt="Crème noix de coco chocolat noir Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7125/file/small-21daf745d704ed37e81be59abd373da1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7125/file/medium-77231b4655bf3d29c713598f8fbc9403.webp 900w, https://assets.fabulous.ch/public/variant_asset/7125/file/large-7e5a6de86012123269a93c6b2c1fe167.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7125/file/medium-77231b4655bf3d29c713598f8fbc9403.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">Rapunzel</p>
          <a href="/fr/products/creme-noix-de-coco-chocolat-noir-bio-250-g-15615">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crème noix de coco chocolat noir Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jatgT_1W7kRWbtI_toIjlMWfkjlNMkH5FvLsAtZjJH1SVlV0aa969xBXJe1JgXS-4YJ_MEZ3e5_KdyH9ztJJxA" />
    <input value="15615" 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/pepites-de-chocolat-noir-bio-100-g-15616">
          <img alt="Pépites de chocolat noir Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7126/file/small-71d2a7399752e9b680430b9a8329c7ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/7126/file/medium-6d8ba40412f5098b07c7e31f65edc7d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7126/file/large-285875e7013ef43b7a268bcc3a5ca062.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7126/file/medium-6d8ba40412f5098b07c7e31f65edc7d0.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">Rapunzel</p>
          <a href="/fr/products/pepites-de-chocolat-noir-bio-100-g-15616">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pépites de chocolat noir Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RqJsD_hpn2FBrVK-iN3t3jgjPirlA8jVuKXBNcFuDMCZX1k0bJAL0geUpWx33rr0HD7TI-5G8rNkIAzK2d9heQ" />
    <input value="15616" 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/beurre-de-cacahuetes-onctueux-bio-310-g-15618">
          <img alt="Beurre de Cacahuètes Onctueux Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7128/file/small-684c0c79d148099a478524088693bc22.webp 600w, https://assets.fabulous.ch/public/variant_asset/7128/file/medium-172becec30d17c1636a0d9e9b33a3e1e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7128/file/large-f57766b624e5462c4e18ee20a7979765.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7128/file/medium-172becec30d17c1636a0d9e9b33a3e1e.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">Allos</p>
          <a href="/fr/products/beurre-de-cacahuetes-onctueux-bio-310-g-15618">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beurre de Cacahuètes Onctueux Bio, 310 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zV_xo2V7qg47Nsm2nV3NMgeTwYfjrK3J3iuGLk0wm0QSosSY8YI-vX0PPmRiXpoYI44sjujpl68CrkvRVYH2_Q" />
    <input value="15618" 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/tablette-chocolat-nature-59-bio-85-g-15624">
          <img alt="Tablette Chocolat Nature 59% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7130/file/small-5f40fbd6a9e911c2b2188e2d2d35b9e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7130/file/medium-64c01357116d8b7dee85f82916cce475.webp 900w, https://assets.fabulous.ch/public/variant_asset/7130/file/large-b83d638e8598f571acc509564f85a045.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7130/file/medium-64c01357116d8b7dee85f82916cce475.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">MAKRi</p>
          <a href="/fr/products/tablette-chocolat-nature-59-bio-85-g-15624">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablette Chocolat Nature 59% Bio, 85 g</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 8.12 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TSMuhbhm_HGyoz0CwfuR9o1aDeYsEA_W-emIPgAe6-aS3hu-LJ9owvSaytA--MbcqUfg7ydVNbAlbEXBGK-GXw" />
    <input value="15624" 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/tablette-choco-dattes-noisettes-56-bio-85-g-15625">
          <img alt="Tablette Choco-Dattes Noisettes 56% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7131/file/small-f8311605cdc9d30aa8af93f638572b0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7131/file/medium-e624fca4dea5bc6cba22d23a995c60e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7131/file/large-460a5bb417f6a43ae41956fdd744c367.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7131/file/medium-e624fca4dea5bc6cba22d23a995c60e8.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">MAKRi</p>
          <a href="/fr/products/tablette-choco-dattes-noisettes-56-bio-85-g-15625">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablette Choco-Dattes Noisettes 56% Bio, 85 g</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 8.12 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yXI2RyUMoo3Ksjq8jWjQDnqCj-GFiVZRFPKQGFjYJfMWjwN8sfU2PoyLzW5ya4ckXp9i6I7MbDfId13nQGlISg" />
    <input value="15625" 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/tablette-chocolat-datte-framboise-57-bio-85-g-15628">
          <img alt="Tablette Chocolat Datte Framboise 57% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7136/file/small-7fc8e581f74ab6947dce847ec19d633c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7136/file/medium-fd99110855c2293769657aca300a7dad.webp 900w, https://assets.fabulous.ch/public/variant_asset/7136/file/large-51fab79387d467b9faaafa2ff95f641b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7136/file/medium-fd99110855c2293769657aca300a7dad.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">MAKRi</p>
          <a href="/fr/products/tablette-chocolat-datte-framboise-57-bio-85-g-15628">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablette Chocolat Datte Framboise 57% Bio, 85 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ECBTI9gcF1DXZqRJipBWq5_8-i92GpxMFdm0-09XWj3P3WYYTOWD45FfU5t1kwGBu-EXJn1fpirJXHkEV-Y3hA" />
    <input value="15628" 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/tablette-chocolat-noir-datte-72-bio-85-g-15629">
          <img alt="Tablette Chocolat Noir Datte 72% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7135/file/small-da1172d2821902ae96ce6d7be99dade5.webp 600w, https://assets.fabulous.ch/public/variant_asset/7135/file/medium-6b707a34158a14159ea92eac6c791442.webp 900w, https://assets.fabulous.ch/public/variant_asset/7135/file/large-f07f16dedc2bd65b823d68b65d3b29ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7135/file/medium-6b707a34158a14159ea92eac6c791442.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">MAKRi</p>
          <a href="/fr/products/tablette-chocolat-noir-datte-72-bio-85-g-15629">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablette Chocolat Noir Datte 72% Bio, 85 g</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 8.12 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a0lXintoJNTm4iz9hf22wS4wxFbsDON9M4QH5R7I-S60tGKx75GwZ6Db2y96_uHrCi0pX-dJ2RvvAcoaBnmUlw" />
    <input value="15629" 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;720 sur 3&#39;209 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/alberts?format=turbo_stream&amp;page=137">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>