<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/cerneaux-de-noix-suisse-germees-sauvages-qualite-crudite-250-g-4428">
          <img alt="Cerneaux de noix Suisse germées Sauvages Qualité Crudité" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2755/file/small-541b0c924f67bc8e5bde5b02c0f7fef9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2755/file/medium-3405e8c1d6b2b11c7004696e78052f33.webp 900w, https://assets.fabulous.ch/public/variant_asset/2755/file/large-bc695dcb10396501174762ee7760e13c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2755/file/medium-3405e8c1d6b2b11c7004696e78052f33.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">Naturkostbar</p>
          <a href="/fr/products/cerneaux-de-noix-suisse-germees-sauvages-qualite-crudite-250-g-4428">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cerneaux de noix Suisse germées Sauvages Qualité Crudité, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-4428-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/noix-de-cajou-bio-500-g-4429">
          <img alt="Noix de Cajou Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2754/file/small-d6939199d55cd397614950f3842d3c2a.webp 600w, https://assets.fabulous.ch/public/variant_asset/2754/file/medium-225c54090582757e203f0dfd8b5d0636.webp 900w, https://assets.fabulous.ch/public/variant_asset/2754/file/large-692d91934927d2a450097e333c5a75c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2754/file/medium-225c54090582757e203f0dfd8b5d0636.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">Naturkostbar</p>
          <a href="/fr/products/noix-de-cajou-bio-500-g-4429">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Noix de Cajou Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HIzfOL3fHpZO_ew3dcIF1YOk6GGV6ASY2enhLzLnjIPA3AlqwHE-iZExjhTnSBWyJ83G-q_ZVNiZBYAJXCySkA" />
    <input value="4429" 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/millet-decortique-en-gros-bio-5-kg-4857">
          <img alt="Millet décortiqué en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2890/file/small-0a849bf2a56d41078312540d539c837f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2890/file/medium-0e3de88c3c27430ede6c7265717016cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/2890/file/large-1df84631be197d51fb13c94443daa5ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2890/file/medium-0e3de88c3c27430ede6c7265717016cd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/fr/products/millet-decortique-en-gros-bio-5-kg-4857">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Millet décortiqué en gros Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 40.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rt11ADGqTFCVsCep0ORmf4_DM6QJZdNiRrlhBo2LIxNyjaNSTARsT0p8RYpCbnYYK6odPzNUgyIGVQAg40A9AA" />
    <input value="4857" 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/flocons-5-grain-flocons-sans-gluten-demeter-475-g-5046">
          <img alt="Flocons 5-Grain Flocons Sans Gluten Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2979/file/small-aadf69da8c27dc6ece8371b4e40b00be.webp 600w, https://assets.fabulous.ch/public/variant_asset/2979/file/medium-7c467ccb5df428c5c6a6658121666518.webp 900w, https://assets.fabulous.ch/public/variant_asset/2979/file/large-092f4ece569a499b3effd995bd705535.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2979/file/medium-7c467ccb5df428c5c6a6658121666518.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/flocons-5-grain-flocons-sans-gluten-demeter-475-g-5046">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocons 5-Grain Flocons Sans Gluten Demeter, 475 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hZ0GXnbk18K31BGje2TM9A4YFLdlE5-37MNjzB-Nd0JZzdAMC0r33WgYc4Dp7tyTqnE6LF8iz_esLwLqcUZpUQ" />
    <input value="5046" 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/flocons-avoine-sans-gluten-fin-bio-475-g-5047">
          <img alt="Flocons Avoine Sans Gluten Fin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2981/file/small-3dad3ac7ecde9a2cefde1a7ec55f0083.webp 600w, https://assets.fabulous.ch/public/variant_asset/2981/file/medium-88d66d69ebf69274fafdb7df8325c3ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/2981/file/large-ebe2aef4632cf83064404b8446bc86a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2981/file/medium-88d66d69ebf69274fafdb7df8325c3ab.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/flocons-avoine-sans-gluten-fin-bio-475-g-5047">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocons Avoine Sans Gluten Fin Bio, 475 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rbifh-mkRnOHCZ1m13zRMMgBSU1SM1uEJSqO3qEpfw1x6EnVlApmbFjF_0VF9sFXbGhn1mgCC8Rlxu_4z-JhHg" />
    <input value="5047" 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/crunchy-fruity-myrtille-croquants-qualite-crue-bio-16-g-5129">
          <img alt="Crunchy Fruity Myrtille Croquants Qualité Crue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3015/file/small-576a3497d99d60252a9a45710e8a069b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3015/file/medium-c8f30898f0bb182a0e4c033d75f25666.webp 900w, https://assets.fabulous.ch/public/variant_asset/3015/file/large-f3c0ba883cf4e38fc8596b82bc572cad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3015/file/medium-c8f30898f0bb182a0e4c033d75f25666.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">Organica</p>
          <a href="/fr/products/crunchy-fruity-myrtille-croquants-qualite-crue-bio-16-g-5129">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Fruity Myrtille Croquants Qualité Crue Bio, 16 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4dVWFmQFxB_u5xofJAJi7j9X1v28Wbh2m5gQnXnFY0Q9hYBEGavkADEreDy2iHKJmz74ZoZo6DbbdHG7Fw59Vw" />
    <input value="5129" 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/crunchy-fruity-mure-croquants-qualite-crue-bio-16-g-5130">
          <img alt="Crunchy Fruity Mûre Croquants Qualité Crue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3017/file/small-a1b8f232413ac89d7d40b6f0a1ed5928.webp 600w, https://assets.fabulous.ch/public/variant_asset/3017/file/medium-a7f6daecb5f56a5f2db15968df4fe167.webp 900w, https://assets.fabulous.ch/public/variant_asset/3017/file/large-64e8737a160b1cc51839c4f4ca59c52c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3017/file/medium-a7f6daecb5f56a5f2db15968df4fe167.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">Organica</p>
          <a href="/fr/products/crunchy-fruity-mure-croquants-qualite-crue-bio-16-g-5130">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Fruity Mûre Croquants Qualité Crue Bio, 16 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XZGSNue7mFdbnRpavbetVwuvKxct79FCltbOqn5GWA-BwURkmhW4SIRReHkvPb0wr8YFjBfegQLWOq-MEI1GHA" />
    <input value="5130" 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/crunchy-fruity-fraises-croquants-qualite-crue-bio-12-g-5131">
          <img alt="Crunchy Fruity Fraises Croquants Qualité Crue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3018/file/small-8f6bc3b1495abc0e4d7dc2ddf8683420.webp 600w, https://assets.fabulous.ch/public/variant_asset/3018/file/medium-3d125102b6666bf1e9aaefe538e5b1dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3018/file/large-050e55cae31ae80a59a51da65407692d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3018/file/medium-3d125102b6666bf1e9aaefe538e5b1dd.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">Organica</p>
          <a href="/fr/products/crunchy-fruity-fraises-croquants-qualite-crue-bio-12-g-5131">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Fruity Fraises Croquants Qualité Crue Bio, 12 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Iqtfl7vxtaQPiX0dKHDjN75ucK3Psxv3ouJ50-f8fuP--4nFxl-Vu9BFHz66-vNQGgdeNvWCS7fiDhj1iTdg8A" />
    <input value="5131" 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/crunchy-fruity-ananas-croquants-qualite-crue-bio-16-g-5132">
          <img alt="Crunchy Fruity Ananas Croquants Qualité Crue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3020/file/small-6eae2dfa3721bb3af69cf1b305a11dc0.webp 600w, https://assets.fabulous.ch/public/variant_asset/3020/file/medium-bb05e96642b7246ea2f0a0da87301491.webp 900w, https://assets.fabulous.ch/public/variant_asset/3020/file/large-9ddecc58a8e92ec4c312ba56f0d80d47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3020/file/medium-bb05e96642b7246ea2f0a0da87301491.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">Organica</p>
          <a href="/fr/products/crunchy-fruity-ananas-croquants-qualite-crue-bio-16-g-5132">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Fruity Ananas Croquants Qualité Crue Bio, 16 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LfaYIQFATTZErXEHm-QtSnZAza4NtJlnhX8YA8H9f5rxpk5zfO5tKZthEyQJbj0t0injNTeFySfFk3klrzZhiQ" />
    <input value="5132" 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/natto-graines-de-soja-fermentees-180-g-5255">
          <img alt="Natto Graines de soja férmentées" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3061/file/small-4509320d9ed79de8993356c0d4fe93a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3061/file/medium-651b94a9a4253d7cfa84371be3dc4c7e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3061/file/large-b07a7020f574487dacf3822c2654c5e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3061/file/medium-651b94a9a4253d7cfa84371be3dc4c7e.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/natto-graines-de-soja-fermentees-180-g-5255">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Natto Graines de soja férmentées, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="khJuAVlSSHG-_V6trWODDYIzumgajHLyKAglDTeZxVNOQrhTJPxobmExPI4_6ZNqJlqU8yC9IrJo5EQrWVLbQA" />
    <input value="5255" 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/semoule-de-mais-sans-gluten-demeter-500-g-5310">
          <img alt="Semoule de maïs Sans Gluten Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3099/file/small-add25f931dd7cd5a487587e808f8ee60.webp 600w, https://assets.fabulous.ch/public/variant_asset/3099/file/medium-6687742ace9f93c1b2c2652382096c6a.webp 900w, https://assets.fabulous.ch/public/variant_asset/3099/file/large-104310df6366bc408d861793667e470f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3099/file/medium-6687742ace9f93c1b2c2652382096c6a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/fr/products/semoule-de-mais-sans-gluten-demeter-500-g-5310">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Semoule de maïs Sans Gluten Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/haricots-blancs-geants-bio-500-g-5311">
          <img alt="Haricots blancs géants Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3102/file/small-e5dc39020799718e9bd6cd64184e0db7.webp 600w, https://assets.fabulous.ch/public/variant_asset/3102/file/medium-65dc2daaed72d6845b0208b29f762c29.webp 900w, https://assets.fabulous.ch/public/variant_asset/3102/file/large-a17c2fc024874fd0c729a8d04f9ce6ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3102/file/medium-65dc2daaed72d6845b0208b29f762c29.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/fr/products/haricots-blancs-geants-bio-500-g-5311">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haricots blancs géants Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5311-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/quinoa-blanc-real-bio-500-g-5312">
          <img alt="Quinoa Blanc Real Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3104/file/small-ff94636d2143dcf505b7b306e505cbc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/3104/file/medium-a575b6146c4d77f539557a95666beb2e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3104/file/large-0485ae2eadadabf613b56c7d78c385ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3104/file/medium-a575b6146c4d77f539557a95666beb2e.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">Priméal</p>
          <a href="/fr/products/quinoa-blanc-real-bio-500-g-5312">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Quinoa Blanc Real Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0YDT7Jm--N24W3b9Mhq513P15Co-sMgUZ0keKhOZMEMN0AW-5BDYwmeXFN6gkKmw15zKsQSBmFQnpX8MfVIuUA" />
    <input value="5312" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/physalis-qualite-crudite-bio-100-g-5709">
          <img alt="Physalis Qualité Crudité Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3295/file/small-149fe9cf6bd5f8a5397ab3068439de16.webp 600w, https://assets.fabulous.ch/public/variant_asset/3295/file/medium-e89070efc9cb673ea3f0869b3b19c0e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3295/file/large-fb1933a4b661e41778ab3bdea60d20f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3295/file/medium-e89070efc9cb673ea3f0869b3b19c0e5.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">Flores Farm</p>
          <a href="/fr/products/physalis-qualite-crudite-bio-100-g-5709">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Physalis Qualité Crudité Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-5709-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/pois-chiche-verre-bio-350-g-5878">
          <img alt="Pois Chiche verre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3376/file/small-08e4e09612ab253ccb445192281c4ecc.webp 600w, https://assets.fabulous.ch/public/variant_asset/3376/file/medium-91f53a021d5b59411d289b66ba756470.webp 900w, https://assets.fabulous.ch/public/variant_asset/3376/file/large-c8f32dc5a44484fba430c9fcc840fa90.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3376/file/medium-91f53a021d5b59411d289b66ba756470.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">de Rit</p>
          <a href="/fr/products/pois-chiche-verre-bio-350-g-5878">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pois Chiche verre Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IHUiFZfMn4UzLLoYp5fEufq1mvBfpnLFEaWIb4fYA5L8JfRH6mK_muzg2Ds1HdTeXty0a2WXIoVRSelJ6RMdgQ" />
    <input value="5878" 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/haricots-rouge-verre-bio-350-g-5879">
          <img alt="Haricots Rouge verre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3377/file/small-d1b625b6fe201c7dd42243b0f6ca2b51.webp 600w, https://assets.fabulous.ch/public/variant_asset/3377/file/medium-fc61399df4664ac930e19df4307e7cb2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3377/file/large-ec3fd35eaf8c051a1e4ed35febec2336.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3377/file/medium-fc61399df4664ac930e19df4307e7cb2.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">de Rit</p>
          <a href="/fr/products/haricots-rouge-verre-bio-350-g-5879">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haricots Rouge verre Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1uPo9I1MHI43sVSb5FbA08gb4gWkz9pu50uaLj-7fBoKsz6m8OI8keh9Nrh23NC0bHLMnp7-ii6np_sIUXBiCQ" />
    <input value="5879" 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/haricots-blancs-baked-beans-bio-360-g-5880">
          <img alt="Haricots Blancs Baked Beans Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3378/file/small-51fe35f8c84bc85c0ccf83e6edae46e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/3378/file/medium-bf0b082c200ba6ca8a1cbdef58f5080e.webp 900w, https://assets.fabulous.ch/public/variant_asset/3378/file/large-15b883c350167a294d4fac855c4cd5df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3378/file/medium-bf0b082c200ba6ca8a1cbdef58f5080e.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">de Rit</p>
          <a href="/fr/products/haricots-blancs-baked-beans-bio-360-g-5880">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Haricots Blancs Baked Beans Bio, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6vrM-_Xij5RlKwbAWrh31ZBeZp3c8ZijjQs5udsXYks2qhqpiEyvi7rnZOPIMmeyNDdIBubAyOPN51iftdx8WA" />
    <input value="5880" 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/noix-de-cajou-entieres-bio-en-gros-2-5-kg-13bd7115-9b71-4d1d-8669-c7c7aab01ef9-6017">
          <img alt="Noix de Cajou Entières Bio en gros" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3453/file/small-4cc8909a4e27bd584fb02f6a337c8975.webp 600w, https://assets.fabulous.ch/public/variant_asset/3453/file/medium-09b0d52234203bf1406a8b00816ba281.webp 900w, https://assets.fabulous.ch/public/variant_asset/3453/file/large-48a82acbf36f65174ecc1276ec8986ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3453/file/medium-09b0d52234203bf1406a8b00816ba281.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/noix-de-cajou-entieres-bio-en-gros-2-5-kg-13bd7115-9b71-4d1d-8669-c7c7aab01ef9-6017">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Noix de Cajou Entières Bio en gros, 2.5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 91.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tKEvlhCW9kG9OaGBVx7_1Kp3bjJ9E7zLobBZ8QPXZAJo8fnEbTjWXmL1w6LFlO-zDh5AqUci7IvhXDjXbRx6EQ" />
    <input value="6017" 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/mangues-bio-100-g-6062">
          <img alt="Mangues Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3480/file/small-f471f8285c67a9607338986c53689bc0.webp 600w, https://assets.fabulous.ch/public/variant_asset/3480/file/medium-0c481316100621b03a01edf731915815.webp 900w, https://assets.fabulous.ch/public/variant_asset/3480/file/large-13a4ace2a57d38f648da7b5d98a5a07c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3480/file/medium-0c481316100621b03a01edf731915815.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">Pural</p>
          <a href="/fr/products/mangues-bio-100-g-6062">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mangues Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FdA9UnYJy5grjPaV1BFvr7CyfvOHq8lehO0SzT5stnPJgOsAC6frh_RAlLZGm3_IFNtQaL2amR7EAXPrUKeoYA" />
    <input value="6062" 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/graine-de-tournesol-en-gros-biosuisse-25-kg-6079">
          <img alt="Graine de tournesol en gros BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3487/file/small-86053e41f6ed7c06adb959acb4033401.webp 600w, https://assets.fabulous.ch/public/variant_asset/3487/file/medium-008f71936d564fdc2a84a9391486826d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3487/file/large-8e457db4b6dc7dd492fbeaa25fbf158b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3487/file/medium-008f71936d564fdc2a84a9391486826d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/fr/products/graine-de-tournesol-en-gros-biosuisse-25-kg-6079">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graine de tournesol en gros BioSuisse, 25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 428.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wS0UZioSolzh7pXbq1bOlBZ-KP9LGrN41bTfr4qmnpUdfcI0V7yCQz4i9_g53N7zshcGZHEr4ziVWL6J5G2Ahg" />
    <input value="6079" 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">
      60 sur 198 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/comestibles/haricots-noix-co?format=turbo_stream&amp;page=4">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>