<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%2Finfomaterial%2Fkarten%3Fformat%3Dturbo_stream%26page%3D110">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/panettone-sans-fruits-confits-750-g-7454">
          <img alt="Panettone SANS Fruits Confits" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4269/file/small-986d899267df3b33c76a0b9346b0d664.webp 600w, https://assets.fabulous.ch/public/variant_asset/4269/file/medium-77bbf2be3542b56fc3aba33afc123b85.webp 900w, https://assets.fabulous.ch/public/variant_asset/4269/file/large-c5852169c2a3f5466b836b02ca98d61c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4269/file/medium-77bbf2be3542b56fc3aba33afc123b85.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">MilanoVeg</p>
          <a href="/fr/products/panettone-sans-fruits-confits-750-g-7454">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Panettone SANS Fruits Confits, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.95
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       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%2Finfomaterial%2Fkarten%3Fformat%3Dturbo_stream%26page%3D110">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/pandoro-vegetalien-il-vegan-d-oro-750-g-7475">
          <img alt="Pandoro Végétalien “Il Vegan d’oro”" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4298/file/small-93c1fab3b90752fdef16b109c403412a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4298/file/medium-505685d8a637b42bb6a5f267049315fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4298/file/large-aecdce9c3bbb8e5de60dc6d913faa519.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4298/file/medium-505685d8a637b42bb6a5f267049315fc.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">MilanoVeg</p>
          <a href="/fr/products/pandoro-vegetalien-il-vegan-d-oro-750-g-7475">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pandoro Végétalien “Il Vegan d’oro”, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.95
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       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%2Finfomaterial%2Fkarten%3Fformat%3Dturbo_stream%26page%3D110">
    <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/vermicelles-preparation-de-puree-de-marrons-bio-350-g-7491">
          <img alt="Vermicelles Préparation de purée de marrons Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4306/file/small-49ce17acc96846f8e1d1924d05284739.webp 600w, https://assets.fabulous.ch/public/variant_asset/4306/file/medium-9f95eee0ae87ee854981cbdcc0fc7a7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/4306/file/large-15aced370b0ccd0c6bb68cced7a481b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4306/file/medium-9f95eee0ae87ee854981cbdcc0fc7a7f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/fr/products/vermicelles-preparation-de-puree-de-marrons-bio-350-g-7491">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vermicelles Préparation de purée de marrons Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="04sXP2hJfoOn5JJIiDAAvP3VulSIWzKXNfzAePBeAXNzqsOafiys2F-uWfmJosLr2xczi6aDbBKBULQJIdn9tQ" />
    <input value="7491" 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%2Finfomaterial%2Fkarten%3Fformat%3Dturbo_stream%26page%3D110">
    <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/marrons-entiers-au-naturel-en-verre-bio-320-g-7498">
          <img alt="Marrons entiers au naturel en verre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4307/file/small-3b32843637330da05c6565f9b5acc6f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4307/file/medium-040153285a44dab6e8bd1ac843a620e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4307/file/large-4598d954e17d229b8fc3c41914533872.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4307/file/medium-040153285a44dab6e8bd1ac843a620e5.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">Danival</p>
          <a href="/fr/products/marrons-entiers-au-naturel-en-verre-bio-320-g-7498">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Marrons entiers au naturel en verre Bio, 320 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xrOOFzoWUyIeM1_F0PPMaK5XvATRFrCM-cUimZ4gxRZmklqyLHOBeeZ5lHTRYQ4_iJU12__O7glNaVboT6c50A" />
    <input value="7498" 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%2Finfomaterial%2Fkarten%3Fformat%3Dturbo_stream%26page%3D110">
    <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/crunchy-fruity-cerises-croquants-qualite-crue-bio-20-g-7502">
          <img alt="Crunchy Fruity Cerises Croquants Qualité Crue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4311/file/small-41942e0afe25ef3a4d2d89538db7529e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4311/file/medium-4e4390131c935656496474de3d82dd50.webp 900w, https://assets.fabulous.ch/public/variant_asset/4311/file/large-c91764618c6babef19ca4d5c90456257.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4311/file/medium-4e4390131c935656496474de3d82dd50.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Organica</p>
          <a href="/fr/products/crunchy-fruity-cerises-croquants-qualite-crue-bio-20-g-7502">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Crunchy Fruity Cerises Croquants Qualité Crue Bio, 20 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 22.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dhUSVgdrwAlURfZIW5SAynuR_s1GeSEPJN-dPoaLNP3WNMbzEQ4SUqwPPflaBkKdXVN3Emihf4qQc-lPVwzIOw" />
    <input value="7502" 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%2Finfomaterial%2Fkarten%3Fformat%3Dturbo_stream%26page%3D110">
    <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/soupe-natur-compagnie-soupe-aux-legumes-bio-18-g-7520">
          <img alt="Soupe Natur Compagnie Soupe aux Légumes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4329/file/small-dd5049d3d1b5c55f146b2eeee307f65f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4329/file/medium-02dd6f1f825b7609fe056a588d6f9809.webp 900w, https://assets.fabulous.ch/public/variant_asset/4329/file/large-0b510b25fde2335d5708deb265101a33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4329/file/medium-02dd6f1f825b7609fe056a588d6f9809.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/soupe-natur-compagnie-soupe-aux-legumes-bio-18-g-7520">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soupe Natur Compagnie Soupe aux Légumes Bio, 18 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fxpp4X0pkIlRRSMOpe-VAdYpyAZRVf6LmGc8y8F20RnfO71Ea0xC0qkP6L-kfVdW8OtB2X-NoA4sy0i6EPEt3w" />
    <input value="7520" 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%2Finfomaterial%2Fkarten%3Fformat%3Dturbo_stream%26page%3D110">
    <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/soupe-natur-compagnie-soupe-a-la-tomates-bio-20-g-7521">
          <img alt="Soupe Natur Compagnie Soupe à la Tomates Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4330/file/small-70bd278278b6d516d15ad9e9eea57258.webp 600w, https://assets.fabulous.ch/public/variant_asset/4330/file/medium-7ed41bdea66a3a83a5d6fae0e02faa44.webp 900w, https://assets.fabulous.ch/public/variant_asset/4330/file/large-d2489ea3d226d6f89a73e170e7a8033c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4330/file/medium-7ed41bdea66a3a83a5d6fae0e02faa44.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/soupe-natur-compagnie-soupe-a-la-tomates-bio-20-g-7521">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soupe Natur Compagnie Soupe à la Tomates Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nN1vBdp__GkSGwdA1TEfwE98hdwtQn30PPIGK3SSNfw8_LugzBouMupRzPHUo92Xab4MAwOaI3GIXnJapRXJOg" />
    <input value="7521" 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%2Finfomaterial%2Fkarten%3Fformat%3Dturbo_stream%26page%3D110">
    <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/flocons-de-piment-bio-45-g-7536">
          <img alt="Flocons de piment Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4339/file/small-728e8dd5e2b8dcf28acd237b933aab78.webp 600w, https://assets.fabulous.ch/public/variant_asset/4339/file/medium-1af5a9d6927c4ecf0eabe71ba1bbd8ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/4339/file/large-2ea8c899c2f19f1ca0a68681e06fd0f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4339/file/medium-1af5a9d6927c4ecf0eabe71ba1bbd8ac.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/fr/products/flocons-de-piment-bio-45-g-7536">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flocons de piment Bio, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zHrm44_nIPtQS5xA_xWP6qbRG7m4yI5VFj9U8P_WE8tsWzJGmYLyoKgBV_H-h029gBOSZpYQ0NCikyCBLlHvDQ" />
    <input value="7536" 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%2Finfomaterial%2Fkarten%3Fformat%3Dturbo_stream%26page%3D110">
    <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/persil-coupe-bio-15-g-7537">
          <img alt="Persil Coupé bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4340/file/small-c5e8eeaf4ff660382532f2a8eb4b80aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4340/file/medium-8e40b4a4ca60e80948a3288e4129e1ee.webp 900w, https://assets.fabulous.ch/public/variant_asset/4340/file/large-dc2de76926cec29db11a297b3f3ad671.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4340/file/medium-8e40b4a4ca60e80948a3288e4129e1ee.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/fr/products/persil-coupe-bio-15-g-7537">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Persil Coupé bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hI7CDTQQWG9aZiY4YpRGCCYpCcqEwBTZ_ACu9OF3SBUkrxaoInWKNKIs7YljBoRfAOuAFaoYSlxIrNqFMPC00w" />
    <input value="7537" 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%2Finfomaterial%2Fkarten%3Fformat%3Dturbo_stream%26page%3D110">
    <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/romarin-coupe-bio-25-g-7538">
          <img alt="Romarin Coupé Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4341/file/small-81236d903d3211e50beb1c04a9f69bbc.webp 600w, https://assets.fabulous.ch/public/variant_asset/4341/file/medium-5ebb4b0ca952257d137a985cc77b133e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4341/file/large-1b8a1fd84fb008f97213603ab9a7e995.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4341/file/medium-5ebb4b0ca952257d137a985cc77b133e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/fr/products/romarin-coupe-bio-25-g-7538">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Romarin Coupé Bio, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SSvE2Xl1p6_R4OxDw6qusww8tarGZaHu-UHM_hE2WbrpChB8bxB19CmqJ_LCOGzkKv48dei9_2tN7biPwLGlfA" />
    <input value="7538" 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%2Finfomaterial%2Fkarten%3Fformat%3Dturbo_stream%26page%3D110">
    <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/basilic-coupe-bio-15-g-7539">
          <img alt="Basilic Coupé bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4342/file/small-7588b56851268c21875f066ff7df21af.webp 600w, https://assets.fabulous.ch/public/variant_asset/4342/file/medium-e8edbb5cedc576354decdadaf86e3894.webp 900w, https://assets.fabulous.ch/public/variant_asset/4342/file/large-6abef769677375fb02d5ce7facba874b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4342/file/medium-e8edbb5cedc576354decdadaf86e3894.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonnentor</p>
          <a href="/fr/products/basilic-coupe-bio-15-g-7539">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basilic Coupé bio, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="22M1FhT5nF20UNC3f2teo3bTeKRtxs0JksuXnbtzYB97QuGzApxOBkwaGwZ--Zz0UBHxe0Mek4wmZ-PsavSc2Q" />
    <input value="7539" 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%2Finfomaterial%2Fkarten%3Fformat%3Dturbo_stream%26page%3D110">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/xucker-erythritol-sticks-5-g-7558">
          <img alt="Xucker Erythritol Sticks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4359/file/small-f034cab40aa35d849f3c54dd637f0b2c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4359/file/medium-4fbc1324bc85a5755a7e829f4b14f78d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4359/file/large-c6046e654f5420f5ccd09bc2413e8fac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4359/file/medium-4fbc1324bc85a5755a7e829f4b14f78d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Xucker</p>
          <a href="/fr/products/xucker-erythritol-sticks-5-g-7558">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Xucker Erythritol Sticks, 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       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%2Finfomaterial%2Fkarten%3Fformat%3Dturbo_stream%26page%3D110">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/xylit-sucre-de-bouleau-premium-sticks-200-g-7559">
          <img alt="Xylit Sucre de bouleau Premium Sticks" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4361/file/small-edb3e2a60443da59333d237bf688c2df.webp 600w, https://assets.fabulous.ch/public/variant_asset/4361/file/medium-38a9a9031e239642e5b537a3037cac0e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4361/file/large-60f9c47dcd104227dd829fd307208e35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4361/file/medium-38a9a9031e239642e5b537a3037cac0e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Xucker</p>
          <a href="/fr/products/xylit-sucre-de-bouleau-premium-sticks-200-g-7559">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Xylit Sucre de bouleau Premium Sticks, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       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%2Finfomaterial%2Fkarten%3Fformat%3Dturbo_stream%26page%3D110">
    <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/graines-de-moutarde-jaune-bio-bio-80-g-7565">
          <img alt="Graines de Moutarde Jaune Bio Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4362/file/small-184fd052273c815787491a97514b4e62.webp 600w, https://assets.fabulous.ch/public/variant_asset/4362/file/medium-29a2a2e581eb6802792b49c9db565ed6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4362/file/large-a9c8e5e7606f2697fd456e45e18b6e47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4362/file/medium-29a2a2e581eb6802792b49c9db565ed6.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">Lebensbaum</p>
          <a href="/fr/products/graines-de-moutarde-jaune-bio-bio-80-g-7565">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Graines de Moutarde Jaune Bio Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B6V59rMiJ2n2mMR2hVzrFAs4Ia40fQ90Lrc0n7ZSDTenhK1TpUf1Mg7SD8eEzilDLfqocRqlUfGaG0DuZ9Xx8Q" />
    <input value="7565" 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%2Finfomaterial%2Fkarten%3Fformat%3Dturbo_stream%26page%3D110">
    <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/lazzaretti-couscous-pois-casses-bio-400-g-7633">
          <img alt="Lazzaretti Couscous Pois cassés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4419/file/small-a67d358c166f63443d0a3938f505a702.webp 600w, https://assets.fabulous.ch/public/variant_asset/4419/file/medium-9fdb989c4fc72b93fd6694764ff281df.webp 900w, https://assets.fabulous.ch/public/variant_asset/4419/file/large-a803bcb868717e1853235c9ee9450c22.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4419/file/medium-9fdb989c4fc72b93fd6694764ff281df.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">Lazzaretti</p>
          <a href="/fr/products/lazzaretti-couscous-pois-casses-bio-400-g-7633">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lazzaretti Couscous Pois cassés Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TtcVtGA5wBF-qAWHgbDaGbOwvw6W2Z_4g9IMM66YniTu9sERdlwSSobizjaAIhhOlXI20bgBwX03fnhCfx9i4g" />
    <input value="7633" 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%2Finfomaterial%2Fkarten%3Fformat%3Dturbo_stream%26page%3D110">
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Épuisé
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/haricots-gros-verre-demeter-350-g-7663">
          <img alt="Haricots Gros Verre Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4429/file/small-49b2e09c5702e845b1ef0c497eccf970.webp 600w, https://assets.fabulous.ch/public/variant_asset/4429/file/medium-2832467fd9675817d41620e1209e46cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4429/file/large-5ca40e617650ffaf3d848e2e3975c07f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4429/file/medium-2832467fd9675817d41620e1209e46cb.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">Nur Puur</p>
          <a href="/fr/products/haricots-gros-verre-demeter-350-g-7663">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Haricots Gros Verre Demeter, 350 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 1.03 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/fr/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    M&#39;avertir
</a>

      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       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%2Finfomaterial%2Fkarten%3Fformat%3Dturbo_stream%26page%3D110">
    <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/semoule-de-ble-dur-bio-500-g-7665">
          <img alt="Semoule de blé dur Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4432/file/small-c0e376380ff8d3e44d19447cf81c4232.webp 600w, https://assets.fabulous.ch/public/variant_asset/4432/file/medium-55bd24d0f960b4d5b6809ce7d6dfabfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4432/file/large-6f87cb9da2d3c67993b54acf5113d348.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4432/file/medium-55bd24d0f960b4d5b6809ce7d6dfabfc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/fr/products/semoule-de-ble-dur-bio-500-g-7665">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Semoule de blé dur Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KQkM9VpaW5i1ZF9ULDTPz4g2nmBMikFdPxlRuZw6qBiJKNhQTD-Jw00ulOUtpg2YrvQXv2JSH9iLtSXITb1U3g" />
    <input value="7665" 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%2Finfomaterial%2Fkarten%3Fformat%3Dturbo_stream%26page%3D110">
    <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/dentifrice-en-poudre-orange-recharge-100-g-7671">
          <img alt="Dentifrice en Poudre Orange Recharge" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4435/file/small-03bd63a41838b8927d05cd70afba7617.webp 600w, https://assets.fabulous.ch/public/variant_asset/4435/file/medium-0a99be85aac235a13480eee3830d9721.webp 900w, https://assets.fabulous.ch/public/variant_asset/4435/file/large-29a5a2c908133db393a1f1232e21befb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4435/file/medium-0a99be85aac235a13480eee3830d9721.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">Birkengold</p>
          <a href="/fr/products/dentifrice-en-poudre-orange-recharge-100-g-7671">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dentifrice en Poudre Orange Recharge, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XJCM_mat7LysH1l4MjR8HVN9FrFcIopPYh-fn_FChVP8sVhbcMg-51RVkskzpr5Kdb-fbnL61MrWs-vuIMV5lQ" />
    <input value="7671" 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%2Finfomaterial%2Fkarten%3Fformat%3Dturbo_stream%26page%3D110">
    <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/le-pain-des-fleurs-au-cacao-bio-160-g-7673">
          <img alt="Le pain des fleurs au cacao, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4437/file/small-6d4651619a8c22f02d99a1277983f471.webp 600w, https://assets.fabulous.ch/public/variant_asset/4437/file/medium-69432cd0fa9de2b24b69c097c8c62acd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4437/file/large-0c40d9999f281e683f6c4be14da553cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4437/file/medium-69432cd0fa9de2b24b69c097c8c62acd.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">Le Pain des Fleurs</p>
          <a href="/fr/products/le-pain-des-fleurs-au-cacao-bio-160-g-7673">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Le pain des fleurs au cacao, Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z_sFMaZ44yMppqs_Eyk51THuxggrzLd1HY4xw32Nkahv2tGUsB0xeNHsYI4Su_uCFyxP1wUU6fCpIkWyrAptbg" />
    <input value="7673" 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%2Finfomaterial%2Fkarten%3Fformat%3Dturbo_stream%26page%3D110">
    <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/shot-gingembre-et-baies-demeter-280-ml-7674">
          <img alt="Shot gingembre et baies Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4438/file/small-eb2bb1fb666b79e241617657412c1138.webp 600w, https://assets.fabulous.ch/public/variant_asset/4438/file/medium-e38661476feb1ea1be183c6374b25055.webp 900w, https://assets.fabulous.ch/public/variant_asset/4438/file/large-9fef23a5aa43d23d4e09567dcdbd1896.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4438/file/medium-e38661476feb1ea1be183c6374b25055.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/shot-gingembre-et-baies-demeter-280-ml-7674">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shot gingembre et baies Demeter, 280 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lCJy5C5_SGUg2Qu6A4-wpcTjYSdaY2XRzr86p7GeBJI0A6ZBOBqaPtiTwAsCHXLy4iHo-HS7O1R6E07WYBn4VA" />
    <input value="7674" 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">
      2&#39;200 sur 3&#39;288 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/infomaterial/karten?format=turbo_stream&amp;page=111">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>