<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/sans-muhhh-drink-3-5-de-matieres-grasses-bio-1-l-11332">
          <img alt="Sans Muhhh Drink 3.5% de matières grasses Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5808/file/small-b66051eb33fd56682fcc0877bd3086cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5808/file/medium-2d1fe58f6c9ac36b6d718ac56c579549.webp 900w, https://assets.fabulous.ch/public/variant_asset/5808/file/large-e67e68015c9edacd021d1835b21fa79e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5808/file/medium-2d1fe58f6c9ac36b6d718ac56c579549.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/fr/products/sans-muhhh-drink-3-5-de-matieres-grasses-bio-1-l-11332">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sans Muhhh Drink 3.5% de matières grasses Bio, 1 l</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 0.33 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MAYtqGIW0fs_o7Pyo0DKxHDrdYHJhz2KV4mDT_fUO8fjsDgUlchiZFKOAzlKTLbVPy0LdjIrSje6n0zJ5TNatw" />
    <input value="11332" 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/boisson-de-millet-bio-1-l-11333">
          <img alt="Boisson de Millet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5811/file/small-649ad932987deaedc2c503fb8258b7bf.webp 600w, https://assets.fabulous.ch/public/variant_asset/5811/file/medium-29fc032a7b301ae26dd1d5d6f5bab061.webp 900w, https://assets.fabulous.ch/public/variant_asset/5811/file/large-9281f2eca1ccc20dc07c8d60ef6a0f8f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5811/file/medium-29fc032a7b301ae26dd1d5d6f5bab061.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">Soyana</p>
          <a href="/fr/products/boisson-de-millet-bio-1-l-11333">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson de Millet Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5n0CTM8bli0NgVVFW5mLG8tXDxWcSPozwKf9KyHiYbg1yxfwOMUlsmCs5Y6ylfcKhJFx4mfkjY4tsTKtMwUAyA" />
    <input value="11333" 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/lait-de-noix-de-coco-premium-bio-200-ml-11334">
          <img alt="Lait de noix de coco Premium Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5809/file/small-294e862b3653a1e52f0ae6bde0074a56.webp 600w, https://assets.fabulous.ch/public/variant_asset/5809/file/medium-5f6d9bad72d585ffd8f84d32aa1f3b45.webp 900w, https://assets.fabulous.ch/public/variant_asset/5809/file/large-9b7c37b0d292240314bd7af467a80b1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5809/file/medium-5f6d9bad72d585ffd8f84d32aa1f3b45.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">Dr. Goerg</p>
          <a href="/fr/products/lait-de-noix-de-coco-premium-bio-200-ml-11334">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lait de noix de coco Premium Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x0OdB1qIhZ64sZgjdr5lJr_IONnbY1EDmIJ_7KwqfaEU9Yi7rVY2AdWcKOifshk38A5GLiDPJr51lLBqvs0c0Q" />
    <input value="11334" 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/boisson-aux-noix-de-cajou-nature-bio-1-l-11342">
          <img alt="Boisson aux Noix de Cajou Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5818/file/small-67cc4e1d2a69d644c551d97fbecd166c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5818/file/medium-16cfefa0385642f9b9828573f8fb86c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/5818/file/large-b749d8125c41d0faa9e5fdfb98d5ccc1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5818/file/medium-16cfefa0385642f9b9828573f8fb86c2.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">Natumi</p>
          <a href="/fr/products/boisson-aux-noix-de-cajou-nature-bio-1-l-11342">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson aux Noix de Cajou Nature Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8yVbXLnPQl7_FO_aus4c_duJvve1u5ZsUS2UPrTXwjsgk07gThHxwZI5XxFTwmDslE_AAE4X4dG8O1u4pjCjSw" />
    <input value="11342" 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-basmati-sauvage-demeter-500-g-11346">
          <img alt="Riz basmati &amp; sauvage Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5820/file/small-0d9be41b0e273e75fe5214bf5347ad7c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5820/file/medium-583f2ad62125b36b50063db8765bbc15.webp 900w, https://assets.fabulous.ch/public/variant_asset/5820/file/large-eb2e5cad51a519da8c3b3f90f366c58c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5820/file/medium-583f2ad62125b36b50063db8765bbc15.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">Davert</p>
          <a href="/fr/products/riz-basmati-sauvage-demeter-500-g-11346">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riz basmati &amp; sauvage Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZDir4mQ5hoxuv_1120lv-6QlY67PvYYWj97EsSTK0QW3jr5ek-c1EwOSTb4yRRPq6-MdWTQR8atiyAs3Ni2wdQ" />
    <input value="11346" 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/pois-au-four-crossies-bio-150-g-11348">
          <img alt="Pois au four Crossies Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5822/file/small-17245d750ce10b7103c2c5b187b28375.webp 600w, https://assets.fabulous.ch/public/variant_asset/5822/file/medium-0a7c8ba13e14db1dc5b5d31590f22ae1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5822/file/large-59ce68a5d2090ba45df10c16f136763d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5822/file/medium-0a7c8ba13e14db1dc5b5d31590f22ae1.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/pois-au-four-crossies-bio-150-g-11348">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pois au four Crossies Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gq2aaXdjMTI8gwsJJvPBfqQiiwG1nrNGS9YG3amAqH5RG4_VgL2CrVGuu8LP_71v6-T19k4yxPumwMlbu2fJDg" />
    <input value="11348" 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/gout-de-mozzarella-rapee-150-g-11352">
          <img alt="Goût de mozzarella râpée" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5824/file/small-65502691a1b32685f88863dafa9d19b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5824/file/medium-5f438b8c0c590af139143716549f256b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5824/file/large-8c3485e04c3db807080f51acae7af319.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5824/file/medium-5f438b8c0c590af139143716549f256b.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">Violife</p>
          <a href="/fr/products/gout-de-mozzarella-rapee-150-g-11352">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Goût de mozzarella râpée, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.30 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GWZn3T9_R_QoEv7G-TCANETnEdKX56qi9fXeJfcgC7HK0HJhyKH0a0U_Tg0QPPwlCyFvJWxL3R8Y4xGj5cdqwQ" />
    <input value="11352" 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/melange-a-cuire-mon-pain-en-croute-sans-gluten-bio-480-g-11353">
          <img alt="Mélange à cuire Mon pain en croûte 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/5823/file/small-2ba1098e0837a96bf725254ef885aa63.webp 600w, https://assets.fabulous.ch/public/variant_asset/5823/file/medium-a0efadeb5112e4c726cb945895358be5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5823/file/large-c3caa1e578506c69550d6599dc77cd29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5823/file/medium-a0efadeb5112e4c726cb945895358be5.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/melange-a-cuire-mon-pain-en-croute-sans-gluten-bio-480-g-11353">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mélange à cuire Mon pain en croûte sans gluten Bio, 480 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 1.15 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_qQ0n80vPB-dmcIa1HcQV_dwvQgEjp43EfYnvvhSD28tEiEjOvGPgPC0ctE9e2xGuLbD__8i6Yr84Og46rVuHw" />
    <input value="11353" 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/kuhbonbon-bonbon-au-caramel-sale-165-g-11388">
          <img alt="Kuhbonbon Bonbon au caramel salé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5831/file/small-8c03af5913208e60a84a845eb78dffcc.webp 600w, https://assets.fabulous.ch/public/variant_asset/5831/file/medium-95600dc7d302d3ef03110d35e1425847.webp 900w, https://assets.fabulous.ch/public/variant_asset/5831/file/large-0292ab9443902101c05ae7f13e324bb0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5831/file/medium-95600dc7d302d3ef03110d35e1425847.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">Kuhbonbons</p>
          <a href="/fr/products/kuhbonbon-bonbon-au-caramel-sale-165-g-11388">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kuhbonbon Bonbon au caramel salé, 165 g</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 4.06 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-11388-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/ma-sauce-vanille-bourbon-bio-16-g-11389">
          <img alt="Ma Sauce Vanille Bourbon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5834/file/small-9bad9e1e9838f74649177b4ad2c73bd8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5834/file/medium-5a40720c17fa783bda752cac5bd1873f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5834/file/large-72281c72ea1cdb14b0566779f455c834.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5834/file/medium-5a40720c17fa783bda752cac5bd1873f.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-sauce-vanille-bourbon-bio-16-g-11389">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ma Sauce Vanille Bourbon Bio, 16 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pW_0WjfLJ5RIJ9gjP9EQAfIuKnHjyQf5lXo3tIE1fuZ22eHmwBWUCyUKaOjW3WwQvehUhhhlcER4bPgyk9Iflg" />
    <input value="11389" 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/saucisse-a-griller-vegetalienne-helle-bio-100-g-11390">
          <img alt="Saucisse à griller végétalienne &quot;Helle&quot; Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5835/file/small-7f2a760b3146c6ca84d89976b2c67f9b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5835/file/medium-59c3c18ba384077d47134b8c90979456.webp 900w, https://assets.fabulous.ch/public/variant_asset/5835/file/large-8b104e8db7dc2850741e51cfdbd99acb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5835/file/medium-59c3c18ba384077d47134b8c90979456.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">Wheaty</p>
          <a href="/fr/products/saucisse-a-griller-vegetalienne-helle-bio-100-g-11390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Saucisse à griller végétalienne &quot;Helle&quot; Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

              <div class="size-8 text-blue-300" title="Réfrigération nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 5.40 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5XYRDJtnz_07gsLa1CVRgX1tM_eCOU6BcvhQ8on7OQ82wASwbLl8YlavchE9KS2QMqtNAHmVOTyf7p90mxxYfw" />
    <input value="11390" 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/boules-de-chocolat-aux-noix-loveraw-28-g-11403">
          <img alt="Boules de chocolat aux noix LoveRaw" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5838/file/small-44635d23d16f86c67ea50ed7c6f7b068.webp 600w, https://assets.fabulous.ch/public/variant_asset/5838/file/medium-1e65f405e3614af3902fa860d1cf5155.webp 900w, https://assets.fabulous.ch/public/variant_asset/5838/file/large-491f060caeab456d337ef098ad2c79d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5838/file/medium-1e65f405e3614af3902fa860d1cf5155.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">Love Raw</p>
          <a href="/fr/products/boules-de-chocolat-aux-noix-loveraw-28-g-11403">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boules de chocolat aux noix LoveRaw, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11403-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">
    <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/bouillon-de-legumes-vecon-concentre-225-g-11404">
          <img alt="Bouillon de légumes Vecon Concentré" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5839/file/small-db1bf9f9acc8481dff9d30bf8889f3e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5839/file/medium-b705ba75b3ebadde710723b68de905d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5839/file/large-315c0efed255780d60b7c2d7fd62cb9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5839/file/medium-b705ba75b3ebadde710723b68de905d1.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">Vecon</p>
          <a href="/fr/products/bouillon-de-legumes-vecon-concentre-225-g-11404">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouillon de légumes Vecon Concentré, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11404-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/farine-de-teff-bio-450-g-11418">
          <img alt="Farine de Teff Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5840/file/small-bb99f3fce19c75aa36823ae799f672b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/5840/file/medium-26541538051e438b547cb204d9f6b418.webp 900w, https://assets.fabulous.ch/public/variant_asset/5840/file/large-7100bef5f8c6bfecc84ad820ca996849.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5840/file/medium-26541538051e438b547cb204d9f6b418.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-teff-bio-450-g-11418">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine de Teff Bio, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c3NwXVVAQjZ4wLCuGkqko0zlyWmisVRANBrQXDu8dLmgxWXhop7xqRXtAGXzRtiyAyO3nlkdI_3ZDB_aKVsVyQ" />
    <input value="11418" 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-de-teff-sans-gluten-bio-400-g-a87bf296-9387-47af-8124-8981e20f9e06-11419">
          <img alt="Farine de Teff 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/5842/file/small-083bd53795e368997405ef176c5ae72c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5842/file/medium-e3dbb1ca474a960eb3f6346e8f7b0125.webp 900w, https://assets.fabulous.ch/public/variant_asset/5842/file/large-415e0c59abbcb15157b695b32a6dc976.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5842/file/medium-e3dbb1ca474a960eb3f6346e8f7b0125.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">manifaktur</p>
          <a href="/fr/products/farine-de-teff-sans-gluten-bio-400-g-a87bf296-9387-47af-8124-8981e20f9e06-11419">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine de Teff sans Gluten Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K_oGa0F-nex3CX38YdLK2fWQFfLObT5g0XK_tFgTX4L4TBPXtqAucxokzTeI3rbIulZrBTXBSd08ZHAySvQ-8g" />
    <input value="11419" 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/chocolat-aux-noisettes-avec-chips-de-riz-bio-40-g-11423">
          <img alt="Chocolat aux noisettes avec chips de riz bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5846/file/small-0c9291bfbe98cb20f9e01f55f626c785.webp 600w, https://assets.fabulous.ch/public/variant_asset/5846/file/medium-9a8d6d9f0b8a198f6ec86e58809b8202.webp 900w, https://assets.fabulous.ch/public/variant_asset/5846/file/large-87227cfea17da2c94d40b20e867ad012.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5846/file/medium-9a8d6d9f0b8a198f6ec86e58809b8202.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">Vego Chocolate</p>
          <a href="/fr/products/chocolat-aux-noisettes-avec-chips-de-riz-bio-40-g-11423">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chocolat aux noisettes avec chips de riz bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M66mDQTM_YDAd1bKvfQrv8s7jZAg62liKzI4IWbabu_gGLOx8xJOH61a5gFU-FeuhP3zZ9tHHt_GJPendD0Pnw" />
    <input value="11423" 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/bisoja-1-aliment-pour-nourrissons-boite-400-g-11433">
          <img alt="Bisoja 1 Aliment pour nourrissons Boîte" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5848/file/small-50b39ad8222f3d7df3740d255da0c07e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5848/file/medium-bfd1b13ce000e0362f79f415c6371ab4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5848/file/large-586a3f80324271763ab2291a17d9c238.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5848/file/medium-bfd1b13ce000e0362f79f415c6371ab4.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">Bimbosan</p>
          <a href="/fr/products/bisoja-1-aliment-pour-nourrissons-boite-400-g-11433">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bisoja 1 Aliment pour nourrissons Boîte, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11433-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/bisoja-1-alimentation-pour-nourrissons-recharge-400-g-11434">
          <img alt="Bisoja 1 Alimentation pour nourrissons Recharge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5849/file/small-97ded3740a2fa001eb65dba0373944fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5849/file/medium-684dcac2ed241378b04bc26484800f0f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5849/file/large-cc6b0ee3ff952076e2b151615de89b93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5849/file/medium-684dcac2ed241378b04bc26484800f0f.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">Bimbosan</p>
          <a href="/fr/products/bisoja-1-alimentation-pour-nourrissons-recharge-400-g-11434">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bisoja 1 Alimentation pour nourrissons Recharge, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5JoUf2nsCWpGtgE-q-tSchud6x6pvOIKjiHeGOPN_eg3LAHDnjK69SubsfVC5y5jVFuV6VIQlbdjNxGe8SqcmA" />
    <input value="11434" 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/bisoja-2-preparation-de-suite-boite-400-g-11435">
          <img alt="Bisoja 2 préparation de suite Boîte" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5850/file/small-7ee284afda6c19dcfdabfffd3610c3ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/5850/file/medium-aba7cc46430623fb04826e6fbfbbc175.webp 900w, https://assets.fabulous.ch/public/variant_asset/5850/file/large-8585096e183315d356e648b7cd9822b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5850/file/medium-aba7cc46430623fb04826e6fbfbbc175.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">Bimbosan</p>
          <a href="/fr/products/bisoja-2-preparation-de-suite-boite-400-g-11435">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bisoja 2 préparation de suite Boîte, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11435-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/bisoja-2-preparation-de-suite-recharge-400-g-11436">
          <img alt="Bisoja 2 préparation de suite Recharge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5851/file/small-459be6f79480adf37605a375a6d143d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5851/file/medium-92e7d22d0ee78852c1c38ea8220ea09a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5851/file/large-b9bcd1b16a4702b2c2d552aae3da983c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5851/file/medium-92e7d22d0ee78852c1c38ea8220ea09a.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">Bimbosan</p>
          <a href="/fr/products/bisoja-2-preparation-de-suite-recharge-400-g-11436">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bisoja 2 préparation de suite Recharge, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11436-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>



</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">
      1&#39;280 sur 2&#39;290 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/comestibles?format=turbo_stream&amp;page=65">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>