<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/voelkel-kombucha-original-bio-330-ml-16573">
          <img alt="Voelkel Kombucha Original Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7636/file/small-473db6ded99114a9871d2be1acaf8ab0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7636/file/medium-353217995dd2e96c0cb66b8589bfe869.webp 900w, https://assets.fabulous.ch/public/variant_asset/7636/file/large-bfc987ca5d07faad04903bd346e5c2a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7636/file/medium-353217995dd2e96c0cb66b8589bfe869.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">Voelkel</p>
          <a href="/fr/products/voelkel-kombucha-original-bio-330-ml-16573">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Voelkel Kombucha Original Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a3fcfutmMTJVxUYDjlWisy_b-rB1Dw73T42hlXxlyICxO5kjaXPbqHH4TyzZd4qrChMaFVHEIP1Hljp43gPwWw" />
    <input value="16573" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/500-g-786d02f4-1116-4c21-9eba-195af11326f2-19943">
          <img alt="Couscous de blé épeautre complet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10600/file/small-d1beab1693d515393c3a7f830fa1e3b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/10600/file/medium-140410443df3959f18d7f21e28b94f0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10600/file/large-17d1847c2922ad09fee246d0fe125db3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10600/file/medium-140410443df3959f18d7f21e28b94f0a.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">Spielberger Mühle</p>
          <a href="/fr/products/500-g-786d02f4-1116-4c21-9eba-195af11326f2-19943">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Couscous de blé épeautre complet Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jkMX8PZVMWvYYgEglITJ1-WPkeBL-OzFsRtsEq5BFkBUD1KtdEDb8fxfCA_DpuHPwEdxRW8zws-5APf_DCcumw" />
    <input value="19943" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/boisson-d-amande-sans-sucres-ajoutes-bio-1-l-10204">
          <img alt="Boisson d’amande Sans sucres ajoutés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5510/file/small-e30656d437be5b252d95ad78ed2e02e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5510/file/medium-92ff15536d22087eaf0e8213aa3dc5c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5510/file/large-79cf1677d297541f762baa7c0419fbbc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5510/file/medium-92ff15536d22087eaf0e8213aa3dc5c4.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">Ecomil</p>
          <a href="/fr/products/boisson-d-amande-sans-sucres-ajoutes-bio-1-l-10204">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Boisson d’amande Sans sucres ajoutés Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hNQdvG4QaR3XJjNp86WRTMizBSKqIURhxzCjCTn0AUlemFjh7AWDh_MbOkakh7lU7Xvlh47qamvPKzjkm5I5kg" />
    <input value="10204" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/boisson-de-lait-de-coco-sans-sucres-ajoutes-bio-1-l-4053">
          <img alt="Boisson de lait de coco sans sucres ajoutés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2571/file/small-4741c98424e839ec0b863405b26fdde6.webp 600w, https://assets.fabulous.ch/public/variant_asset/2571/file/medium-d13e2518608b3b3ea0690981fb6e568d.webp 900w, https://assets.fabulous.ch/public/variant_asset/2571/file/large-2bc2209c4f0a0c36cc555dda475f14dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2571/file/medium-d13e2518608b3b3ea0690981fb6e568d.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">Ecomil</p>
          <a href="/fr/products/boisson-de-lait-de-coco-sans-sucres-ajoutes-bio-1-l-4053">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Boisson de lait de coco sans sucres ajoutés Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YgOIIMTA_gCpWZ3R8Jp5suNdbDNtdNFWIHR58oJOama4T819RtUUmo1klP6nuFGqxpWMlkm__1wob-IfIChSvQ" />
    <input value="4053" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/veggiemix-burger-bio-170-g-9257">
          <img alt="VeggieMix Burger Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5265/file/small-696939e90389bc5baf6b7aef33bd665e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5265/file/medium-1820a97572016fa67f2347415df4ec80.webp 900w, https://assets.fabulous.ch/public/variant_asset/5265/file/large-506b23ab1e8b89fd50781f8dcfff7a5f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5265/file/medium-1820a97572016fa67f2347415df4ec80.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/veggiemix-burger-bio-170-g-9257">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">VeggieMix Burger Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hEBKdIMVZ_X8hSp4b30XzO26-HQcEYaSxuJMjxifWKFeDA8pAQCNb9i4I1c4Xz_UyHIY0TjaqJjO-ddiuvlgeg" />
    <input value="9257" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/barres-crues-protein-chocolat-chip-bio-60-g-3154">
          <img alt="Barres Crues Protein Chocolat Chip Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2170/file/small-783c60d32a7f723eb0d03fab16542a36.webp 600w, https://assets.fabulous.ch/public/variant_asset/2170/file/medium-34c0d461b494da52f87fd61b19718aed.webp 900w, https://assets.fabulous.ch/public/variant_asset/2170/file/large-aeca80af9768c434aec04f5d2bda184f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2170/file/medium-34c0d461b494da52f87fd61b19718aed.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">Roo&#39;Bar</p>
          <a href="/fr/products/barres-crues-protein-chocolat-chip-bio-60-g-3154">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Barres Crues Protein Chocolat Chip Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Anqjomfa4YByu3w-DxOHMqYLaG24xGK8IniSlKj84PrYNub_5c8LGlaGdRFYMa8qg8OIyJwPTLYqYwl5CprYIQ" />
    <input value="3154" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sauce-brune-vegan-21-g-10618">
          <img alt="Sauce Brune Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5594/file/small-775b5344cc255630ec1993b2db42f372.webp 600w, https://assets.fabulous.ch/public/variant_asset/5594/file/medium-53d328cabbe200a1c32f896c8a4d2de0.webp 900w, https://assets.fabulous.ch/public/variant_asset/5594/file/large-1e18d1a2166a87920baac75ef3fafb9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5594/file/medium-53d328cabbe200a1c32f896c8a4d2de0.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">Natur Compagnie</p>
          <a href="/fr/products/sauce-brune-vegan-21-g-10618">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauce Brune Vegan, 21 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OxIqQyf77NkO9LOA1EymLMoivM1rTgI1nnyx0VHTNrDhXm8epe4GQyrJuq-Dbo407-pcaE-FLD-WZyo887UOaw" />
    <input value="10618" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/cacao-en-morceau-qualite-crudite-bio-150-g-1120">
          <img alt="Cacao en Morceau 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/998/file/small-9a1646027d377fcd777c4aac011963b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/998/file/medium-74ed58ba7017120007d5be5f2ba219d2.webp 900w, https://assets.fabulous.ch/public/variant_asset/998/file/large-a646b66295212dc58dd3665bd810ff44.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/998/file/medium-74ed58ba7017120007d5be5f2ba219d2.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/cacao-en-morceau-qualite-crudite-bio-150-g-1120">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cacao en Morceau Qualité Crudité Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XEcS7aMf1VNTetOu2LKAICVwuZAcrzU01bnOMrWK7XmGC1ewIQo_yXdH2oGPkKg4ALhZNThkGz7dolXfF-zVog" />
    <input value="1120" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/cafe-chicoree-instant-alternative-au-cafe-bio-100-g-5124">
          <img alt="Café Chicorée INSTANT Alternative au café Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8854/file/small-37487dd628956062723ec34b1ea2aab8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8854/file/medium-b8d111694b99bfbb5bacb0967743b3eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/8854/file/large-d3e0482741520125c6538d90ceb75246.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8854/file/medium-b8d111694b99bfbb5bacb0967743b3eb.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/cafe-chicoree-instant-alternative-au-cafe-bio-100-g-5124">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Café Chicorée INSTANT Alternative au café Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H_Y_lTu9zhUPWmmpD4QK9YS_brrKGa3eh7F3VlBT_a3FunrIuagkjytnYIZYpiLtoXeOH-7Sg9SPquy78jXFdg" />
    <input value="5124" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tempeh-aux-lentilles-de-montagne-bio-185-g-17200">
          <img alt="Tempeh aux Lentilles de Montagne Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8026/file/small-58f2439242a68ac4f00cc4829f438e06.webp 600w, https://assets.fabulous.ch/public/variant_asset/8026/file/medium-3431619496a9dd3f45100e1d078312b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/8026/file/large-d694cbc9b90e2267adf9de8d32567208.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8026/file/medium-3431619496a9dd3f45100e1d078312b9.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">Tempehmanufaktur</p>
          <a href="/fr/products/tempeh-aux-lentilles-de-montagne-bio-185-g-17200">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tempeh aux Lentilles de Montagne Bio, 185 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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.86 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e1MJHdZttGlXPNBS2lU7PR3wCIurEwJYg2oXsod7OuuhH0xAVHhe83MB2X2NdxMlODjoLo_YLFKLcYxfJR0CMA" />
    <input value="17200" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/saucisse-vegetalien-chorizo-bio-130-g-1591">
          <img alt="Saucisse Végétalien Chorizo Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1271/file/small-abc6398a706611fc88510170b79fb51e.webp 600w, https://assets.fabulous.ch/public/variant_asset/1271/file/medium-d37a80e78ec8cf2a422a905b80229107.webp 900w, https://assets.fabulous.ch/public/variant_asset/1271/file/large-6c82635d5c08c0dedca98a131fa7d59a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1271/file/medium-d37a80e78ec8cf2a422a905b80229107.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-vegetalien-chorizo-bio-130-g-1591">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Saucisse Végétalien Chorizo Bio, 130 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 4.23 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S2sMdvRa94RueP4kG0ZC24oPMw0rj1f6rZRYfVSgQRKRJ0krdk8dHkpF9wtMZGrDr8fTqA9EefClj8OQ9sZ5yQ" />
    <input value="1591" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/saucisse-de-lupin-fondante-bio-200-g-17141">
          <img alt="Saucisse de Lupin Fondante Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7990/file/small-aa0d7793aa488eb9309a0384bd621d13.webp 600w, https://assets.fabulous.ch/public/variant_asset/7990/file/medium-c0bca9f088a704569662f140b24f10b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7990/file/large-acdd5cf71080ce569dc3e6790116844d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7990/file/medium-c0bca9f088a704569662f140b24f10b2.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">Alberts</p>
          <a href="/fr/products/saucisse-de-lupin-fondante-bio-200-g-17141">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Saucisse de Lupin Fondante Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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 2.85 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jNl0pHz4orfCJRcM7A4KLhh1n6vXhHdGg7rtrRoTR_dWlTH5_u1ILeYYHiO7LCI2Pb1_DvNPWUyLoXZAuHV_LA" />
    <input value="17141" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tofu-alternative-vegetalienne-au-homard-bio-180-g-8622">
          <img alt="Tofu Alternative végétalienne au homard Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5020/file/small-b98066084f94d19ad5fe53150a867528.webp 600w, https://assets.fabulous.ch/public/variant_asset/5020/file/medium-a08d30c3003c6836599b5fa626f6ff20.webp 900w, https://assets.fabulous.ch/public/variant_asset/5020/file/large-7f64c6be1f2585523271cce63c02cee9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5020/file/medium-a08d30c3003c6836599b5fa626f6ff20.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">Lord of Tofu</p>
          <a href="/fr/products/tofu-alternative-vegetalienne-au-homard-bio-180-g-8622">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Alternative végétalienne au homard Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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.94 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dhu3ahXXNXM2VaKBXOW3GFBmljONSQ5sHX3p5igTB1rUV_I3l8Lf6RJoq64Lx58Ada52lqmCIGYVZnILinU_gQ" />
    <input value="8622" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/charcuterie-bresaola-style-bio-60-g-10032">
          <img alt="Charcuterie Bresaola Style Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8663/file/small-3706b2dd2fe84c0e579cb894ef70fffd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8663/file/medium-8143b69c94fa84a9bba32e78a06bd648.webp 900w, https://assets.fabulous.ch/public/variant_asset/8663/file/large-68b3b848fc6b4a64860b17e40ac0aa40.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8663/file/medium-8143b69c94fa84a9bba32e78a06bd648.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/charcuterie-bresaola-style-bio-60-g-10032">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Charcuterie Bresaola Style Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xjFa7G2daAfIGNenGaT1LpfUJM0N-V9pl_jvFTAYCfkcfR-x74iCnewl3ohOht02shzEaCkycWOf43T4kn4xIg" />
    <input value="10032" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/wilmersburger-fondant-a-pizza-bio-150-g-61">
          <img alt="Wilmersburger Fondant à Pizza Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/65/file/small-b12a09baa7ed134dad4753a0551650b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/65/file/medium-545f99c4c72357f742a5e609130fa305.webp 900w, https://assets.fabulous.ch/public/variant_asset/65/file/large-323b181b5322fea545ce8ecfd7b4b704.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/65/file/medium-545f99c4c72357f742a5e609130fa305.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-fondant-a-pizza-bio-150-g-61">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wilmersburger Fondant à Pizza Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </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.10 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6gX8Jf-Do9UY0DEN_Ipx_b1P7bCDRWVgMEyD-IoHOdEwSbl4fZZJTzztOCKrqFnlmIcNFaeOS2o4VxgVKGEBCg" />
    <input value="61" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/une-alternative-vegan-au-mozzarella-bio-200-g-55">
          <img alt="Une alternative vegan au Mozzarella Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/58/file/small-64f8a196bf4a74d219fe14b2d2b2a73b.webp 600w, https://assets.fabulous.ch/public/variant_asset/58/file/medium-6b9da0ee2dfd145da8da79ad174fac51.webp 900w, https://assets.fabulous.ch/public/variant_asset/58/file/large-f9904fdac4d04953c857ba552165c24d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/58/file/medium-6b9da0ee2dfd145da8da79ad174fac51.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">Frescolat S.r.l.</p>
          <a href="/fr/products/une-alternative-vegan-au-mozzarella-bio-200-g-55">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Une alternative vegan au Mozzarella Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YlLo8aHlE4Bz6gxtBTe3uRXbN8GJciz8Z3aAi9eoRRK4Hq2sI_D5GlfXBUJSFZ-hMBPXZK25AvZvbRtmdc59yQ" />
    <input value="55" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <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-dark-berry-bio-125-g-4022">
          <img alt="Lait de coco avec des cultures de yaourt Dark Berry Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2550/file/small-22f6f9f737341c231970fbfed11e900a.webp 600w, https://assets.fabulous.ch/public/variant_asset/2550/file/medium-2d25660f82ae34cd4242b5e0074596d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/2550/file/large-e93600bd88e8a13aabf9e1fcd292a895.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2550/file/medium-2d25660f82ae34cd4242b5e0074596d1.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-dark-berry-bio-125-g-4022">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lait de coco avec des cultures de yaourt Dark Berry Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7hng5kqPzQ8E2lV0FgFhHiNMTQLuPiEVYimwsMVH-dM0VaW7yJonlSDnXFtBI0kGBoStp8r1Dx9qMitdZyHBCA" />
    <input value="4022" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/completeorganics-l-originale-kimchi-bio-230-g-10935">
          <img alt="completeorganics L&#39;ORIGINALE KIMCHI Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5648/file/small-6273a911d729b4c65170de70b089fb9d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5648/file/medium-ada1cba82d9fc62e6a8f936edc300b7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5648/file/large-f4a335c60caa210d520216bd5fc03db1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5648/file/medium-ada1cba82d9fc62e6a8f936edc300b7f.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">completeorganics</p>
          <a href="/fr/products/completeorganics-l-originale-kimchi-bio-230-g-10935">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">completeorganics L&#39;ORIGINALE KIMCHI Bio, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7R7qOICts0bZEQbSHPKDgsnTSdtlUsBOOXxieFY9yRo3Uq9lArhZ3P0sD_1L0Kua7BupfkGZ7kQxZ_mV9FvxwQ" />
    <input value="10935" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tempeh-purple-season-180-g-20143">
          <img alt="Tempeh Purple Season" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11390/file/small-d3b1d79b317041dfffce086b302c2b7d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11390/file/medium-f289f7acc67f2a75053192b4232941dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11390/file/large-f557fae479d3c0e27ccefc45208b9884.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11390/file/medium-f289f7acc67f2a75053192b4232941dd.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">Yumame</p>
          <a href="/fr/products/tempeh-purple-season-180-g-20143">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tempeh Purple Season, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r-5FEM5tAPsN-lDiE_9KgJdm4H0Aon0A6bmKMOZd3cR1ogBNTHjqYSnHWc1E3WKYsq4A2CRpUwrhohHdRDvlHw" />
    <input value="20143" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="S&#39;inscrire pour enregistrer cet article" href="/fr/signup?return_to=%2Ffr%2Fcategories%2Fmadal-bal%3Fformat%3Dturbo_stream%26page%3D10">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tempeh-rustic-garden-180-g-20243">
          <img alt="Tempeh Rustic Garden" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11392/file/small-73d87649393866df31b291fa65b88e92.webp 600w, https://assets.fabulous.ch/public/variant_asset/11392/file/medium-effe0efc0d67febe8627b11677506351.webp 900w, https://assets.fabulous.ch/public/variant_asset/11392/file/large-8fed8f2b6246f21bbdc06f73a80319c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11392/file/medium-effe0efc0d67febe8627b11677506351.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">Yumame</p>
          <a href="/fr/products/tempeh-rustic-garden-180-g-20243">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tempeh Rustic Garden, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3wLvlU67gBZxttD89ub4TL_Xu62w2ayjPgxL5YObY7UFTqrIzK5qjFWL2dOhxNBUmh9bCJQSgqk2F9AIIf1bbg" />
    <input value="20243" 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">
      200 sur 3&#39;323 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/madal-bal?format=turbo_stream&amp;page=11">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>