<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/farine-de-manioc-bio-150-g-16534">
          <img alt="Farine de Manioc Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7623/file/small-838cc3e84f8fbdf059830a97f52d6456.webp 600w, https://assets.fabulous.ch/public/variant_asset/7623/file/medium-b1be0380c8d3ebc899a7c5bcedd27ade.webp 900w, https://assets.fabulous.ch/public/variant_asset/7623/file/large-6d775294db6779db2108edf0c292da07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7623/file/medium-b1be0380c8d3ebc899a7c5bcedd27ade.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">Govinda</p>
          <a href="/fr/products/farine-de-manioc-bio-150-g-16534">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine de Manioc Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AzAGX7TYRsy-xArm1R82UKovXBl1P5hM__ABgYwbNxb87uy1pLYxycuhjNFhD9oT2zS_2zYTRCL7zrkFjtu_lg" />
    <input value="16534" 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/preparation-pour-pain-noir-sans-gluten-bio-500-g-16544">
          <img alt="Préparation pour Pain Noir sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7632/file/small-88261c1fa4c54b6a9b6d853011c338a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7632/file/medium-6a7a73bbc1447504097338333e901150.webp 900w, https://assets.fabulous.ch/public/variant_asset/7632/file/large-21a50f860a38ea370ac334f138e36050.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7632/file/medium-6a7a73bbc1447504097338333e901150.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">Bauckhof</p>
          <a href="/fr/products/preparation-pour-pain-noir-sans-gluten-bio-500-g-16544">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Préparation pour Pain Noir sans gluten Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nKc5VN9XR6HdONSLYshEoPlZmkgapr5BuKE1NcIwYr9jedO-zzkwpKhdUrzW2KjjiEJ5ilmKYi-8n42xwPDqPw" />
    <input value="16544" 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">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/griottes-au-sirop-de-pomme-bio-360-g-16545">
          <img alt="Griottes au sirop de pomme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7631/file/small-965313e6cf1de9a7afc05110a56f13a5.webp 600w, https://assets.fabulous.ch/public/variant_asset/7631/file/medium-1706b76e8e2c4cb4ee2f9ed83bdbb570.webp 900w, https://assets.fabulous.ch/public/variant_asset/7631/file/large-327f0855c60b62378fa4e9f3266ef7ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7631/file/medium-1706b76e8e2c4cb4ee2f9ed83bdbb570.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/fr/products/griottes-au-sirop-de-pomme-bio-360-g-16545">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Griottes au sirop de pomme Bio, 360 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 1.38 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </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/the-vert-earl-grey-bio-50-g-16546">
          <img alt="Thé vert Earl Grey Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7633/file/small-7620aef775487dd8afcd7281228782c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/7633/file/medium-dfabda532703fd0043af4ed6619799f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7633/file/large-a3c4c2dc6fc47a3718e31ccd9dde6a4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7633/file/medium-dfabda532703fd0043af4ed6619799f3.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/the-vert-earl-grey-bio-50-g-16546">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Thé vert Earl Grey Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LY2F-PAWP0BZkAnpPZG627Zev-oMabXj7Vasw38xt5bSU28S4HhIRSz1j96JgVaYx0VcKE9FaY3paBRHffE_Fg" />
    <input value="16546" 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/farine-d-amande-deshuilee-bio-500-g-16565">
          <img alt="Farine d’Amande déshuilée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7634/file/small-fe5ec6e920e85521dcf08b993837632c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7634/file/medium-0cd2d2d6b9481c5cfb601293756ce228.webp 900w, https://assets.fabulous.ch/public/variant_asset/7634/file/large-5050c4978a865a354983a9d1f42f3e4e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7634/file/medium-0cd2d2d6b9481c5cfb601293756ce228.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">MORGA</p>
          <a href="/fr/products/farine-d-amande-deshuilee-bio-500-g-16565">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine d’Amande déshuilée Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="145HoDjTUXyaFQMfThqOV3h_d6DzuQ1jmtHt7kd97McoUK1KKL0mee9whSj6CmIUCWSUYrCV0Q2e71VqRb1kRw" />
    <input value="16565" 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/the-vert-au-jasmin-en-feuilles-bio-75-g-16572">
          <img alt="Thé vert au jasmin - en feuilles Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7635/file/small-ecc9687af96a9b6f543d6f33358560f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7635/file/medium-f3d7da2b770e188c423f9ace371cbdea.webp 900w, https://assets.fabulous.ch/public/variant_asset/7635/file/large-923bf0b28bac0ed8a00adae9a3caa487.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7635/file/medium-f3d7da2b770e188c423f9ace371cbdea.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/the-vert-au-jasmin-en-feuilles-bio-75-g-16572">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Thé vert au jasmin - en feuilles Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CxIpYCaz7mr2ugv9sg_A_MiACJWAekq7MTpweKeWfGf0zMOKNt2Zb4PfjcoGHyy_uZvrV8NWltU1BMj8pVb05w" />
    <input value="16572" 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/voelkel-kombucha-original-bio-330-ml-16573">
          <img alt="Voelkel Kombucha Original Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7636/file/small-473db6ded99114a9871d2be1acaf8ab0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7636/file/medium-353217995dd2e96c0cb66b8589bfe869.webp 900w, https://assets.fabulous.ch/public/variant_asset/7636/file/large-bfc987ca5d07faad04903bd346e5c2a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7636/file/medium-353217995dd2e96c0cb66b8589bfe869.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">Voelkel</p>
          <a href="/fr/products/voelkel-kombucha-original-bio-330-ml-16573">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Voelkel Kombucha Original Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="toYnRH7Qhd4zXUIsQPzffFKUgrA0koLG-u_-flE0yGJJWM2ubr7y20Y4xBv07DM_I49hcne-Xqj-0Ub6U_RA4g" />
    <input value="16573" 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/the-noir-darjeeling-en-vrac-demeter-100-g-16574">
          <img alt="Thé Noir Darjeeling en vrac Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7637/file/small-a887873f97a9df772acfbdb3e91920ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/7637/file/medium-b775bee0cf1eb40a0c700937b384f56d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7637/file/large-5dcf3fef22639dbf87e12240008e878a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7637/file/medium-b775bee0cf1eb40a0c700937b384f56d.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">Hampstead Tea</p>
          <a href="/fr/products/the-noir-darjeeling-en-vrac-demeter-100-g-16574">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Thé Noir Darjeeling en vrac Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="60BWyKgxg_r6FzX4yI19fx2g0zVL7m5S6PR3QmWLY3cUnrwiuF_0_49ys898nZE8bLsw9wjCsjzsys_GZ0vr9w" />
    <input value="16574" 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/voelkel-jus-de-carottes-frais-du-champ-demeter-700-ml-16577">
          <img alt="Voelkel Jus de Carottes Frais du Champ Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7639/file/small-bbf84eb6975650722da124221704fd99.webp 600w, https://assets.fabulous.ch/public/variant_asset/7639/file/medium-d8a6c46453c2eefb8e7e4cb1a5e367ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/7639/file/large-ac3897e95f41817261d016cba1213285.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7639/file/medium-d8a6c46453c2eefb8e7e4cb1a5e367ad.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">Voelkel</p>
          <a href="/fr/products/voelkel-jus-de-carottes-frais-du-champ-demeter-700-ml-16577">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Voelkel Jus de Carottes Frais du Champ Demeter, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UQ-tbTG-YyyrYYRubkKaca0wYJq_8ZkldxZB7s-WZ0-u0UeHIdAUKd4EAlnaUnYy3CuDWPzdRUtzKPlqzVbvzw" />
    <input value="16577" 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/cafe-bonga-red-mountain-capsules-de-cafe-decaffeinato-bio-10-capsules-10-piece-16578">
          <img alt="Café Bonga Red Mountain Capsules de café Decaffeinato Bio, 10 capsules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7641/file/small-58df123d4f8e396ab38eade6033b1e29.webp 600w, https://assets.fabulous.ch/public/variant_asset/7641/file/medium-3a23733fb0f5af2bc632f22b764a9c3c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7641/file/large-9799249a8c2a3f4989d66d13ca175f35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7641/file/medium-3a23733fb0f5af2bc632f22b764a9c3c.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">Original Food</p>
          <a href="/fr/products/cafe-bonga-red-mountain-capsules-de-cafe-decaffeinato-bio-10-capsules-10-piece-16578">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Café Bonga Red Mountain Capsules de café Decaffeinato Bio, 10 capsules, 10 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6cyAp068WUU2u3QOejKvv1RbRjPiVBIB74qEVPVe-14WEmpNXtIuQEPe8jnOIkP8JUCl8aF4zm_rtDzQ955z3g" />
    <input value="16578" 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/rapunzel-sel-marin-iode-bio-500-g-16583">
          <img alt="Rapunzel Sel Marin Iodé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7642/file/small-9d04d6139fb327afe116fca4cca3ddd9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7642/file/medium-c8bfa64b7590b129ac5d66ff17f373bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7642/file/large-f0a157339fa1301a670cd3922069b903.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7642/file/medium-c8bfa64b7590b129ac5d66ff17f373bb.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/rapunzel-sel-marin-iode-bio-500-g-16583">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rapunzel Sel Marin Iodé Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zc4W-wYJgz5FarTrTkdy9dsjXrGlN-LI2sKhv9eY7MGaEPwRFmf0OzAPMtz6V562qji9c-YbPqbe_Bk71VhkQQ" />
    <input value="16583" 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/boules-a-la-cannelle-sans-gluten-bio-275-g-16587">
          <img alt="Boules à la Cannelle sans Gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7646/file/small-c09e58047282cf40e30bdfbcb1318e09.webp 600w, https://assets.fabulous.ch/public/variant_asset/7646/file/medium-bde327ce240e4ec73c96de51d99c997b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7646/file/large-a6fe89cd42614fadaa707e169fdcd474.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7646/file/medium-bde327ce240e4ec73c96de51d99c997b.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">Bauckhof</p>
          <a href="/fr/products/boules-a-la-cannelle-sans-gluten-bio-275-g-16587">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boules à la Cannelle sans Gluten Bio, 275 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 2.51 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="shl4ljH19XKnCAISJU-PbuFhKM0TvPGMIFwmAZuLt_JNx5J8IZuCd9JthCWRX2MtkHrLD1CQLeIkYp6FmUs_cg" />
    <input value="16587" 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/petits-pains-hamburger-au-sesame-bio-50-g-16590">
          <img alt="Petits pains hamburger au sésame Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7649/file/small-bbabc82a8e852d808ca56cd6478ef62f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7649/file/medium-a867c45534d2839b5946a11cffd2ae9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7649/file/large-32e8a10905ee344f9c16fff9a55575ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7649/file/medium-a867c45534d2839b5946a11cffd2ae9e.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">L&#39;Angelus</p>
          <a href="/fr/products/petits-pains-hamburger-au-sesame-bio-50-g-16590">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petits pains hamburger au sésame Bio, 50 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 9.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oMHjDvurAHG7BCA2n9PJwYcIVc_NoF62ORfDXjRx6R5fHwnk68V3dM5hpgErwyWC9hO2DY6Mgtg9KXvaNrFhng" />
    <input value="16590" 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/capelli-d-angelo-fideli-sans-gluten-250-g-16591">
          <img alt="Capelli d&#39;Angelo Fideli sans gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7650/file/small-4f6f2c85f977ff6228532b9d058aad55.webp 600w, https://assets.fabulous.ch/public/variant_asset/7650/file/medium-b50e26885fc1b3545b4cfbb130a234c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7650/file/large-3a9d4c1b0323ead0fc05eef335a30b9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7650/file/medium-b50e26885fc1b3545b4cfbb130a234c6.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">Schär</p>
          <a href="/fr/products/capelli-d-angelo-fideli-sans-gluten-250-g-16591">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Capelli d&#39;Angelo Fideli sans gluten, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tL64frT--CpZ5K365FLz5PHEIPpKNK2iXnoCuwebBwlLYFKUpJCPLyyBK81QQh-ngN_DOAkYccxaRLo_BVuPiQ" />
    <input value="16591" 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/graisse-de-coco-100-bio-250-g-16592">
          <img alt="Graisse de coco 100% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7652/file/small-649d77bfb43621281831c0f743920490.webp 600w, https://assets.fabulous.ch/public/variant_asset/7652/file/medium-c65a76b68335fa071246a962bb492cb9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7652/file/large-c4587469fc8c19d6cf68badb7e33d3a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7652/file/medium-c65a76b68335fa071246a962bb492cb9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/fr/products/graisse-de-coco-100-bio-250-g-16592">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graisse de coco 100% Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ysnTLwhtkcyJ6zViGBxhVMPEP7YKCwfff9LvhgYOdSs1FznFGAPmyfyOs1WsDI0Xst_cdEkn27F77FcCBM79qw" />
    <input value="16592" 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/pates-a-pain-levain-extrait-bio-15-g-16593">
          <img alt="Pâtes à pain Levain Extrait Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7651/file/small-23566c1cb12dde8512313eae8b995f1d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7651/file/medium-b2885356fb9fe7a348f0e9b736e7c068.webp 900w, https://assets.fabulous.ch/public/variant_asset/7651/file/large-a59633bb6362e7486f42307afa6870e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7651/file/medium-b2885356fb9fe7a348f0e9b736e7c068.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">VITAM</p>
          <a href="/fr/products/pates-a-pain-levain-extrait-bio-15-g-16593">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâtes à pain Levain Extrait Bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gI9zFdNsOxctMKQQkrRcbqp08ykk1cwTRbQX-X-QZAl_UZn_wwJMElhVIicmpLAt228Q62f5EH1Biq99fVDsiQ" />
    <input value="16593" 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-tournesol-suisses-bio-200-g-16594">
          <img alt="Graines de tournesol Suisses Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7655/file/small-2a405835c77c3a6130d5e13f538f9019.webp 600w, https://assets.fabulous.ch/public/variant_asset/7655/file/medium-8bd831db40fc868c43bffcf738388764.webp 900w, https://assets.fabulous.ch/public/variant_asset/7655/file/large-14401081b187514df17f23eee6ee62ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7655/file/medium-8bd831db40fc868c43bffcf738388764.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/graines-de-tournesol-suisses-bio-200-g-16594">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graines de tournesol Suisses Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OzuPyHI4NunL8w3QV5oDXpNr2CwKxKj0v4NTG9vVYBbE5WUiYlZB7L6Wi-fjiu8d4nA77knodJq7veuf2RXolg" />
    <input value="16594" 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/sarrasin-bio-500-g-e1b6feeb-9da4-4215-8417-a25f0f3de580-16595">
          <img alt="Sarrasin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7656/file/small-aa9809258236a061745e20a95b0231f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7656/file/medium-457ac84191ae5c2e2aa7e912ccab1044.webp 900w, https://assets.fabulous.ch/public/variant_asset/7656/file/large-67d036ddc69570202d6fa399b3847927.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7656/file/medium-457ac84191ae5c2e2aa7e912ccab1044.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/sarrasin-bio-500-g-e1b6feeb-9da4-4215-8417-a25f0f3de580-16595">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sarrasin Bio, 500 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 0.84 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="axb__XzIYPa7ioDMUHcvgi6KuX9OVYNESGSQwwZ3o9KUyBUXbKYX887vBvvkZ8PBX5FavQ15XypMWihHBLcrUg" />
    <input value="16595" 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/riz-souffle-sans-gluten-bio-125-g-16605">
          <img alt="Riz soufflé sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7657/file/small-df0c911836fdc6a95caffafe1505af20.webp 600w, https://assets.fabulous.ch/public/variant_asset/7657/file/medium-d75045b103da8139cb94b32b3ed5b25f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7657/file/large-a2aced9ea9b2d67908f879c0638f4b92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7657/file/medium-d75045b103da8139cb94b32b3ed5b25f.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">Werz</p>
          <a href="/fr/products/riz-souffle-sans-gluten-bio-125-g-16605">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riz soufflé sans gluten Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HmNv9yy8youzDvDYh7MihNxucnkA7VP2cTpAZY4G12XhvYUdPNK9jsZrdu8zo87HrXWRu0PBj5h1BPjhjMZf5Q" />
    <input value="16605" 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/bouillon-de-legumes-instantane-sans-matieres-grasses-et-sans-gluten-500-g-16609">
          <img alt="Bouillon de légumes instantané sans matières grasses et sans gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7662/file/small-45364548d553e6891cc115fa7f4e7306.webp 600w, https://assets.fabulous.ch/public/variant_asset/7662/file/medium-4e179f84802f93d5fb04e647d39809e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7662/file/large-c894d7817ad873115deb11ffefd1e777.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7662/file/medium-4e179f84802f93d5fb04e647d39809e6.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">MORGA</p>
          <a href="/fr/products/bouillon-de-legumes-instantane-sans-matieres-grasses-et-sans-gluten-500-g-16609">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon de légumes instantané sans matières grasses et sans gluten, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.25
            </p>

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

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

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

</template></turbo-stream>