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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/granules-de-proteines-de-pois-veggie-sans-gluten-bio-100-g-9918">
          <img alt="Granulés de protéines de pois Veggie 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/5457/file/small-506d784b68b70cd2511633559723214c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5457/file/medium-6efb0a7d54bb0d448ccf0dfa76ede8f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/5457/file/large-220c4932fdcf50eb84dd027dd5a1e158.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5457/file/medium-6efb0a7d54bb0d448ccf0dfa76ede8f7.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/granules-de-proteines-de-pois-veggie-sans-gluten-bio-100-g-9918">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Granulés de protéines de pois Veggie sans gluten Bio, 100 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 4.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MX8usBY5j8Kg_7DAuKcG1m61yKAy3zZyc7ubzgeFXWa-MpD1P87pbV4dhXT2gqGoZ5fyzWSWRl7USn9pjSzkYg" />
    <input value="9918" 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/power-granola-noix-graines-sans-gluten-bio-350-g-15909">
          <img alt="POWER Granola noix &amp; graines 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/7315/file/small-2e6a63fe414882f97789c0c9d8647658.webp 600w, https://assets.fabulous.ch/public/variant_asset/7315/file/medium-d73ad564700cff1f5f098865f904873b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7315/file/large-4a03902838f177f28eb6f42eeed867f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7315/file/medium-d73ad564700cff1f5f098865f904873b.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">turtle Better Breakfast</p>
          <a href="/fr/products/power-granola-noix-graines-sans-gluten-bio-350-g-15909">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">POWER Granola noix &amp; graines sans gluten Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H94zoSa5MJoJYoHZeIt3wCtn3qFdzOSfnMFzDy_ePhqQk43kD05WNfeAtG02rtC-IkXkzAuFlLM7MJeopXeHHg" />
    <input value="15909" 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/pate-d-ail-noir-bio-100-g-16237">
          <img alt="Pâte d’Ail Noir Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7474/file/small-a723f99a39ac89e587dd22dd6b93009b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7474/file/medium-fc9a130e1bdc9ae56c3df33d1c59433e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7474/file/large-74f759543295145ca58e2fea0212271a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7474/file/medium-fc9a130e1bdc9ae56c3df33d1c59433e.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">Amanprana</p>
          <a href="/fr/products/pate-d-ail-noir-bio-100-g-16237">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâte d’Ail Noir Bio, 100 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 17.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7ZrLNjrs1YFhDDWPTvSuKAO4ytU22fCQ9SptyBT8zShi13VzExuzLp_uADsA0QlWCprwuGCQgLxS24lvnlV0LA" />
    <input value="16237" 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/konjac-riz-style-bio-270-g-8247">
          <img alt="Konjac Riz-Style Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4833/file/small-fb168b85cce5e7ac46e6326cf715e479.webp 600w, https://assets.fabulous.ch/public/variant_asset/4833/file/medium-172a7a71785ae01d3fd010810080e8ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/4833/file/large-6929feaf171e3bd6ef38bef4c9ddef88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4833/file/medium-172a7a71785ae01d3fd010810080e8ed.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">Vitanu</p>
          <a href="/fr/products/konjac-riz-style-bio-270-g-8247">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Konjac Riz-Style Bio, 270 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S5omvhhzDneMpDwzmZWXhyZ6FcKR-IrDNTAtI3MfanLE15j7MYRo2HJGCYfXsDD5L1gvr8ex-u-SwcmE-bbTdg" />
    <input value="8247" 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/konjac-noodle-style-bio-270-g-8245">
          <img alt="Konjac Noodle-Style Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4825/file/small-e4c033148a0da35aea3ff35467ee9635.webp 600w, https://assets.fabulous.ch/public/variant_asset/4825/file/medium-d431aceb0e4bd0b6383ed93b25a6c719.webp 900w, https://assets.fabulous.ch/public/variant_asset/4825/file/large-768d3edda84c85b49fe39e049628e092.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4825/file/medium-d431aceb0e4bd0b6383ed93b25a6c719.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">Vitanu</p>
          <a href="/fr/products/konjac-noodle-style-bio-270-g-8245">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Konjac Noodle-Style Bio, 270 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0DifI2AuJnugqhS2etsF5wgEe5o90dWUnVOe8o2ft4lfdSFmSdlA1F5IIQI0_qKZASZB92uYpbg6onpVBzYOjQ" />
    <input value="8245" 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/pavot-bleu-bio-250-g-6440">
          <img alt="Pavot bleu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3689/file/small-85042e73184b049e70c4f4f51c034029.webp 600w, https://assets.fabulous.ch/public/variant_asset/3689/file/medium-8ceeb5b961935c4c72197a805575f408.webp 900w, https://assets.fabulous.ch/public/variant_asset/3689/file/large-aa11906877bfd7ca824e9da644eba6c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3689/file/medium-8ceeb5b961935c4c72197a805575f408.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/pavot-bleu-bio-250-g-6440">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pavot bleu Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZefWBx5f1Haitf9yPYZSsu31HwVaxuiPTRfmdo4TVPDqqmhCN6iy2VxXysZzo_XM5NclaAyPmKPq5gLRBLrt9A" />
    <input value="6440" 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-sarrasin-sans-gluten-demeter-250-g-3014">
          <img alt="Flocons Sarrasin 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/2121/file/small-9efffdbaf75776817add1f5e90cda92d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2121/file/medium-d79443b55b109b2b94ea3add25e181b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/2121/file/large-eb879609f1cc4daed99c7133be3112af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2121/file/medium-d79443b55b109b2b94ea3add25e181b5.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-sarrasin-sans-gluten-demeter-250-g-3014">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocons Sarrasin Sans Gluten Demeter, 250 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 1.72 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sauce-mexiko-salsa-sans-gluten-bio-250-ml-3985">
          <img alt="Sauce Mexiko Salsa 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/2524/file/small-a45d291c934003ee13ca733987989058.webp 600w, https://assets.fabulous.ch/public/variant_asset/2524/file/medium-d90b73c7119691a80b779753229b990c.webp 900w, https://assets.fabulous.ch/public/variant_asset/2524/file/large-4eda3baa88bbd26b97f4a153723c6c75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2524/file/medium-d90b73c7119691a80b779753229b990c.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">Byodo</p>
          <a href="/fr/products/sauce-mexiko-salsa-sans-gluten-bio-250-ml-3985">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Mexiko Salsa Sans Gluten Bio, 250 ml</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 2.52 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SUyqr1TFSzxzpptGVTDEf1HKyFvw6Y2-7QztEDw8HTvGARTqfTItk41ErvIbFWMBWOjyNqag_ZJK_Qm3tpWkPw" />
    <input value="3985" 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/biscuits-fourre-choc-aux-pepites-de-chocolat-noir-bio-175-g-417">
          <img alt="Biscuits Fourré Choc&#39; aux pépites de chocolat noir Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/374/file/small-290d7f67618f538c774babeff61a770e.webp 600w, https://assets.fabulous.ch/public/variant_asset/374/file/medium-920c67ec609c7050eef3eff7fa22e16b.webp 900w, https://assets.fabulous.ch/public/variant_asset/374/file/large-db32acc4804b6f0e5e16338148eec371.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/374/file/medium-920c67ec609c7050eef3eff7fa22e16b.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">Moulin du Piver</p>
          <a href="/fr/products/biscuits-fourre-choc-aux-pepites-de-chocolat-noir-bio-175-g-417">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biscuits Fourré Choc&#39; aux pépites de chocolat noir Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </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-417-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_idd_QtmMhCRX-35Ni5FeRx7j8TpHZVvubvvlr8RH0ZxauO4IpFUv2-92E14C-IHFVm1qb9U5UMeSgsxNbimQg" />
    <input value="417" 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/ichoc-salty-pretzel-bio-80-g-10417">
          <img alt="iChoc Salty Pretzel - Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5575/file/small-30cc1aa16e5b8b590f7029b261d591f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5575/file/medium-aefbaea39f27c4ce901f184303064fd3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5575/file/large-c63091ff7f74e1db19161355f9ff278b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5575/file/medium-aefbaea39f27c4ce901f184303064fd3.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">Vivani / Ichoc</p>
          <a href="/fr/products/ichoc-salty-pretzel-bio-80-g-10417">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">iChoc Salty Pretzel - Bio, 80 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 4.75 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/lifebar-barre-energetique-avoine-brownie-bio-40-g-11842">
          <img alt="Lifebar Barre Énergétique Avoine Brownie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6045/file/small-dff23d88cc338949ef28499cf2fbe59f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6045/file/medium-7db949a30ad87e2596f6c8190a97132f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6045/file/large-6888697c37769503cfdeb967e75ac7d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6045/file/medium-7db949a30ad87e2596f6c8190a97132f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lifefood</p>
          <a href="/fr/products/lifebar-barre-energetique-avoine-brownie-bio-40-g-11842">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lifebar Barre Énergétique Avoine Brownie Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

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

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


  

  <div class="border-gray-200  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/tablette-de-chocolat-amerique-latine-noir-100-cacao-bio-80-g-16750">
          <img alt="Tablette de Chocolat Amérique Latine Noir 100% Cacao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7769/file/small-c493bc4f075dd12497aff6d286ff51a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7769/file/medium-7dfe06e28b3678fe36ac366cdab71ba9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7769/file/large-0b954593a1c5d0f090175868bd1e4260.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7769/file/medium-7dfe06e28b3678fe36ac366cdab71ba9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/fr/products/tablette-de-chocolat-amerique-latine-noir-100-cacao-bio-80-g-16750">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablette de Chocolat Amérique Latine Noir 100% Cacao Bio, 80 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 9.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VXZYZtoaYYY3y_JalsfhRt63evboxK3-8A-ZPZeyJHfaO-Yj8-0HKckpx-7Y4kY415VAm76N3dJX_n2aHRudcw" />
    <input value="16750" 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/cuisine-creme-avoine-bio-200-ml-4319">
          <img alt="Cuisine Creme Avoine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2699/file/small-045af4a06e30e0794f85ee926b6ba532.webp 600w, https://assets.fabulous.ch/public/variant_asset/2699/file/medium-16c6328e51c191e7bfb4d5ff4438b97d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2699/file/large-cf9ec07d7b188fc88692d8eade54efce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2699/file/medium-16c6328e51c191e7bfb4d5ff4438b97d.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/cuisine-creme-avoine-bio-200-ml-4319">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Creme Avoine Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E06JC3TvhmgA_aLKQZOeY9PhqP4o2L70wwIhIR20P4mcAzdOXRjgx_4fl34Ptjkd2sOSk36Rzthk88WGlx2GjQ" />
    <input value="4319" 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/tofu-olive-bio-200-g-6e1659d6-3021-4ea6-b8ce-dc5b47ade778-15707">
          <img alt="Tofu Olive Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7154/file/small-efb95f38e02a37143aa15a459d6e76c0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7154/file/medium-d4cecd4716d05946d0f43af5aea87031.webp 900w, https://assets.fabulous.ch/public/variant_asset/7154/file/large-b701fc472343d70a3711778ca5b385d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7154/file/medium-d4cecd4716d05946d0f43af5aea87031.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">Taifun</p>
          <a href="/fr/products/tofu-olive-bio-200-g-6e1659d6-3021-4ea6-b8ce-dc5b47ade778-15707">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Olive Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ESS-DQif1PDU9l__mOHqB3UiU9Q0cjK6Z8xWG_QUQ9GeaQBIIWiyXyoUakvWxE15fABpuWI7QpbAPbK8fr361Q" />
    <input value="15707" 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/vivani-chocolat-noir-nougat-gianduja-bio-80-g-418">
          <img alt="Vivani Chocolat Noir Nougat Gianduja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/376/file/small-e0e7ddae471e9304a882b027be2a3816.webp 600w, https://assets.fabulous.ch/public/variant_asset/376/file/medium-19bfa13bf51f407f31f9e104ab591aa0.webp 900w, https://assets.fabulous.ch/public/variant_asset/376/file/large-88d729e277f9b72e593dcc0c955b11be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/376/file/medium-19bfa13bf51f407f31f9e104ab591aa0.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">Vivani / Ichoc</p>
          <a href="/fr/products/vivani-chocolat-noir-nougat-gianduja-bio-80-g-418">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivani Chocolat Noir Nougat Gianduja Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IKzdp2SeVT8zgmohzG0jPRz5HPF3UK9KTNli8gFG07mv4WPiTWkzkM1gX5WCSIRDFdsmnCEZ32brKIZVi-9qvQ" />
    <input value="418" 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/lait-de-coco-avec-des-cultures-de-yaourt-chocolat-bio-125-g-2512">
          <img alt="Lait de coco avec des cultures de yaourt Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1819/file/small-ea0156cf3f17af924dcab774422f0508.webp 600w, https://assets.fabulous.ch/public/variant_asset/1819/file/medium-db2539ac90f58a7f8647460a323cad80.webp 900w, https://assets.fabulous.ch/public/variant_asset/1819/file/large-228731d1d465fcf2108100c901246a5c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1819/file/medium-db2539ac90f58a7f8647460a323cad80.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">Harvest Moon</p>
          <a href="/fr/products/lait-de-coco-avec-des-cultures-de-yaourt-chocolat-bio-125-g-2512">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lait de coco avec des cultures de yaourt Chocolat Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.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 2.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AcsC_96_PqzmNJexj7JDSwqlV67wRGNcRNuFaVATlKeOhry690hYAxjWogXBl-Q1A4dtw6YNE3DjKmHO2rotow" />
    <input value="2512" 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/k-philus-yaourt-au-soja-et-aux-dattes-bio-125-g-14882">
          <img alt="K.Philus Yaourt au soja et aux dattes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6816/file/small-ec7d63f6e0fe177e20987f62e6089578.webp 600w, https://assets.fabulous.ch/public/variant_asset/6816/file/medium-e0d4d856f13a914d57e475293ac3855a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6816/file/large-48b49868a349e2775fc1066971f60767.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6816/file/medium-e0d4d856f13a914d57e475293ac3855a.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">K.Philus Bio</p>
          <a href="/fr/products/k-philus-yaourt-au-soja-et-aux-dattes-bio-125-g-14882">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">K.Philus Yaourt au soja et aux dattes Bio, 2 x 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EGibsAu6OQYUZcnTy_pIPg0kUoVyQNQNwlaK9CbeynufJSX1Ik1fqeqH_GeF3-9ABAZo6CQJpCFlp25TrHdzfw" />
    <input value="14882" 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/saucisse-vegan-weenies-4-saucisses-bio-4-piece-963b5058-1e7c-4523-98c8-63f2a7c9072a-10306">
          <img alt="Saucisse Vegan Weenies 4 Saucisses Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5542/file/small-3cd5f56060313f5522d13dfe326b006c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5542/file/medium-054a983a8f0430e1faff10c1196ff9ce.webp 900w, https://assets.fabulous.ch/public/variant_asset/5542/file/large-01b5d92faa61c5e47df883fc379d7835.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5542/file/medium-054a983a8f0430e1faff10c1196ff9ce.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wheaty</p>
          <a href="/fr/products/saucisse-vegan-weenies-4-saucisses-bio-4-piece-963b5058-1e7c-4523-98c8-63f2a7c9072a-10306">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Saucisse Vegan Weenies 4 Saucisses Bio, 4 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mv6XFA8jEqRgr3K1BvEyeEL6fvVo2OkY19nZWmu7KWAVsylRJtR0C55NRwFI1JUGS9hEmD6RmTRwKD394RKQZA" />
    <input value="10306" 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/burger-de-patate-douce-bio-160-g-16606">
          <img alt="Burger de Patate Douce Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7660/file/small-0ed5c504c12128433fa9ababd163a031.webp 600w, https://assets.fabulous.ch/public/variant_asset/7660/file/medium-043c2412511891faa8837d99d4b749f2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7660/file/large-08df72a92960b13c803b333078b13d34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7660/file/medium-043c2412511891faa8837d99d4b749f2.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">Soto</p>
          <a href="/fr/products/burger-de-patate-douce-bio-160-g-16606">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Burger de Patate Douce Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TU_sc71hhwCAp3ZBSYZ_cmEAAioXsk_lubq7GuvrIcvCAlI2lJbhr35FQ_UHo9gMaCI4R0H7P8keS1-9YUKYzw" />
    <input value="16606" 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/wilmersburger-pizzaschmelz-mozzella-150-g-16800">
          <img alt="Wilmersburger Pizzaschmelz Mozzella" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7825/file/small-ccc4dc331ef815dec25c2cd36a1b25f5.webp 600w, https://assets.fabulous.ch/public/variant_asset/7825/file/medium-aa2ca18a5163dd49dbb02ea0a38b2ad9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7825/file/large-8a168623ed8e887a7057abf4bb16619e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7825/file/medium-aa2ca18a5163dd49dbb02ea0a38b2ad9.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">Wilmersburger</p>
          <a href="/fr/products/wilmersburger-pizzaschmelz-mozzella-150-g-16800">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wilmersburger Pizzaschmelz Mozzella, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qPjsmkxpLVCLhigIDWfSfy0h2ya95pvrwmJXBBiL9usntVLfZZ5L_3VkHbxDQnUBJAPhS-uv68dlk7OjkiJP7w" />
    <input value="16800" 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">
      140 sur 3&#39;201 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/nur-puur?format=turbo_stream&amp;page=8">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>