<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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/boisson-a-base-d-avoine-barista-edition-1-l-3506">
          <img alt="Boisson à base d&#39;avoine Barista Edition" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2298/file/small-2918a7db64d4fae4aa469b24fd5e7a70.webp 600w, https://assets.fabulous.ch/public/variant_asset/2298/file/medium-2a7f68c6fad608245380699fe04d4b68.webp 900w, https://assets.fabulous.ch/public/variant_asset/2298/file/large-4e88dce3d94c6cdec5a701cddf5af337.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2298/file/medium-2a7f68c6fad608245380699fe04d4b68.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">Oatly</p>
          <a href="/fr/products/boisson-a-base-d-avoine-barista-edition-1-l-3506">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson à base d&#39;avoine Barista Edition, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pC-n4SHnl9Jj6koQHckJwXL1gC45NYYn-z0oEtZFk_FO-8AaOp0KC2S6mHWlaa_1jxdwhgZQa6nMeTBz5Qaf7w" />
    <input value="3506" 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/couches-ecologiques-jour-nuit-mini-3-6-kg-1-piece-3507">
          <img alt="Couches Ecologiques Jour &amp; Nuit Mini 3-6 kg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2297/file/small-05b8b75e50901065385571f583729c6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2297/file/medium-9433e403ffdfe069f602fff69a46ee32.webp 900w, https://assets.fabulous.ch/public/variant_asset/2297/file/large-84e28c1f88f24e8645f65322689f7ce9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2297/file/medium-9433e403ffdfe069f602fff69a46ee32.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">Tidoo</p>
          <a href="/fr/products/couches-ecologiques-jour-nuit-mini-3-6-kg-1-piece-3507">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Couches Ecologiques Jour &amp; Nuit Mini 3-6 kg, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UTRmdTVHxNgNR_ZhuHMr6pQsAUqRu5aHFJaMg0aFykC74AGOLj1ZAQoXJAQA043eac7x4q7eewkj0pTidcbGXg" />
    <input value="3507" 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/couches-ecologiques-jour-nuit-midi-4-9-kg-1-piece-3508">
          <img alt="Couches Ecologiques Jour &amp; Nuit Midi 4-9 kg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2299/file/small-5b541cdab5953ea8c78c5d3ac03601b3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2299/file/medium-c6918b812f18d336256ce8ab39fbb4c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/2299/file/large-918b1c6a5ba9f7514a174c2005923ef3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2299/file/medium-c6918b812f18d336256ce8ab39fbb4c7.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">Tidoo</p>
          <a href="/fr/products/couches-ecologiques-jour-nuit-midi-4-9-kg-1-piece-3508">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Couches Ecologiques Jour &amp; Nuit Midi 4-9 kg, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="39ALOaEAcv2352u8gsIQIYwlEwbeu09vaVEIr86W_941BGzCunrvJLC3udk6YrYVccfjruHeouFeFRDO_dXzwA" />
    <input value="3508" 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/couches-ecologiques-jour-nuit-maxi-7-18kg-1-piece-3509">
          <img alt="Couches Ecologiques Jour &amp; Nuit Maxi 7-18kg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2302/file/small-7a54bc07a1df3b79689a0d58ce3ab5ee.webp 600w, https://assets.fabulous.ch/public/variant_asset/2302/file/medium-a0d65cae6b690fba12fadeda6663a815.webp 900w, https://assets.fabulous.ch/public/variant_asset/2302/file/large-b4c8c1c2750bf2d94494ce324ea7733a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2302/file/medium-a0d65cae6b690fba12fadeda6663a815.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">Tidoo</p>
          <a href="/fr/products/couches-ecologiques-jour-nuit-maxi-7-18kg-1-piece-3509">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Couches Ecologiques Jour &amp; Nuit Maxi 7-18kg, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nOr29Nw4Ehu1G37XJ5wrqIhYZS3LltMZruVoj0YXmd52PpEPx0KPwrJLrLKfPI2cdbqVhfTzPpeZoXDudVSVwA" />
    <input value="3509" 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/couches-ecologiques-jour-nuit-maxiplus-9-20kg-1-piece-3510">
          <img alt="Couches Ecologiques Jour &amp; Nuit MaxiPlus 9-20kg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2304/file/small-0962f2e43f8c1b87e836262bc8c612c0.webp 600w, https://assets.fabulous.ch/public/variant_asset/2304/file/medium-87305c3315fab860b7e169e2920c8948.webp 900w, https://assets.fabulous.ch/public/variant_asset/2304/file/large-743a4323936bc72f0b3c36b4a1f6a86e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2304/file/medium-87305c3315fab860b7e169e2920c8948.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">Tidoo</p>
          <a href="/fr/products/couches-ecologiques-jour-nuit-maxiplus-9-20kg-1-piece-3510">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Couches Ecologiques Jour &amp; Nuit MaxiPlus 9-20kg, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pIPBQ5CN861G84pbdrc_ss9uHweV1_QeIdzSF0TezS1OV6a4i_dudEGjWD7OF5mGMozvr6qyGZAWmMp2d53BMw" />
    <input value="3510" 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/acide-folique-bio-active-5-mthf-600-g-kapseln-90-piece-3525">
          <img alt="Acide Folique Bio-Active 5-MTHF 600µg Kapseln" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2309/file/small-fbfccf007a363c92e55362bf4034d115.webp 600w, https://assets.fabulous.ch/public/variant_asset/2309/file/medium-59c9506ad9b7997c0d1ae2700cbdacf0.webp 900w, https://assets.fabulous.ch/public/variant_asset/2309/file/large-c5146f1ae04d30b09507b01a62f8134b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2309/file/medium-59c9506ad9b7997c0d1ae2700cbdacf0.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">energybalance</p>
          <a href="/fr/products/acide-folique-bio-active-5-mthf-600-g-kapseln-90-piece-3525">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Acide Folique Bio-Active 5-MTHF 600µg Kapseln, 90 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5oeck2b7-jwzm3Uk5JZl-MTw3KkBBq4zZve36ADVNx0MU_tofYFn5TTLp0FcNsPMORIsAT5jQ71Rs6-JM5Y7Aw" />
    <input value="3525" 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/nigari-chlorure-de-magnesium-poudre-500-g-3526">
          <img alt="Nigari (chlorure de magnésium) poudre" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2306/file/small-6741fa9c4f51f71c4e24090189218d6d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2306/file/medium-285ab20c851510b8c70bd591fe795e81.webp 900w, https://assets.fabulous.ch/public/variant_asset/2306/file/large-971217d3e4f73e4eff46debf07eb4131.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2306/file/medium-285ab20c851510b8c70bd591fe795e81.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">energybalance</p>
          <a href="/fr/products/nigari-chlorure-de-magnesium-poudre-500-g-3526">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nigari (chlorure de magnésium) poudre, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jreZ_idENJexbhzYQhLI6VlJCslyFgEtgFzKYGpP-UxkY_4FPD6pTrY-zr36sm7dpKv6YU1z7KO3GNIBWQz1Ug" />
    <input value="3526" 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/tofubox-moule-a-tofu-xl-1-piece-3527">
          <img alt="TOFUBOX Moule à Tofu XL" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2307/file/small-a3ff2326eedd61a0961aa407612cb10d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2307/file/medium-304578fc977f5004a48f843fd3659b42.webp 900w, https://assets.fabulous.ch/public/variant_asset/2307/file/large-34573583e3092762530130dda561f592.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2307/file/medium-304578fc977f5004a48f843fd3659b42.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">Tofu Box</p>
          <a href="/fr/products/tofubox-moule-a-tofu-xl-1-piece-3527">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">TOFUBOX Moule à Tofu XL, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 63.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oNg7qxp0-5YWkVL4yh-KFqnrQCyyHyU5Pyr9aBncGopKDFxQAQ5mTxHBgJ1yvywiVAmwhI16yLcIbuUJKp8WlA" />
    <input value="3527" 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/tofubox-moule-a-tofu-large-1-piece-3532">
          <img alt="TOFUBOX  Moule à tofu Large" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2317/file/small-41315c55a63e109e1f30bbee336a71cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/2317/file/medium-d204b2f3d3382abb7ac5471bc04d06f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2317/file/large-547567b88a466cf7382ec13e8888e7b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2317/file/medium-d204b2f3d3382abb7ac5471bc04d06f3.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">Tofu Box</p>
          <a href="/fr/products/tofubox-moule-a-tofu-large-1-piece-3532">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">TOFUBOX  Moule à tofu Large, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 58.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tM14zJ7arijPOClBrZP3qx8ZwLyYCF0ZmNjmHdf5P-FeGR83haAz8cho-yQVM1Gf4vswFKdtsJevnP585Loz_w" />
    <input value="3532" 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/tofubox-moule-a-tofu-standard-1-piece-3535">
          <img alt="TOFUBOX Moule à tofu Standard" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2325/file/small-8f6e9093350cd01cfa40e5dac05c60e2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2325/file/medium-59a82b282f119272b9b8ea658ec81f54.webp 900w, https://assets.fabulous.ch/public/variant_asset/2325/file/large-f0d774b30f095f7d3829f2a0bf632921.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2325/file/medium-59a82b282f119272b9b8ea658ec81f54.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">Tofu Box</p>
          <a href="/fr/products/tofubox-moule-a-tofu-standard-1-piece-3535">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">TOFUBOX Moule à tofu Standard, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 52.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qLFHaKBf3hLJNL_qm4MeHjMdAAITipTfzwf_Z-hntoZCZSCTuyVDy85kbY8jI7gqzv_wqizveVH4Q-cG2yS6mA" />
    <input value="3535" 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/nigari-pour-la-realisation-de-tofu-100-g-dc5cbdca-a59b-437d-973e-179adf3a4800-3536">
          <img alt="Nigari pour la réalisation de tofu" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2324/file/small-bdec9afe5716cd7b1cd25a3f8c8f7d7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/2324/file/medium-21466e9ac7de4b683deb1517030fcb73.webp 900w, https://assets.fabulous.ch/public/variant_asset/2324/file/large-70064f4f1c67847b468f972c75f225f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2324/file/medium-21466e9ac7de4b683deb1517030fcb73.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">Tofu Box</p>
          <a href="/fr/products/nigari-pour-la-realisation-de-tofu-100-g-dc5cbdca-a59b-437d-973e-179adf3a4800-3536">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nigari pour la réalisation de tofu, 100 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 4.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0bTJ53fH7d251gM5ox-Oh90RoeyH8Q8T6QxC0fifo8Q7YK4cbL1wBL6G0VwbvyizIPNRRLiU4p3eSFqwy9yv2g" />
    <input value="3536" 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/etamine-gaze-45x45-cm-1-piece-3537">
          <img alt="Etamine / Gaze  45x45 cm" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2328/file/small-e42bdec5da0030bf7e0e2668e0cee488.webp 600w, https://assets.fabulous.ch/public/variant_asset/2328/file/medium-23be35d80391b61a3d90ca970be8e528.webp 900w, https://assets.fabulous.ch/public/variant_asset/2328/file/large-5fe7785f727c42bce66122b956eee16a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2328/file/medium-23be35d80391b61a3d90ca970be8e528.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">Tofu Box</p>
          <a href="/fr/products/etamine-gaze-45x45-cm-1-piece-3537">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Etamine / Gaze  45x45 cm, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-znSgscX_5R2zDOJlfkz2uHo_sXD0OpfJpbqF5d7rhsR7bV53G1iTXGc4ewtWZXuHAoObfy1B9ER0vJ2pDiiBQ" />
    <input value="3537" 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/machine-a-yaourt-sans-electricite-vert-1-piece-3557">
          <img alt="Machine à yaourt sans électricité VERT" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2338/file/small-3cfe66de8d5fd47248954412f07044f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2338/file/medium-65fc2a64c986dd8761a6d06d67bd5e29.webp 900w, https://assets.fabulous.ch/public/variant_asset/2338/file/large-064cc8d6c43f576964cad9a48c8fc968.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2338/file/medium-65fc2a64c986dd8761a6d06d67bd5e29.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/machine-a-yaourt-sans-electricite-vert-1-piece-3557">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Machine à yaourt sans électricité VERT, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E45SOZi2du8y1mXhBtJVTe86I-9m4K7_PIgXnC9pcu35WjXCg8zrNjWGt4S-cvN5EtjTR1mFQ3ELzA_9HCp-8w" />
    <input value="3557" 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/cannabidiol-cbd-ein-cannabishaltiges-compendium-1-piece-3558">
          <img alt="Cannabidiol (CBD): Ein cannabishaltiges Compendium" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2339/file/small-f79b6eff16e7c2bed582c60ee2edcca3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2339/file/medium-7afb9ba10242b8f31b61595dc9854dd3.webp 900w, https://assets.fabulous.ch/public/variant_asset/2339/file/large-f21bde51ac0813bc4ea828c9857afc1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2339/file/medium-7afb9ba10242b8f31b61595dc9854dd3.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">Buchverlag</p>
          <a href="/fr/products/cannabidiol-cbd-ein-cannabishaltiges-compendium-1-piece-3558">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cannabidiol (CBD): Ein cannabishaltiges Compendium, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i1kJlp89BSMfbzx9HZDAAFQL2DkmE8G_z3xELM93aexhjW5thEeY-hg_7hilMGY0qekokRl2LDH4OFxN_DRl8g" />
    <input value="3558" 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/cannabidiol-cbd-ein-cannabishaltiges-compendium-1-piece-b7e09a16-5540-47e6-96df-e3fab3fd1222-3561">
          <img alt="Cannabidiol (CBD): Ein cannabishaltiges Compendium" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2343/file/small-98aa38a6118df752e4aaca26e97a3975.webp 600w, https://assets.fabulous.ch/public/variant_asset/2343/file/medium-84fc65fd3fc661dfa5942fe5a325c7e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2343/file/large-4d986f62f4a8221456d4b73a9b5af5fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2343/file/medium-84fc65fd3fc661dfa5942fe5a325c7e8.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">Buchverlag</p>
          <a href="/fr/products/cannabidiol-cbd-ein-cannabishaltiges-compendium-1-piece-b7e09a16-5540-47e6-96df-e3fab3fd1222-3561">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cannabidiol (CBD): Ein cannabishaltiges Compendium, 1 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wXJaEhfmhZ6FVL6CwaXgH8ysspugPZsonJNq7WBsrg4rpj3pDJwYR4IEbOd5BUYrMU5CM59Ydqar13KMUy-iEA" />
    <input value="3561" 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/graines-a-germer-fenugrec-bio-150-g-3607">
          <img alt="Graines à germer Fenugrec Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2361/file/small-df9bd9d0e7ae1983404be82716a4b647.webp 600w, https://assets.fabulous.ch/public/variant_asset/2361/file/medium-27f38f15217a64fc6153496bf8acd2a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/2361/file/large-3cfd3954b23cdb9e2b12976fb22e36cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2361/file/medium-27f38f15217a64fc6153496bf8acd2a1.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">Germline</p>
          <a href="/fr/products/graines-a-germer-fenugrec-bio-150-g-3607">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graines à germer Fenugrec Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RQGgGfPqUDGNBqRYohu0J5hxYha_7pzM94YTkXnR50av1cfi6JDN6IpWdj0auxITZZOSvoCLcULAwgvwSpLrWA" />
    <input value="3607" 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-a-germer-haricot-mungo-bio-200-g-3608">
          <img alt="Graines à germer Haricot Mungo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2363/file/small-bdc9ba312e35dfaa9ebdba9954884388.webp 600w, https://assets.fabulous.ch/public/variant_asset/2363/file/medium-be81866fdd4ec79fcae9628a6932075b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2363/file/large-8c4c254896b87f843aefc68bdd131235.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2363/file/medium-be81866fdd4ec79fcae9628a6932075b.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">Germline</p>
          <a href="/fr/products/graines-a-germer-haricot-mungo-bio-200-g-3608">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graines à germer Haricot Mungo Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4k8lzrTiikunI9s87u5pC-wde1wetbdinSPdc9u2WJIIm0I1r5gXkqBzCVlWTs8_Ef-L9CHQWuyqZ8US6PVUjA" />
    <input value="3608" 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/graines-a-germer-alfalfa-bio-150-g-3609">
          <img alt="Graines à germer Alfalfa Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2364/file/small-4cc21c43d98a102906df667d5ff50f20.webp 600w, https://assets.fabulous.ch/public/variant_asset/2364/file/medium-856dfd7a1eac2113c99c9d72f5088e70.webp 900w, https://assets.fabulous.ch/public/variant_asset/2364/file/large-3a265fd634ac176eae4ba8840a8347d8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2364/file/medium-856dfd7a1eac2113c99c9d72f5088e70.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">Germline</p>
          <a href="/fr/products/graines-a-germer-alfalfa-bio-150-g-3609">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graines à germer Alfalfa Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ozcGYKZXQiG7VZJbFjfs0yfsSNZdtftnG5DNkUtWjjlJ42GbvS3f-LwFQD6ul0rn2g64fmLQFuks1NXweBWCJw" />
    <input value="3609" 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/citrate-de-magnesium-en-poudre-200-g-3642">
          <img alt="Citrate de magnésium en poudre" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2381/file/small-a8b4e9be477f305b204d9802b8a9a769.webp 600w, https://assets.fabulous.ch/public/variant_asset/2381/file/medium-822447f1dd116a98c22b42e2ba2bcd3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2381/file/large-938b8d9991d7a8870eecc7a2bd965754.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2381/file/medium-822447f1dd116a98c22b42e2ba2bcd3e.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">Raab</p>
          <a href="/fr/products/citrate-de-magnesium-en-poudre-200-g-3642">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Citrate de magnésium en poudre, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2MsgkxKcPY7LDYysT4h6x5BAaZpX8aQTrHSUASo37ycyH0doCeagV8xdXsn3KNzzbaKZMmiUSZ2bMIxgGXTjOQ" />
    <input value="3642" 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/q10-contour-des-yeux-anti-rides-basis-sensitiv-15-ml-3649">
          <img alt="Q10 Contour des yeux anti-rides basis sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2389/file/small-05e238b5f62505cd2c0633e4935e2de9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2389/file/medium-53af08776c2307b1602b3a0e78e7a88b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2389/file/large-8b60a4ce68d6b6d92ba25c88b565099e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2389/file/medium-53af08776c2307b1602b3a0e78e7a88b.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">Lavera</p>
          <a href="/fr/products/q10-contour-des-yeux-anti-rides-basis-sensitiv-15-ml-3649">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Q10 Contour des yeux anti-rides basis sensitiv, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QpCXz5W2RfIjQcUWqm1-BpPU9MBIlcVn43QHKU_lDAGoRPA0jszYKyQRF3MSzdgybjYEaHfwKOnUMB9IfKYAHw" />
    <input value="3649" 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">
      640 sur 3&#39;185 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/peaceful-delicious?format=turbo_stream&amp;page=33">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>