<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-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/xylit-sucre-de-bouleau-premium-sticks-200-g-7559">
          <img alt="Xylit Sucre de bouleau Premium Sticks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4361/file/small-edb3e2a60443da59333d237bf688c2df.webp 600w, https://assets.fabulous.ch/public/variant_asset/4361/file/medium-38a9a9031e239642e5b537a3037cac0e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4361/file/large-60f9c47dcd104227dd829fd307208e35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4361/file/medium-38a9a9031e239642e5b537a3037cac0e.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">Xucker</p>
          <a href="/fr/products/xylit-sucre-de-bouleau-premium-sticks-200-g-7559">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Sucre de bouleau Premium Sticks, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7559-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/graines-de-moutarde-jaune-bio-bio-80-g-7565">
          <img alt="Graines de Moutarde Jaune Bio Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4362/file/small-184fd052273c815787491a97514b4e62.webp 600w, https://assets.fabulous.ch/public/variant_asset/4362/file/medium-29a2a2e581eb6802792b49c9db565ed6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4362/file/large-a9c8e5e7606f2697fd456e45e18b6e47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4362/file/medium-29a2a2e581eb6802792b49c9db565ed6.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/graines-de-moutarde-jaune-bio-bio-80-g-7565">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graines de Moutarde Jaune Bio Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6A8bZf7yIHAN5BaIBsnkdoi2wegPHXiMWeqOhdnuIEJW-wpSIHnydhFKo2p88y-a-IOYiWOQVcDzvlNj___YyQ" />
    <input value="7565" 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/cannelle-ceylon-moulu-en-gros-boite-bio-300-g-7582">
          <img alt="Cannelle Ceylon moulu en gros boîte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4376/file/small-e34eb8962ae7312d4f4211bd21da2ee2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4376/file/medium-ff4aca35a9b83ffb3398a729ed8e879d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4376/file/large-0b652d37932c68d1ad92394167bc0645.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4376/file/medium-ff4aca35a9b83ffb3398a729ed8e879d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/fr/products/cannelle-ceylon-moulu-en-gros-boite-bio-300-g-7582">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cannelle Ceylon moulu en gros boîte Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uQvxJJZH1bBIeE6Zn4_mfR_w0aLFOCWqHj2L8Jw89_0H_-ATSMwHtlTW-3vltS2Rb8WIw6m1COa0aVYWui0Pdg" />
    <input value="7582" 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/safran-ficelles-bio-0-5-g-7583">
          <img alt="Safran ficelles Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4378/file/small-a808af53e7e7ccd63a5bd9344bc2fcf4.webp 600w, https://assets.fabulous.ch/public/variant_asset/4378/file/medium-54a3f75a6feed5c5b42e340b776a0eda.webp 900w, https://assets.fabulous.ch/public/variant_asset/4378/file/large-150c645e9da0c60a6ce6ab185e704351.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4378/file/medium-54a3f75a6feed5c5b42e340b776a0eda.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">Sonnentor</p>
          <a href="/fr/products/safran-ficelles-bio-0-5-g-7583">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Safran ficelles Bio, 0.5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;660.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="78bOI2jgD8p63iPFEjyr9VYCX4cUEzMpXXptXjkgG1pRMt8UtmvdzGZwlidoBmAZJjcG5nieHmX3LrC4HzHj0Q" />
    <input value="7583" 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/melasse-de-canne-a-sucre-bio-300-g-7615">
          <img alt="Mélasse de canne à sucre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4402/file/small-4e0c883f2e467b5210673c084491ba63.webp 600w, https://assets.fabulous.ch/public/variant_asset/4402/file/medium-b51c58acb8212a3595e29590a0602ec0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4402/file/large-310eec6c8019f68180d5fb3b6a0a510b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4402/file/medium-b51c58acb8212a3595e29590a0602ec0.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/melasse-de-canne-a-sucre-bio-300-g-7615">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mélasse de canne à sucre Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ymh-k6QESr2zpRIB_Nn1W_uZq4XJy0pQRgNMBrvaH3x0nG-keo-Yu68Lp-OG4z63i6zy5KVGZxzsV5Hgncvn9w" />
    <input value="7615" 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/lazzaretti-couscous-pois-casses-bio-400-g-7633">
          <img alt="Lazzaretti Couscous Pois cassés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4419/file/small-a67d358c166f63443d0a3938f505a702.webp 600w, https://assets.fabulous.ch/public/variant_asset/4419/file/medium-9fdb989c4fc72b93fd6694764ff281df.webp 900w, https://assets.fabulous.ch/public/variant_asset/4419/file/large-a803bcb868717e1853235c9ee9450c22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4419/file/medium-9fdb989c4fc72b93fd6694764ff281df.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">Lazzaretti</p>
          <a href="/fr/products/lazzaretti-couscous-pois-casses-bio-400-g-7633">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lazzaretti Couscous Pois cassés Bio, 400 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 1.73 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cfVEE5yljyvNGw3BF4_ochhGZI2EDlhJtMIVTbuX3T_PAVUkQi5dLdG1uCNttSOeaHM97OiDdQUelsirnYYltA" />
    <input value="7633" 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/lazzaretti-couscous-pois-chiches-bio-400-g-7634">
          <img alt="Lazzaretti Couscous Pois chiches Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4418/file/small-59dae71294f4e2b2587d21e6d5cc2283.webp 600w, https://assets.fabulous.ch/public/variant_asset/4418/file/medium-3f61b4fa36e55ca30161e36f0e4f5728.webp 900w, https://assets.fabulous.ch/public/variant_asset/4418/file/large-418f08f27576f463da4ef3fc3ada54df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4418/file/medium-3f61b4fa36e55ca30161e36f0e4f5728.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">Lazzaretti</p>
          <a href="/fr/products/lazzaretti-couscous-pois-chiches-bio-400-g-7634">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lazzaretti Couscous Pois chiches Bio, 400 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 1.73 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="81ho8LRXf0WxkdQ8F1tvFhVRtvCLLJFNKM6FL0_orc1NrHnHatytQ60_Yd5tYaT6ZWTvkeehvAGCmljJaflVRg" />
    <input value="7634" 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/lazzaretti-couscous-de-lentille-corail-bio-400-g-7635">
          <img alt="Lazzaretti Couscous de lentille corail Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4420/file/small-8145b1b0bb2a3951a766683ff7806d40.webp 600w, https://assets.fabulous.ch/public/variant_asset/4420/file/medium-f641adaa5f6bf97e929e67b8ebd8e9d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4420/file/large-0b72cbbb6c53a5a5b91874856f36139b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4420/file/medium-f641adaa5f6bf97e929e67b8ebd8e9d6.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">Lazzaretti</p>
          <a href="/fr/products/lazzaretti-couscous-de-lentille-corail-bio-400-g-7635">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lazzaretti Couscous de lentille corail Bio, 400 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 1.73 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gjFDqAz4FH9fUzGg0q_6OmWgJqeupkrD60_vPdeylrI8xVKf0nPGeUP9hEKolTHWFZV_xsIrZ49BGzLb8aNuOQ" />
    <input value="7635" 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/cornichons-sans-sucres-ajoutes-en-verre-bio-370-ml-7636">
          <img alt="Cornichons sans sucres ajoutés en verre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4422/file/small-35c1e314f440c422aa2c7f39ff187a19.webp 600w, https://assets.fabulous.ch/public/variant_asset/4422/file/medium-09b9e80e4b1022420af3534fe45be630.webp 900w, https://assets.fabulous.ch/public/variant_asset/4422/file/large-489bdc554d50d9e670851823efaf33a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4422/file/medium-09b9e80e4b1022420af3534fe45be630.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">Marschland Naturkost</p>
          <a href="/fr/products/cornichons-sans-sucres-ajoutes-en-verre-bio-370-ml-7636">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cornichons sans sucres ajoutés en verre Bio, 370 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FmgmaWGtFRqIUlADx4_jeS9Hxd6tVMG-YSaCOcFhDfyonDdevybHHJT85eG9tSiVX3Kcv8HZ7PLLcl_f53D1dw" />
    <input value="7636" 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">
    <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/haricots-gros-verre-demeter-350-g-7663">
          <img alt="Haricots Gros Verre Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4429/file/small-49b2e09c5702e845b1ef0c497eccf970.webp 600w, https://assets.fabulous.ch/public/variant_asset/4429/file/medium-2832467fd9675817d41620e1209e46cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4429/file/large-5ca40e617650ffaf3d848e2e3975c07f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4429/file/medium-2832467fd9675817d41620e1209e46cb.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">Nur Puur</p>
          <a href="/fr/products/haricots-gros-verre-demeter-350-g-7663">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haricots Gros Verre Demeter, 350 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.03 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-7663-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 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/semoule-de-ble-dur-bio-500-g-7665">
          <img alt="Semoule de blé dur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4432/file/small-c0e376380ff8d3e44d19447cf81c4232.webp 600w, https://assets.fabulous.ch/public/variant_asset/4432/file/medium-55bd24d0f960b4d5b6809ce7d6dfabfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4432/file/large-6f87cb9da2d3c67993b54acf5113d348.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4432/file/medium-55bd24d0f960b4d5b6809ce7d6dfabfc.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/semoule-de-ble-dur-bio-500-g-7665">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Semoule de blé dur Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V97bODgyL6DD_ejCOkx7IAqlS314hYH7adai7wZ4I5jpKsoP5rn9pt9TXSBAdrDMepASHBQIrLfDgn8JIGnbEw" />
    <input value="7665" 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/feuilles-de-riz-pour-rouleaux-de-printemps-bio-150-g-dddb2f43-07f6-40c1-aa31-dac4602cb87f-7672">
          <img alt="Feuilles de riz pour rouleaux de printemps Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4436/file/small-093b870132e087c67403c863f06bdcba.webp 600w, https://assets.fabulous.ch/public/variant_asset/4436/file/medium-591d7f326a0802a5b03ccbe731f1f539.webp 900w, https://assets.fabulous.ch/public/variant_asset/4436/file/large-1bdd00535bda194aee0e068e224a6f5d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4436/file/medium-591d7f326a0802a5b03ccbe731f1f539.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">Terrasana</p>
          <a href="/fr/products/feuilles-de-riz-pour-rouleaux-de-printemps-bio-150-g-dddb2f43-07f6-40c1-aa31-dac4602cb87f-7672">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Feuilles de riz pour rouleaux de printemps Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fXfWYfDE9zt8xxi3nYKzf8bxCsK9twK9DJl_l7v6o3PDg8dWLk8lPWBprVXnuHiTtsRTo9E6L_GmzaJxnetb-A" />
    <input value="7672" 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/xylit-sucre-de-bouleau-premium-boite-1-kg-7762">
          <img alt="Xylit Sucre de bouleau Premium Boîte" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4483/file/small-fbf007b91457b1e080636c7b4d4aaf2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4483/file/medium-bd8dfffc12a4049e78037cfa0956a6f8.webp 900w, https://assets.fabulous.ch/public/variant_asset/4483/file/large-5473d78477363b0f30100a756f27bbca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4483/file/medium-bd8dfffc12a4049e78037cfa0956a6f8.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">Xucker</p>
          <a href="/fr/products/xylit-sucre-de-bouleau-premium-boite-1-kg-7762">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Sucre de bouleau Premium Boîte, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7762-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">
    <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/xucker-erythritol-bronxe-alternative-au-sucre-de-canne-cru-boite-1-kg-7784">
          <img alt="Xucker Erythritol Bronxe Alternative au sucre de canne cru Boîte" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4518/file/small-ccf0f361fc64b738e5ba6126914566e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/4518/file/medium-41d45d287df8cad8f62e31fb932ebf45.webp 900w, https://assets.fabulous.ch/public/variant_asset/4518/file/large-7149b9dc1f880e841b116382b7fcfb75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4518/file/medium-41d45d287df8cad8f62e31fb932ebf45.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">Xucker</p>
          <a href="/fr/products/xucker-erythritol-bronxe-alternative-au-sucre-de-canne-cru-boite-1-kg-7784">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xucker Erythritol Bronxe Alternative au sucre de canne cru Boîte, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.00
            </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-7784-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 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/ma-bolognese-vegane-bio-28-g-7862">
          <img alt="Ma Bolognese Végane Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4596/file/small-d8821acd7cd9ba8ebde3753a66ee63a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/4596/file/medium-7f329a20a5cc37699985319bd8a2cc33.webp 900w, https://assets.fabulous.ch/public/variant_asset/4596/file/large-106d6636444d648906d910fa477d8bbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4596/file/medium-7f329a20a5cc37699985319bd8a2cc33.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/fr/products/ma-bolognese-vegane-bio-28-g-7862">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ma Bolognese Végane Bio, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A8_YeFBwspyJ0UYL1fPMnVlCLIK-qLBeMIVBZ6jUK1O9O8lPjvtgmpV_8-mvyQdxKXd149IlnRKa0ZyBjsXT2A" />
    <input value="7862" 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/miso-barley-soja-orge-bio-300-g-7914">
          <img alt="Miso Barley (Soja &amp; Orge) Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4639/file/small-b7aa9f7ba7db2bb2e8e27a80f5f0cf5e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4639/file/medium-c9b57069e4541742b7708cce4defc0a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/4639/file/large-7e3ef9a256c9eaf958c71f9523db622d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4639/file/medium-c9b57069e4541742b7708cce4defc0a8.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">Lima</p>
          <a href="/fr/products/miso-barley-soja-orge-bio-300-g-7914">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Miso Barley (Soja &amp; Orge) Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hg7Zokr8Wf4Gzp3G1SxwKK214KzqFxGkgrO6n06gXP2g-siVlHeL-BpgKCSvFrvE3YC5zYaaPOgo52d5aLGkdg" />
    <input value="7914" 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/aioli-vegan-sans-oeuf-demeter-190-ml-7915">
          <img alt="Aioli Vegan Sans œuf, Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4640/file/small-e2d2c35637614e7dd39104ca56b52ec0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4640/file/medium-42c85b928e0b2a16650fd4faae5d1523.webp 900w, https://assets.fabulous.ch/public/variant_asset/4640/file/large-9a914f09e667a80210af7e47cfc88060.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4640/file/medium-42c85b928e0b2a16650fd4faae5d1523.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/aioli-vegan-sans-oeuf-demeter-190-ml-7915">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Aioli Vegan Sans œuf, Demeter, 190 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1RnmsVvMZMowj24Uf9xE7ENwcnKzUCXHquhA_AAYB5tr7feGhUe2zCwh2_YF5o8AM0UrE9_dCIsAvJ0aJgn_EA" />
    <input value="7915" 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/concentre-de-tomates-en-tube-bio-120-g-7922">
          <img alt="Concentré de tomates en tube Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4648/file/small-6aa5f64a3da5ee71ce2cbcc00862fb83.webp 600w, https://assets.fabulous.ch/public/variant_asset/4648/file/medium-fcb38e5a269aed80b35a4b0343715fd6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4648/file/large-8dabbbb77fb1bc879961524bb7d55f38.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4648/file/medium-fcb38e5a269aed80b35a4b0343715fd6.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">Gautschi</p>
          <a href="/fr/products/concentre-de-tomates-en-tube-bio-120-g-7922">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Concentré de tomates en tube Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Kvfll9N2gLXMKNA539dGE6uqlK3iIM5otGRRg6je2G-UA_SgDf1Ss9CGZdul7Y3_25_NzI6t4yQeMIxljs8g5A" />
    <input value="7922" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sauce-mojo-verde-bio-125-g-7924">
          <img alt="Sauce Mojo Verde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4647/file/small-7c6d440df6d28da9265d9d8c9fe7c695.webp 600w, https://assets.fabulous.ch/public/variant_asset/4647/file/medium-59bfc98d2ede549b1b2e9f52a9516961.webp 900w, https://assets.fabulous.ch/public/variant_asset/4647/file/large-5477690a25f10a0970e566704bfc6d0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4647/file/medium-59bfc98d2ede549b1b2e9f52a9516961.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">Sanchon</p>
          <a href="/fr/products/sauce-mojo-verde-bio-125-g-7924">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Mojo Verde 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-7924-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TUFcyM3YVc3wNOBXly1quS0TSv1Mnrnh-xDajsgklJzztU3_E1OHy-yaVbXtF6FVXSYTnCATlK1RRAdo7jVsFw" />
    <input value="7924" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sauce-asia-thai-chili-bio-220-ml-7927">
          <img alt="Sauce Asia Thai Chili Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4650/file/small-f874293f45b1502dec268296ac9335a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/4650/file/medium-292c012345b850dc265102b79080ed35.webp 900w, https://assets.fabulous.ch/public/variant_asset/4650/file/large-787b7a54b0f06c04b82b2e4ff15ca130.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4650/file/medium-292c012345b850dc265102b79080ed35.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">Sanchon</p>
          <a href="/fr/products/sauce-asia-thai-chili-bio-220-ml-7927">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Asia Thai Chili Bio, 220 ml</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 2.05 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eCeetmH_gOrzH6Ovq-kxHNU7aSl7ECVamntTSJK_WOfG04-Bv3RS7O-xFk3R0_rwpQ4wSBedCBYwL46utK6gbA" />
    <input value="7927" 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">
      280 sur 584 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/comestibles/ingredients-de-cuisine?format=turbo_stream&amp;page=15">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>