<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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D36">
    <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/farfalle-mit-randen-und-spinat-bio-250-g-20469">
          <img alt="Farfalle mit Randen und Spinat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11190/file/small-9c592d8211c7c231b7bfcf01f70f5b15.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11190/file/medium-eeefeb7afa06a031cc8a511dcfd41d5e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11190/file/large-bc1ec9b3a990e959913f2258491d6c42.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11190/file/medium-eeefeb7afa06a031cc8a511dcfd41d5e.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">L&#39;antica Madia</p>
          <a href="/fr/products/farfalle-mit-randen-und-spinat-bio-250-g-20469">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Farfalle mit Randen und Spinat Bio, 250 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 1.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kDC_8lMhgqtdOWaVQeVPnyBEeTWDZMyPap2tlAAxVC321dnwNe8zxzJv8jeAREuNldLUL1Wzut0_cGEfeY0geg" />
    <input value="20469" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D36">
    <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/buchstaben-klare-suppe-bio-42-g-20470">
          <img alt="Buchstaben Klare Suppe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11191/file/small-32813a5af259181fd89ac03a408a84e4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11191/file/medium-e16ed0ebfe21f38a78d997c5d7f5f8f8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11191/file/large-6b3c570743b7514aebbd5c6e99b89720.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11191/file/medium-e16ed0ebfe21f38a78d997c5d7f5f8f8.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">Erntesegen</p>
          <a href="/fr/products/buchstaben-klare-suppe-bio-42-g-20470">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Buchstaben Klare Suppe Bio, 42 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-9WpEUjohPN_ea_SIhtZbnfSfrKhG2pcqprzWLQLysOdMM8TLiY1nxAvO3Djul18wkTTqHfMHA7_dz_Tzbe-lA" />
    <input value="20470" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D36">
    <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/champignon-cremesuppe-bio-40-g-20471">
          <img alt="Champignon Cremesuppe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11193/file/small-d3a742a3734ea6bc66f8370c983a1a62.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11193/file/medium-b403c76c9545ba0a09341832c881ec9c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11193/file/large-baba2f923ea587bb9e0e5a944c3d34a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11193/file/medium-b403c76c9545ba0a09341832c881ec9c.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">Erntesegen</p>
          <a href="/fr/products/champignon-cremesuppe-bio-40-g-20471">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Champignon Cremesuppe Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rJ-4XwAEfUpZ-rlNuzA9f2oqR0In6RXZOnC6DlV89snKet5dZsrMJjasLe96kTlt37zqWPE-Y4tvnXaFLMCCng" />
    <input value="20471" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D36">
    <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/tomaten-cremesuppe-bio-43-g-20472">
          <img alt="Tomaten Cremesuppe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11192/file/small-2d72407548a98c8c6c04af4fe6e456f3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11192/file/medium-08467454a71410cbe46199d09064579f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11192/file/large-acb06e8e136f7821862bc75aea67df3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11192/file/medium-08467454a71410cbe46199d09064579f.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">Erntesegen</p>
          <a href="/fr/products/tomaten-cremesuppe-bio-43-g-20472">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomaten Cremesuppe Bio, 43 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mHE1FeGDCkvx0NCIRJChr4AB5kTAoCcfPrtcabTerpf-lFMXh027J56GRCqFMaW9NZdLXhZ3UU1rVpDizWLawA" />
    <input value="20472" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D36">
    <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/crusty-3-korn-3-saaten-bio-200-g-20473">
          <img alt="Crusty 3 Korn - 3 Saaten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11194/file/small-7a8cd8612bc3bbf68ea9e192ead8028b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11194/file/medium-1da25d372591f16a03be99b65cc3e9b3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11194/file/large-a34cea4a8e0f64012f73bdcc885e3461.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11194/file/medium-1da25d372591f16a03be99b65cc3e9b3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/fr/products/crusty-3-korn-3-saaten-bio-200-g-20473">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crusty 3 Korn - 3 Saaten Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

          </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-20473-card">
        

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LAakStQSJDhZp9iyVdlVgypF2oJo8ZL88NuA7T-fO9NK48JIstyVVDbxTBCUeFGRn9N3mL4m5K6lNkxmRiNPhA" />
    <input value="20473" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D36">
    <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/sauerkraut-roh-bio-250-g-20479">
          <img alt="Sauerkraut roh Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11206/file/small-4d24aeabacbb639e73e58b0761f608db.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11206/file/medium-0943f6497213ca8a0b2f580ccf7ffe2b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11206/file/large-5b68d006ba39a798965fa0cb133de11e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11206/file/medium-0943f6497213ca8a0b2f580ccf7ffe2b.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">Schöni</p>
          <a href="/fr/products/sauerkraut-roh-bio-250-g-20479">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauerkraut roh Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="px-4a1N5sXyn7ZG7yLWO6pheaVQC5-4B__UHjheht0PB-t5pNbcAEMi7BRkJFIr4LcjETtQwmFOqGMsFbh3DFA" />
    <input value="20479" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D36">
    <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/pomodori-pelati-in-salsa-demeter-530-g-20517">
          <img alt="Pomodori pelati in salsa Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11249/file/small-76ed45dbac42e3318d513c4fe171c3e6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11249/file/medium-77b9bb10eb873e5defd6de7f9c192f85.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11249/file/large-a48eecf710145a48c5c5f2b986099336.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11249/file/medium-77b9bb10eb873e5defd6de7f9c192f85.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">Giancarlo Ceci</p>
          <a href="/fr/products/pomodori-pelati-in-salsa-demeter-530-g-20517">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pomodori pelati in salsa Demeter, 530 g</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.92 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VzHQ25n90aHJ8-MWEyRAPjI_PVjA67zlsNr9OFVi1WMx1LbZ_zNgzaald7TShUQsh6mQQhY8yrflNzGzLN6hNA" />
    <input value="20517" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D36">
    <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/sugo-al-basilico-demeter-330-g-20518">
          <img alt="Sugo al Basilico Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11250/file/small-0996a0aa49df8d79a3e83ded4a81391b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11250/file/medium-2525973c74b58bf0d8cd333976caf62d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11250/file/large-965ca545e4aeb49f38e9aebbaa0b5e19.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11250/file/medium-2525973c74b58bf0d8cd333976caf62d.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">Giancarlo Ceci</p>
          <a href="/fr/products/sugo-al-basilico-demeter-330-g-20518">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sugo al Basilico Demeter, 330 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 1.18 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aFXDaWGerjHUNPDE4slFdSh-8c2Gs7YC8n5zy1u9xDoOsKVrB1AfXbtiZGYjaEFnnehc11BkwFCnk79AIgGwbQ" />
    <input value="20518" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D36">
    <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/sugo-arrabiata-demeter-330-g-20519">
          <img alt="Sugo Arrabiata Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11253/file/small-cd08d23b5cc9360e457ca8796847274e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11253/file/medium-68e894b651f4167b9664b13c7a4ca1de.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11253/file/large-9d530d4ffa974d48199d58474c3d9580.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11253/file/medium-68e894b651f4167b9664b13c7a4ca1de.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">Giancarlo Ceci</p>
          <a href="/fr/products/sugo-arrabiata-demeter-330-g-20519">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sugo Arrabiata Demeter, 330 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 1.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mdHJjkkHxU9uNNO-edvTw8QKInr8iQpk3F6N2CZD8yX_NK-ML8l0IwFiRxy4etfRcZyPYCpefDaJs0FTX_-Hcg" />
    <input value="20519" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D36">
    <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/sugo-pizzaiola-demeter-330-g-20520">
          <img alt="Sugo Pizzaiola Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11255/file/small-4e47ad0c44c6a3274046204dfb1eaa1c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11255/file/medium-a50a4c4b8b9c851d75d398570104e82e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11255/file/large-9b3727475b593f72a1ffcecd18c1f5fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11255/file/medium-a50a4c4b8b9c851d75d398570104e82e.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">Giancarlo Ceci</p>
          <a href="/fr/products/sugo-pizzaiola-demeter-330-g-20520">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sugo Pizzaiola Demeter, 330 g</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 1.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HfOsLk5wde63imw0DPB-Ns5FJDi3HjxyhG67BOCCpDR7FsosKL7Egtjc-JbNUXoke9OJImHJSiDRg3ePmT7QYw" />
    <input value="20520" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D36">
    <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/bio-snacky-power-sprossen-mix-40-g-20540">
          <img alt="Bio-Snacky Power Sprossen Mix" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11282/file/small-83feecbf41c830400551f074d4cc5a6b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11282/file/medium-50c925e7da1d725762bda317b77e97ff.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11282/file/large-b9460de7f0f3c9a38674b97480fa094f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11282/file/medium-50c925e7da1d725762bda317b77e97ff.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/bio-snacky-power-sprossen-mix-40-g-20540">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Snacky Power Sprossen Mix, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Hfb-DPx98ACqkY8dh-plMNQs-QBTBhyv7pNyfDwaHNp7E5gOmrNBbMXHG79GS2EiYbpUGoXRav27fr73RaZojQ" />
    <input value="20540" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D36">
    <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/samba-snack-bio-25-g-20541">
          <img alt="Samba Snack Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11283/file/small-c656b2fb301794a2d89d3d1944261c97.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11283/file/medium-6e9f779d4558b227a5a9accc37c04aac.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11283/file/large-90db349e42b2dda2d2183bbe2bdfe25d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11283/file/medium-6e9f779d4558b227a5a9accc37c04aac.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/samba-snack-bio-25-g-20541">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Samba Snack Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LHWPcTyyUmW57tyaA3Zy__NG_BFOhlIIWR0t7HAvt3hKkOlzWnzjCda4SDjC13btRtBRC5hRJFoM8OFnCZPDLw" />
    <input value="20541" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D36">
    <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/tomaten-getrocknet-bio-100-g-22539f1f-3884-432f-a725-979f882cdd19-20542">
          <img alt="Tomaten getrocknet Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11284/file/small-46fcf8bd424e41b6365dc87518cd7eaf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11284/file/medium-fb3c1b911090db1c258a92b5f3c53b85.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11284/file/large-96b35501c811acd923e26eae849eb788.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11284/file/medium-fb3c1b911090db1c258a92b5f3c53b85.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/tomaten-getrocknet-bio-100-g-22539f1f-3884-432f-a725-979f882cdd19-20542">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomaten getrocknet Bio, 100 g</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 4.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HJ43N4ZylTa42TUmYPBgYiISf2w6vU6gQJryRFNgxZJ6e1E14LwkWtePoYShUWRwl4TSduxqOPIVdz7PKtyxxQ" />
    <input value="20542" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D36">
    <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/zitronat-gewurfelt-bio-100-g-20543">
          <img alt="Zitronat gewürfelt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11285/file/small-0dca84b57c6deffd8777707d89b266e0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11285/file/medium-36882d1a796ab36cf4675310b49eb8a4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11285/file/large-8eb29293ba832e4301dd38cab999259e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11285/file/medium-36882d1a796ab36cf4675310b49eb8a4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/zitronat-gewurfelt-bio-100-g-20543">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zitronat gewürfelt Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WtRMF0Ef-J1xEIiNVS6pKp-1uk2y7Qkb-_1VlJGniR08MSoVJ9FJ8R5GHC-Uj604KiMXV2Q6f0muEJkf6Bv9Sg" />
    <input value="20543" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D36">
    <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/rollgerste-demeter-500-g-20545">
          <img alt="Rollgerste Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11287/file/small-c4e59d0f4d19eb3e73f8b109ae81ef4d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11287/file/medium-7eef6e3cccf219acfa3715c57a42cc08.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11287/file/large-115773164d532dc4c00458bf15c0e6cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11287/file/medium-7eef6e3cccf219acfa3715c57a42cc08.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">Vanadis</p>
          <a href="/fr/products/rollgerste-demeter-500-g-20545">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rollgerste Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ky0IBb75Dvf3x21L0hHdsLSQGbo7CTD0bd6-i9qyFPb1yG4H2De_m5iR-ekTsNmiAQa0oO3eRqY4M3IAow5goQ" />
    <input value="20545" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D36">
    <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/bauck-hafer-pancakes-mix-bio-180-g-20546">
          <img alt="Bauck Hafer Pancakes Mix Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11288/file/small-c4d31ed505a7c52dc959a5c820d3fbcc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11288/file/medium-ed57ca0e207f33c83596e3ee316556ff.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11288/file/large-4fe214bc63fa2e86878fadc28cced62d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11288/file/medium-ed57ca0e207f33c83596e3ee316556ff.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">The Maple Brothers</p>
          <a href="/fr/products/bauck-hafer-pancakes-mix-bio-180-g-20546">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bauck Hafer Pancakes Mix Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pZIeFK4GEbXjHsuWzdpZa0bysuYrltYEFQwH51D0Re7Dd3gWyMig2YxIXzQMe11582Qf_P1BoFZA4ctsKUgxuQ" />
    <input value="20546" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D36">
    <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/hofgemuse-cremesuppe-bio-42-g-20548">
          <img alt="Hofgemüse Cremesuppe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11291/file/small-455b3f778c91c0b29c761f0429f3a088.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11291/file/medium-af6a203773b0b120eb29579ca7240854.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11291/file/large-39eaa521f53d33c481b4cb1738100cc9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11291/file/medium-af6a203773b0b120eb29579ca7240854.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">Erntesegen</p>
          <a href="/fr/products/hofgemuse-cremesuppe-bio-42-g-20548">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hofgemüse Cremesuppe Bio, 42 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i7f8K_eYI5fJtzWxajK6eniw7p2-LC_Z1I7nz-a7ea3tUpopkVaS-6bhoROrk75ozSZDh2j7WYuBYytEnwcN-g" />
    <input value="20548" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D36">
    <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/spaghetti-mais-500-g-20549">
          <img alt="Spaghetti Mais" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11295/file/small-fc874a560befa777be9cab2cf33866c9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11295/file/medium-461bebab88cc0d9d55b60b14b259d55f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11295/file/large-4f6a9d9a988580f1d7b60ee8d7bfa236.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11295/file/medium-461bebab88cc0d9d55b60b14b259d55f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Hammermühle</p>
          <a href="/fr/products/spaghetti-mais-500-g-20549">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spaghetti Mais, 500 g</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.98 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ytx1aXfdDovDD3loq2Zd0Nmj7W475iTcQn6Bw0l-n54EORNrERO_56xZ7cpqx1nCbDVAdO0xUo4Xk01IMMLryQ" />
    <input value="20549" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D36">
    <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/linea-maiswaffeln-mit-amaranth-bio-150-g-20567">
          <img alt="Linea Maiswaffeln mit Amaranth Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11326/file/small-f0060366988f16a1ad2646b6b77ff8e3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11326/file/medium-81a0d13c4393ac4a0e774836c28d0210.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11326/file/large-03813b941b03139f7edad6bff45709e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11326/file/medium-81a0d13c4393ac4a0e774836c28d0210.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">Linea Natura</p>
          <a href="/fr/products/linea-maiswaffeln-mit-amaranth-bio-150-g-20567">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Linea Maiswaffeln mit Amaranth Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="orpRPoeWf91KrEP_Z_jAtMktXZzqB5oYmtXqZ2XmvQHEXzc84VjOsSX6112mWcSmfLvwhjzQ7ErPOCbsHFrJVg" />
    <input value="20567" 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%2Fcollections%2Funder-5%3Fformat%3Dturbo_stream%26page%3D36">
    <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/linea-maiswaffeln-mit-leinsamen-bio-150-g-20568">
          <img alt="Linea Maiswaffeln mit Leinsamen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11327/file/small-0b18fdd7dff1ef8554d1e11ceb5686c9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11327/file/medium-a2fbea9a8346fe667878833cb62284e8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11327/file/large-90fced4b820f90ecdbe394e51747ed11.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11327/file/medium-a2fbea9a8346fe667878833cb62284e8.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">Linea Natura</p>
          <a href="/fr/products/linea-maiswaffeln-mit-leinsamen-bio-150-g-20568">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Linea Maiswaffeln mit Leinsamen Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UJHt0bFGX_qJsh2cpN9Wj6teq9ueoWZrZdk-IxD3Qm82dIvT14julubkiT5lflKdHsgGwUh2EDkwNPKoaUs2OA" />
    <input value="20568" 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">
      720 sur 722 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/collections/under-5?format=turbo_stream&amp;page=37">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>