<turbo-stream action="append" target="products_grid"><template>
    

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/xylit-confiture-avec-abricot-220-g-8046">
          <img alt="Xylit Confiture avec abricot" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4704/file/small-56bf1c4abba246286011d82223607855.webp 600w, https://assets.fabulous.ch/public/variant_asset/4704/file/medium-17c284f134055f857ad38426417c6b22.webp 900w, https://assets.fabulous.ch/public/variant_asset/4704/file/large-63f59a4f070c90767da47438a5a784e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4704/file/medium-17c284f134055f857ad38426417c6b22.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Xucker</p>
          <a href="/fr/products/xylit-confiture-avec-abricot-220-g-8046">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Confiture avec abricot, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8046-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/xylit-confiture-avec-pomme-cannelle-220-g-8047">
          <img alt="Xylit Confiture avec pomme cannelle" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4705/file/small-746a03de850b58ff7ab3dab2eae585c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/4705/file/medium-924404bf4cff446ed720b9cde39fc634.webp 900w, https://assets.fabulous.ch/public/variant_asset/4705/file/large-05f897faf6b0b15d041605c6ccc921e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4705/file/medium-924404bf4cff446ed720b9cde39fc634.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Xucker</p>
          <a href="/fr/products/xylit-confiture-avec-pomme-cannelle-220-g-8047">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Confiture avec pomme cannelle, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8047-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/olives-avec-noyaux-kalamata-al-naturale-crue-bio-205-g-8066">
          <img alt="Olives AVEC NOYAUX Kalamata al naturale CRUE Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4729/file/small-2318903f0b27ba0f2efad847fbaae72b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4729/file/medium-6259b4383d304ba8e9a4c47818971632.webp 900w, https://assets.fabulous.ch/public/variant_asset/4729/file/large-10d8eb4f569011191371151844584e97.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4729/file/medium-6259b4383d304ba8e9a4c47818971632.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">Mani</p>
          <a href="/fr/products/olives-avec-noyaux-kalamata-al-naturale-crue-bio-205-g-8066">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Olives AVEC NOYAUX Kalamata al naturale CRUE Bio, 205 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1Ww6J-PJM2cX7HtIjQil6unPLCRHn_O4sIL9WikkU6FRqGLxlZR2ydJVSCdIJrInKpYH_7qSHxnw0QNthTNV6Q" />
    <input value="8066" 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/mani-puree-de-tomates-sechees-bio-180-g-8067">
          <img alt="Mani Purée de tomates séchées Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4731/file/small-cae7efea66fa18704cd0b5a8028c9e0e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4731/file/medium-8f7ceb16f6497935af71b251300be7d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4731/file/large-d69920af54d9a397f7fc7abb7e583ebf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4731/file/medium-8f7ceb16f6497935af71b251300be7d0.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">Mani</p>
          <a href="/fr/products/mani-puree-de-tomates-sechees-bio-180-g-8067">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mani Purée de tomates séchées Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vnDGWigqs1WlKL6VZhYRN7ESqOtbY98XIj7Ts7TdUQU6tJ6MXnf2-2CRjfqjOAb6ckuDMKZuM7ZibS2EGMpXTQ" />
    <input value="8067" 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/mani-tapenade-aux-olives-vertes-bio-180-g-8068">
          <img alt="Mani Tapenade aux olives vertes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4732/file/small-f605f884b5a010d6e4c0d6ccd1b298d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4732/file/medium-360b5501000adfb0e0a65ed9db018b03.webp 900w, https://assets.fabulous.ch/public/variant_asset/4732/file/large-cf60bdd9d79beb8676dbdd171d0d766b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4732/file/medium-360b5501000adfb0e0a65ed9db018b03.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">Mani</p>
          <a href="/fr/products/mani-tapenade-aux-olives-vertes-bio-180-g-8068">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mani Tapenade aux olives vertes Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W6dS6LxLL6ecL_4CBiue6_5Ag5Xct8Al8Vf3EusjQcjfYwo-yhZqCVmWzW3DBYkmPRmoTiG6LISxBAklRzRHgA" />
    <input value="8068" 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/mani-tapenade-aux-olives-kalamata-bio-180-g-8070">
          <img alt="Mani Tapenade aux olives Kalamata Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4733/file/small-8b4ab401106aca6165f50874eb13c5cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/4733/file/medium-2e1279ab1f0d847209f0b14674baf944.webp 900w, https://assets.fabulous.ch/public/variant_asset/4733/file/large-75f13c3e3efe1d84f6c2851fa74890d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4733/file/medium-2e1279ab1f0d847209f0b14674baf944.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">Mani</p>
          <a href="/fr/products/mani-tapenade-aux-olives-kalamata-bio-180-g-8070">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mani Tapenade aux olives Kalamata Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z2toNpuoefzINi-V_OGh1YGybOdS8yImx2lzDV7TDh1LrzDg7fU8Ug2PHPo5z7YYQutHPK_-zoeHOo068sQIVQ" />
    <input value="8070" 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/veg-deli-slices-bacon-90-g-8300">
          <img alt="Veg Deli Slices – Bacon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4871/file/small-9e5771e4e1131af3ecdaa3ff5681169b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4871/file/medium-1c7dd95f0fd9213dfc360c57c31683e1.webp 900w, https://assets.fabulous.ch/public/variant_asset/4871/file/large-27c4c6b97eb87edd1c7d9074171b0ec8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4871/file/medium-1c7dd95f0fd9213dfc360c57c31683e1.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">Licorne</p>
          <a href="/fr/products/veg-deli-slices-bacon-90-g-8300">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veg Deli Slices – Bacon, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </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 7.67 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-8300-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/tee-rooibos-bio-100-g-8442">
          <img alt="Tee Rooibos Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4983/file/small-b346ec1b14bbc9dbf32cb2d21fbca193.webp 600w, https://assets.fabulous.ch/public/variant_asset/4983/file/medium-86e7a6168ab012790c1b9bd5eba02f56.webp 900w, https://assets.fabulous.ch/public/variant_asset/4983/file/large-a96ca0f85cf3d8bc9d43a813f0710f43.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4983/file/medium-86e7a6168ab012790c1b9bd5eba02f56.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/tee-rooibos-bio-100-g-8442">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tee Rooibos Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0SHOfxVYCH6vrevvj2yxs2u12N822bZyrLjFUN7YU9ZV5ZapYwVN0GoU2IBKQqZ-qOzzBMvUWtPs6ztncs9Vng" />
    <input value="8442" 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/galettes-protein-pois-chiches-bio-100-g-8623">
          <img alt="Galettes Protein Pois Chiches Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5021/file/small-fcbd412790a1a89c9713a763f979834c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5021/file/medium-4ea456481c7a3b93faa0c7f2077264a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5021/file/large-2e5e62383b3d5598efce49bee1968269.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5021/file/medium-4ea456481c7a3b93faa0c7f2077264a1.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lima</p>
          <a href="/fr/products/galettes-protein-pois-chiches-bio-100-g-8623">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Galettes Protein Pois Chiches Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8623-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/galettes-protein-lentilles-bio-100-g-8624">
          <img alt="Galettes Protein Lentilles Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5022/file/small-67fd693af1de5ddf2673b2bd06fd11dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/5022/file/medium-2ef002f25eba5ccebc89cf8744acc910.webp 900w, https://assets.fabulous.ch/public/variant_asset/5022/file/large-d3dffe909cabf364f85b509d1e4faeab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5022/file/medium-2ef002f25eba5ccebc89cf8744acc910.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lima</p>
          <a href="/fr/products/galettes-protein-lentilles-bio-100-g-8624">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Galettes Protein Lentilles Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8624-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/galettes-fines-de-mais-bio-140-g-8625">
          <img alt="Galettes Fines de Maïs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5023/file/small-96df770e8321b170435d38fbf9f44707.webp 600w, https://assets.fabulous.ch/public/variant_asset/5023/file/medium-b02ac7d2e56b494b81a99f15bc9a85b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/5023/file/large-a58e9f5b0d28f2ad6161532095262c3f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5023/file/medium-b02ac7d2e56b494b81a99f15bc9a85b9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lima</p>
          <a href="/fr/products/galettes-fines-de-mais-bio-140-g-8625">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Galettes Fines de Maïs Bio, 140 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 2.11 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jJNcISHLTwkqE-IrmMSpadeqq4yJmNvP1kYZ1XFs0ccIVwT3V5YKp--q0URd6r6kFPOAV3SVN26WFefi3XvXjw" />
    <input value="8625" 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/baba-ganoush-bio-170-g-9244">
          <img alt="Baba Ganoush Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5259/file/small-77b1d6ccefa84d57e743fc25d43fbd66.webp 600w, https://assets.fabulous.ch/public/variant_asset/5259/file/medium-ef564a19f195bbaaeb9c26cf5f6cfe15.webp 900w, https://assets.fabulous.ch/public/variant_asset/5259/file/large-e66a6274f4eca4144c31a5f8caae64a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5259/file/medium-ef564a19f195bbaaeb9c26cf5f6cfe15.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">Florentin</p>
          <a href="/fr/products/baba-ganoush-bio-170-g-9244">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baba Ganoush Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.25
            </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.68 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Gv2WkH9LIUyFv4fbGYEE_En-JKdnEt8crey4hPPCBHSeOc5GCRZk4kAGtLTcrxMxiqcPfJofM73tv0azX9UCPA" />
    <input value="9244" 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/krunchy-low-sugar-original-bio-375-g-9290">
          <img alt="Krunchy Low Sugar ORIGINAL Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5284/file/small-cab84bd1bfaf722347748fa94ff9432d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5284/file/medium-3a0fca05e2f5b57b7aa1708fa2b8039d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5284/file/large-817b6172597216c3377ac266baf04f2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5284/file/medium-3a0fca05e2f5b57b7aa1708fa2b8039d.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">Barnhouse Naturprodukte</p>
          <a href="/fr/products/krunchy-low-sugar-original-bio-375-g-9290">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Krunchy Low Sugar ORIGINAL Bio, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0mABPb9OM2hLiwIgpfWL3fJAlmRHRFBLiE2dk7E0n09WpFnryRN2xo4yMU9g25wQMRm9v7pJvOrIHmOkHSOZBw" />
    <input value="9290" 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/pain-naan-naturell-bio-240-g-9306">
          <img alt="Pain Naan NATURELL Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5305/file/small-2baf7e2d08b2c06039881d5db33b9d22.webp 600w, https://assets.fabulous.ch/public/variant_asset/5305/file/medium-69adfa77797f03ac170d5813a0b9766c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5305/file/large-2c918e788cdb0202427e32edfdf8634a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5305/file/medium-69adfa77797f03ac170d5813a0b9766c.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/pain-naan-naturell-bio-240-g-9306">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pain Naan NATURELL Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J3xfVxqsrXMwp_585glIY4c9U2Xf3oqslreVqkizplqjuAeBbPHo3fUezRMjJ1-uRGR4viLTZg3W5Gud5KSgEg" />
    <input value="9306" 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/pain-naan-ail-bio-240-g-9307">
          <img alt="Pain Naan AIL Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5306/file/small-e03d4ef3951b2cfb6fc7452e7d00538a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5306/file/medium-4333ca13c54cfe0d9687db925691603b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5306/file/large-a56423cea29dd50a83976fc6e6828715.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5306/file/medium-4333ca13c54cfe0d9687db925691603b.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/pain-naan-ail-bio-240-g-9307">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pain Naan AIL Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sVs6gDAgSGsPYfRK8R-Xtb7-KAY5uvRvsCQTUGxO4pM1n2JWRn0NxcrYxyU0MYB4facD3cS3GM7wd-1nwFnk2w" />
    <input value="9307" 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/tahini-sans-sel-bio-500-g-9443">
          <img alt="Tahini sans sel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5322/file/small-4c8da9dda5b0e6131b37eac4373cf55d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5322/file/medium-e4fa3bbc688f3c44da5dfb13947aa81b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5322/file/large-b345e2796183643f8185682e9753a623.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5322/file/medium-e4fa3bbc688f3c44da5dfb13947aa81b.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/tahini-sans-sel-bio-500-g-9443">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tahini sans sel Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hxYeuStNob2us_18JCSlSr_lQO4mnXiHKpXUNvrPNDcD0kZvXRDkE2sKzhPhCrKHfLxrNduQlCZqxioBVtgyfw" />
    <input value="9443" 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/cafe-irlanda-crema-moulu-sachet-demeter-250-g-9464">
          <img alt="Café Irlanda CREMA moulu sachet Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5326/file/small-3a85b4e16d60a8ee47a882e78ef4bcc2.webp 600w, https://assets.fabulous.ch/public/variant_asset/5326/file/medium-3305d550b78c95f495d29354cecda2bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/5326/file/large-cfe927d063441b450d4c3518622b7380.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5326/file/medium-3305d550b78c95f495d29354cecda2bf.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">Henauer Kaffee</p>
          <a href="/fr/products/cafe-irlanda-crema-moulu-sachet-demeter-250-g-9464">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Café Irlanda CREMA moulu sachet Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/cafe-irlanda-espresso-en-grains-sachet-demeter-250-g-9466">
          <img alt="Café Irlanda ESPRESSO en grains sachet Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5330/file/small-f2d517a967bc80acca88f191ec5d8813.webp 600w, https://assets.fabulous.ch/public/variant_asset/5330/file/medium-d9531ffc62e0d09a30ac0086c0097f9c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5330/file/large-16a45436e17a7907f93662bc9dbd0ac4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5330/file/medium-d9531ffc62e0d09a30ac0086c0097f9c.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">Henauer Kaffee</p>
          <a href="/fr/products/cafe-irlanda-espresso-en-grains-sachet-demeter-250-g-9466">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Café Irlanda ESPRESSO en grains sachet Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g4cSdgRC9oKyk9DjCgWSFy8AXYzjaNGNnFOWBAx5ob8HQ0qgch-zLHcq44zPK4Xa7Fl2Vx5lPSzcAGgzoG6n9w" />
    <input value="9466" 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/puree-de-pistaches-demeter-250-g-9580">
          <img alt="Purée de pistaches Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5376/file/small-222ef3c98a9930a0d9d6723179cf8e1a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5376/file/medium-99d4bd0603f8bc7cda144bde8191846e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5376/file/large-79e53bc6083656ee74c9d243f090c214.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5376/file/medium-99d4bd0603f8bc7cda144bde8191846e.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">NaturKraftWerke</p>
          <a href="/fr/products/puree-de-pistaches-demeter-250-g-9580">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Purée de pistaches Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.05
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/cafe-pino-au-lupin-en-grains-sans-gluten-bio-500-g-9718">
          <img alt="Café Pino au Lupin en Grains 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/5411/file/small-8926f80491158d825f0a87e67d860e3b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5411/file/medium-c16ce69f338fdf50e6fc0d7b3b006ba6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5411/file/large-513239f3862fdeb7e2088ab7ee6146c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5411/file/medium-c16ce69f338fdf50e6fc0d7b3b006ba6.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">Kornkreis</p>
          <a href="/fr/products/cafe-pino-au-lupin-en-grains-sans-gluten-bio-500-g-9718">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Café Pino au Lupin en Grains Sans Gluten Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YMVHt54Mro5yY3o3n3meTedni_InkNW1e7ssaximH5zkAR9h6FHrILfaSVhaV4mAJD6gKdqdORQ76NJctLEZ1A" />
    <input value="9718" 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">
      380 sur 496 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/comestibles/petit-dejeuner?format=turbo_stream&amp;page=20">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>