<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/xucker-erythritol-boite-bio-450-g-11800">
          <img alt="Xucker Erythritol 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/6025/file/small-f0a142d773ee8090d989c37d9f1bbcbb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6025/file/medium-1d97dedb6ed64aa74f0eba7671a60f63.webp 900w, https://assets.fabulous.ch/public/variant_asset/6025/file/large-e02449af885b9c74f69eb838f0e9f626.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6025/file/medium-1d97dedb6ed64aa74f0eba7671a60f63.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-boite-bio-450-g-11800">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xucker Erythritol Boîte Bio, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11800-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-xylitol-boite-bio-700-g-11801">
          <img alt="Xucker Xylitol 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/6027/file/small-8c3e86ecc47562a2e780c3938d0c56cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6027/file/medium-8b3c4e66a0eb1960f4271b23e43cb2cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6027/file/large-9b1793893f9923d421004adf8b32aa65.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6027/file/medium-8b3c4e66a0eb1960f4271b23e43cb2cd.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-xylitol-boite-bio-700-g-11801">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xucker Xylitol Boîte Bio, 700 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11801-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/xucker-like-sugar-boite-600-g-11807">
          <img alt="Xucker Like Sugar Boîte" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6030/file/small-d64067a1eae06009c2b9e3720174274f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6030/file/medium-f520da178d83b323da59613a25b263de.webp 900w, https://assets.fabulous.ch/public/variant_asset/6030/file/large-55193633869859b22e9ddbeadf9a1034.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6030/file/medium-f520da178d83b323da59613a25b263de.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-like-sugar-boite-600-g-11807">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xucker Like Sugar Boîte, 600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11807-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/tempeh-aux-herbes-de-montagne-et-aux-epices-bio-200-g-11810">
          <img alt="Tempeh aux herbes de montagne et aux épices Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6036/file/small-9b75720b33c761d7fcd7139fd5c284ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6036/file/medium-fb3ddfebf384130ae4f6ef3a1635e4ce.webp 900w, https://assets.fabulous.ch/public/variant_asset/6036/file/large-04fb1d2193498aa73065077c355126fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6036/file/medium-fb3ddfebf384130ae4f6ef3a1635e4ce.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">Peaceful Delicious</p>
          <a href="/fr/products/tempeh-aux-herbes-de-montagne-et-aux-epices-bio-200-g-11810">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh aux herbes de montagne et aux épices Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </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 2.75 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-11810-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/lifebar-barre-energetique-avoine-citron-bio-40-g-11841">
          <img alt="Lifebar Barre Énergétique Avoine Citron Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6041/file/small-086e08ae4718cb0a22f7eb6cef76facb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6041/file/medium-4608922216c2b12c9f98c02ba4643feb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6041/file/large-356602ec9447d683575780b3826356b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6041/file/medium-4608922216c2b12c9f98c02ba4643feb.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">Lifefood</p>
          <a href="/fr/products/lifebar-barre-energetique-avoine-citron-bio-40-g-11841">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lifebar Barre Énergétique Avoine Citron 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-11841-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zK1IniDc6jZ-np2HvEKeKdl2PxPaazZmkMiKqveQqVRl3FAKD91RckRRY409NsZhL0w4EpWvmLHoMImboN4osg" />
    <input value="11841" 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/lifebar-barre-energetique-avoine-brownie-bio-40-g-11842">
          <img alt="Lifebar Barre Énergétique Avoine Brownie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6045/file/small-dff23d88cc338949ef28499cf2fbe59f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6045/file/medium-7db949a30ad87e2596f6c8190a97132f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6045/file/large-6888697c37769503cfdeb967e75ac7d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6045/file/medium-7db949a30ad87e2596f6c8190a97132f.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">Lifefood</p>
          <a href="/fr/products/lifebar-barre-energetique-avoine-brownie-bio-40-g-11842">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lifebar Barre Énergétique Avoine Brownie 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-11842-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2rkSjSOMkBT8y6pxOlwVBYHbhNUwpgI6PFGsXE5SiYhzyAoZDI0rUMYEVHu7KE1Nd-GD1H9irO1Eqa9tGRwIbg" />
    <input value="11842" 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/lifebar-barre-energetique-avoine-chocolat-bio-40-g-11843">
          <img alt="Lifebar Barre Énergétique Avoine Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6046/file/small-e35efb039f3356e0ab64a303d4c5f2cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6046/file/medium-d23be3a0443e63a097084f9c62b77d14.webp 900w, https://assets.fabulous.ch/public/variant_asset/6046/file/large-4830b18b90a677b21259e25ed71fa21a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6046/file/medium-d23be3a0443e63a097084f9c62b77d14.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">Lifefood</p>
          <a href="/fr/products/lifebar-barre-energetique-avoine-chocolat-bio-40-g-11843">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lifebar Barre Énergétique Avoine Chocolat 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-11843-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_4DWgatcF-ECG15Jnydn99qhuJlCO_WpZQrGkf56NNFW8c4VhF2spTjUoEMeUz-_LJu_mA3_W34d8sWgqTS1Nw" />
    <input value="11843" 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/marinade-pour-tofu-bio-130-ml-11844">
          <img alt="Marinade pour Tofu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6047/file/small-cc6a849e11125f0064cf3744eab6d763.webp 600w, https://assets.fabulous.ch/public/variant_asset/6047/file/medium-81af6a69461ec783cd1f7395a84797c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6047/file/large-6e9f307e0956091961c82bdc898af9ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6047/file/medium-81af6a69461ec783cd1f7395a84797c4.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">Arche</p>
          <a href="/fr/products/marinade-pour-tofu-bio-130-ml-11844">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Marinade pour Tofu Bio, 130 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tIqIdVKK1pRw8px2zRuWj29GcDPY_0HFBAzHph1rND0d-5DhfYtt0Eo9YnxMb87HmXx3Mpc77xJ89MSXSiW12w" />
    <input value="11844" 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/mini-bretzel-a-l-avoine-sans-gluten-bio-80-g-11911">
          <img alt="Mini-Bretzel à l&#39;Avoine 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/6070/file/small-db79c0b0b3c460e17b2e5280f6631c2e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6070/file/medium-8510d16fe316d174fdd8cbd40113ee8a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6070/file/large-5d02d349d855c1e5c05542384a916326.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6070/file/medium-8510d16fe316d174fdd8cbd40113ee8a.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">Hammermühle Organic</p>
          <a href="/fr/products/mini-bretzel-a-l-avoine-sans-gluten-bio-80-g-11911">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini-Bretzel à l&#39;Avoine sans Gluten Bio, 80 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 3.69 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DbHMGpC0Bwy0o3PYxBdsAp_TcNDzKs-ZBAoFr_DjjHqkwNSOv7W8SI5sjdJFYzRKael30bzuYU588gaep60NnA" />
    <input value="11911" 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/oignons-grilles-indonesiens-bio-75-g-11913">
          <img alt="Oignons Grillés Indonésiens Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6071/file/small-03f6387908d6e21ea5696c8ac5aa5e45.webp 600w, https://assets.fabulous.ch/public/variant_asset/6071/file/medium-a9882a71ae8046eafb852a387d063559.webp 900w, https://assets.fabulous.ch/public/variant_asset/6071/file/large-a7f1aaf05daa5effe05c561566b32f1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6071/file/medium-a9882a71ae8046eafb852a387d063559.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/oignons-grilles-indonesiens-bio-75-g-11913">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oignons Grillés Indonésiens Bio, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dv2EtrbdTHnE2E7JnjLNQSemBHSrgql3UKp7GAUoFbffjJwimdz3Pf4XsMMfRpUJ0ZwDdeRGB6AoUngpUmaUUQ" />
    <input value="11913" 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/smokey-paprika-bio-50-g-11915">
          <img alt="Smokey Paprika Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6074/file/small-10be4fb9976c3ff488c780425aa57d82.webp 600w, https://assets.fabulous.ch/public/variant_asset/6074/file/medium-ea4e140979854c2d12c4f3ab40b1f2e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6074/file/large-595a811462a0dd21a72b857e8aef6a3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6074/file/medium-ea4e140979854c2d12c4f3ab40b1f2e4.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/smokey-paprika-bio-50-g-11915">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smokey Paprika Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jgTZ67RUAidNLhH2264ggygVMbHGofSIyP13dKnu2bkndcF_m1W5Y3fh7_xa2njL3i82sIllWl-wBXRF_qBYXw" />
    <input value="11915" 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/amis-des-biscuits-chocolat-keksfreunde-bio-125-g-11927">
          <img alt="Amis des Biscuits Chocolat Keksfreunde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6077/file/small-50dc6dd1859b9c0ab38b95fbb4191fa0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6077/file/medium-7302b954008a531442c896738870f947.webp 900w, https://assets.fabulous.ch/public/variant_asset/6077/file/large-55f59d795c84104ea683bac6d49214af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6077/file/medium-7302b954008a531442c896738870f947.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">Bohlsener Mühle</p>
          <a href="/fr/products/amis-des-biscuits-chocolat-keksfreunde-bio-125-g-11927">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amis des Biscuits Chocolat Keksfreunde Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="29e_WY5K81wWJodGgT0pOpnsiT8odqsPGQrwFhORrQJypqfNoUtIGCzpeUwASXFyb9aOPmeyBdhh8vMnRN8s5A" />
    <input value="11927" 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/faux-gras-gaia-alternative-vegan-au-foie-gras-aux-canneberges-bio-125-g-11928">
          <img alt="Faux Gras GAIA Alternative Vegan au foie gras aux Canneberges Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6076/file/small-49774bc383f0752e1f2366626a010edd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6076/file/medium-fcf67e88c138270c61b547ec0c5fa847.webp 900w, https://assets.fabulous.ch/public/variant_asset/6076/file/large-3da8fff63b4184f329333a0b3a1e79fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6076/file/medium-fcf67e88c138270c61b547ec0c5fa847.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">GAIA</p>
          <a href="/fr/products/faux-gras-gaia-alternative-vegan-au-foie-gras-aux-canneberges-bio-125-g-11928">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Faux Gras GAIA Alternative Vegan au foie gras aux Canneberges Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11928-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/creme-fouettee-a-la-noix-de-coco-400-ml-11929">
          <img alt="Crème fouettée à la noix de coco" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6078/file/small-c74fbda7af381711966fb05ae19b9fff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6078/file/medium-d03f5cca9527bf5b6d1695b3608fd8d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6078/file/large-a9546abe1e3ee1311a0cfeb3d7374d8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6078/file/medium-d03f5cca9527bf5b6d1695b3608fd8d1.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/creme-fouettee-a-la-noix-de-coco-400-ml-11929">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crème fouettée à la noix de coco, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ra3uYYmSBD6qTKqiaOQNTBqDBoM6jNjr5GP3LjLUKgjs3Pb1ppO_epCDVKjpkFUE7LkBgnVIdjycm_QfZZqr7g" />
    <input value="11929" 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-coco-a-teneur-reduite-en-matiere-grasse-11-bio-400-ml-11930">
          <img alt="Lait de coco à teneur réduite en matière grasse 11% bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6079/file/small-adb3a04b0f96d68d23e6af282a1493ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/6079/file/medium-25ef0c6e8156713b6ca5354451ac8b51.webp 900w, https://assets.fabulous.ch/public/variant_asset/6079/file/large-da600e4f09650d04342c4ca10eddad88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6079/file/medium-25ef0c6e8156713b6ca5354451ac8b51.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/lait-de-coco-a-teneur-reduite-en-matiere-grasse-11-bio-400-ml-11930">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lait de coco à teneur réduite en matière grasse 11% bio, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r8qtg-Q07zQ4SA86RftsIGaKuP6A76inFLDzXUH0vXgGu7UXyzVUcAKH8TDEjzRokLC__88rBnBsSPBsFro8ng" />
    <input value="11930" 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/cappuccino-latte-bio-235-ml-11931">
          <img alt="Cappuccino Latte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6080/file/small-28a550758dc3e2ffefada7e6ff04625a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6080/file/medium-baa66b993bd361b0cdc2632cb7eaf069.webp 900w, https://assets.fabulous.ch/public/variant_asset/6080/file/large-3d599e235694ce1a92d4c3deec5df2fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6080/file/medium-baa66b993bd361b0cdc2632cb7eaf069.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Oatly</p>
          <a href="/fr/products/cappuccino-latte-bio-235-ml-11931">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cappuccino Latte Bio, 235 ml</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 1.26 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V4qbXo0XwiXFUk29TNUzJ2xEAGEDDbZOhq_dUeQbCbz--4PKohZ5Yf-ds7fNoWtvmn4HYEzJGJn-V95gs1WIWg" />
    <input value="11931" 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/mocha-latte-bio-235-ml-11932">
          <img alt="Mocha Latte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6082/file/small-ba07d6ecd94abc14fb4fc4dba5f8f228.webp 600w, https://assets.fabulous.ch/public/variant_asset/6082/file/medium-d5090078cf9c0d779bedfea52dc6e786.webp 900w, https://assets.fabulous.ch/public/variant_asset/6082/file/large-ac71959650fdcfb1d15871b0db38079c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6082/file/medium-d5090078cf9c0d779bedfea52dc6e786.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Oatly</p>
          <a href="/fr/products/mocha-latte-bio-235-ml-11932">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mocha Latte Bio, 235 ml</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 1.26 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hGZGIjtFYjfWr7ec4zigNk49C09R3lRLJ_9EW7MbQSotF162FETZc-xgSZZiTPh-uAcMTh4a-pxfB0dq5FXAzA" />
    <input value="11932" 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/graisse-de-coco-bio-1000-ml-11960">
          <img alt="Graisse de Coco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6081/file/small-470a381f1b4e3a75542a78390d5e6319.webp 600w, https://assets.fabulous.ch/public/variant_asset/6081/file/medium-35917323e008e4608d52c629429e9ba7.webp 900w, https://assets.fabulous.ch/public/variant_asset/6081/file/large-eda68d5ab46ad425c34dd8b57fe67bc1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6081/file/medium-35917323e008e4608d52c629429e9ba7.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/graisse-de-coco-bio-1000-ml-11960">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graisse de Coco Bio, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.10
            </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-11960-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RJCdLQXFPL32ZFgzv847p1BrvHM-eI9TVdyLHQbkiL7t4YW5KsSH-cyrpjk-umPvplG7cnG8IYQtJIgsUaoJWA" />
    <input value="11960" 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/jay-joy-juliette-alternative-vegetale-au-fromage-rape-bio-150-g-11965">
          <img alt="Jay &amp; Joy JULIETTE Alternative végétale au fromage râpé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6083/file/small-8be85b58627bb1c749ebff50fbc4d78a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6083/file/medium-a0c39dacaadff25d54f5f3b12bf01283.webp 900w, https://assets.fabulous.ch/public/variant_asset/6083/file/large-1a39433c88b196e30da283dc89c6b0ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6083/file/medium-a0c39dacaadff25d54f5f3b12bf01283.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">Jay &amp; Joy</p>
          <a href="/fr/products/jay-joy-juliette-alternative-vegetale-au-fromage-rape-bio-150-g-11965">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jay &amp; Joy JULIETTE Alternative végétale au fromage râpé Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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.97 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-11965-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/dr-mannah-s-herbes-italiennes-le-muri-bio-100-g-11967">
          <img alt="Dr. Mannah&#39;s Herbes Italiennes - Le mûri, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6085/file/small-2f4a7fe0689d057506bb9c8ca504a069.webp 600w, https://assets.fabulous.ch/public/variant_asset/6085/file/medium-3ce8ca35b18de98a022cacf3155dde99.webp 900w, https://assets.fabulous.ch/public/variant_asset/6085/file/large-476504247757427573d4b813dbee93be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6085/file/medium-3ce8ca35b18de98a022cacf3155dde99.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">Happy Cheeze GmbH</p>
          <a href="/fr/products/dr-mannah-s-herbes-italiennes-le-muri-bio-100-g-11967">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dr. Mannah&#39;s Herbes Italiennes - Le mûri, Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.70
            </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 9.70 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eZLll0monHrHYAhh0DBvuSlo1yYVUZtXuNJ2oT4LJtjQ4_0DZqknPv2v9mtRRDfx31LQJ1qVNYDAKnWQaUWnPg" />
    <input value="11967" 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">
      1&#39;900 sur 3&#39;166 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/fair-squared?format=turbo_stream&amp;page=96">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>