<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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D167">
    <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/vesta-bio-40-g-20165">
          <img alt="Vesta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11247/file/small-af0d0db91ca9d8cdf21ffcbb50f8d211.webp 600w, https://assets.fabulous.ch/public/variant_asset/11247/file/medium-8bea47f757ac380aa8e377ebc6cb6035.webp 900w, https://assets.fabulous.ch/public/variant_asset/11247/file/large-55655149d50192d2fd2bf8b98924cf0c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11247/file/medium-8bea47f757ac380aa8e377ebc6cb6035.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">Chalira</p>
          <a href="/fr/products/vesta-bio-40-g-20165">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vesta Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u9KdEIR98JD9ZUalfXIdzme7cw8nKpnbvUgWA2qigGsjLw-l_d4eILBDxyJPn4e1Jqme7y_4eX2hlgb0haqxAg" />
    <input value="20165" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D167">
    <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/vesta-bio-20-g-20166">
          <img alt="Vesta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11248/file/small-90bf914deec91709fca92f73906bb3ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/11248/file/medium-545cfa519ebbe1a8781276a69bd0e4fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/11248/file/large-edf0bf26fadfd8d3209723af51f8280f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11248/file/medium-545cfa519ebbe1a8781276a69bd0e4fe.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">Chalira</p>
          <a href="/fr/products/vesta-bio-20-g-20166">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vesta Bio, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ww1JifJAK0BZ_MBFR9W-ShlwQ6hAY1c9ILvitA4LTUjD8Ns8i-PF8BTaQcJ1OCQxWGKuSEixt5s8ZfJD4QN8IQ" />
    <input value="20166" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D167">
    <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/vesta-bio-350-g-20167">
          <img alt="Vesta Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11249/file/small-370b25d0f651c124434ffca1f520c27d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11249/file/medium-96a5b384724a5e00694fc25939f76e9a.webp 900w, https://assets.fabulous.ch/public/variant_asset/11249/file/large-2a3a998ee7ee07c7dc077b56d684128d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11249/file/medium-96a5b384724a5e00694fc25939f76e9a.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">Chalira</p>
          <a href="/fr/products/vesta-bio-350-g-20167">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vesta Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 72.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9jVlm8cRCJkbdaVCHYhTL6NdHfziChJb9v6qiym3YZtuyPcuvrLmKVZTJMUvZclU4k_wHOrY8v3qILp8xr9Q8g" />
    <input value="20167" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D167">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/farine-d-amande-deshuilee-bio-500-g-date-limite-23-08-2026-20168">
          <img alt="Farine d’Amande déshuilée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7634/file/small-fe5ec6e920e85521dcf08b993837632c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7634/file/medium-0cd2d2d6b9481c5cfb601293756ce228.webp 900w, https://assets.fabulous.ch/public/variant_asset/7634/file/large-5050c4978a865a354983a9d1f42f3e4e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7634/file/medium-0cd2d2d6b9481c5cfb601293756ce228.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">MORGA</p>
          <a href="/fr/products/farine-d-amande-deshuilee-bio-500-g-date-limite-23-08-2026-20168">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Farine d’Amande déshuilée Bio, 500 g (Date limite 23.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 26.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 24.20</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="79veSa8SBJPXipsxiVuoEAooXAQLGKvBMctY8yPuoMB3Jkz81rHqI5qsGra7tjJrSzqx5APKS2ctFUgEzOaRqQ" />
    <input value="20168" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D167">
    <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/sel-aux-herbes-tamangur-55-g-20169">
          <img alt="Poivre aux herbes tamangur" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11252/file/small-2576e726090ed6d7071116df92db8187.webp 600w, https://assets.fabulous.ch/public/variant_asset/11252/file/medium-d1c0bbb18b061ab73d0cc881c92aae3f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11252/file/large-addc12ea499ab8c41dc701cdd2351da4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11252/file/medium-d1c0bbb18b061ab73d0cc881c92aae3f.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">Chalira</p>
          <a href="/fr/products/sel-aux-herbes-tamangur-55-g-20169">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Poivre aux herbes tamangur, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XhBj2mbOIhxHD7nL0aNZvbtKSdl2BMl9Ke5CWigSiFPG7fFvH23MrAopOEzjTsPG-likOX7WKds1MFKtxxq5Og" />
    <input value="20169" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D167">
    <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/poivre-aux-herbes-tamangur-30-g-20170">
          <img alt="Poivre aux herbes tamangur" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11253/file/small-c43003c61550a257292f0af6b79fc467.webp 600w, https://assets.fabulous.ch/public/variant_asset/11253/file/medium-64c186b3aa4f9e5fbdb9572091c31e8d.webp 900w, https://assets.fabulous.ch/public/variant_asset/11253/file/large-4d6bd32e09806d0ff15fac9fb065d362.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11253/file/medium-64c186b3aa4f9e5fbdb9572091c31e8d.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">Chalira</p>
          <a href="/fr/products/poivre-aux-herbes-tamangur-30-g-20170">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Poivre aux herbes tamangur, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vjK9_wC4Fn3LorH8pp8MkM4U5keW4y6YE35KUx8Iht8mzy9KeRv4zYaEMHuUcpbrjwYLp54xzj4PoFqk8AC3tg" />
    <input value="20170" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D167">
    <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/poivre-aux-herbes-tamangur-350-g-20171">
          <img alt="Poivre aux herbes tamangur" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11254/file/small-650cac04dfed2b479fbb82afcccb6c39.webp 600w, https://assets.fabulous.ch/public/variant_asset/11254/file/medium-9a77fc8cfb2151c5c5f7905610424d61.webp 900w, https://assets.fabulous.ch/public/variant_asset/11254/file/large-fbbb7c34ba59a6ae3239e00383050955.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11254/file/medium-9a77fc8cfb2151c5c5f7905610424d61.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">Chalira</p>
          <a href="/fr/products/poivre-aux-herbes-tamangur-350-g-20171">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Poivre aux herbes tamangur, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 72.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FcmyPG4tnhn5dw8XfuL58CNvOaQCrqJws9ItK-2oeL-NNCCJF45wqbRRjpBMD2OLYn3URAp8QtavDD3cAqBJ1g" />
    <input value="20171" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D167">
    <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/taurus-epices-barbecue-50-g-20172">
          <img alt="Taurus Épices Barbecue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11255/file/small-3e213266d6c805e0f378cb412857bcdc.webp 600w, https://assets.fabulous.ch/public/variant_asset/11255/file/medium-a4b2b984b7915083141edaa82ee6af29.webp 900w, https://assets.fabulous.ch/public/variant_asset/11255/file/large-f39c0bc52ff44d117b137f83742e4dd8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11255/file/medium-a4b2b984b7915083141edaa82ee6af29.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">Chalira</p>
          <a href="/fr/products/taurus-epices-barbecue-50-g-20172">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Taurus Épices Barbecue Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XGs-wKqJWDcXE4GSVOXjvvm73yzxoWRdcmp7i1IOE7nElqx10yq2h1o1ABVmCHnFuKkyzPlzhPtutGt8vQYi0A" />
    <input value="20172" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D167">
    <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/taurus-epices-barbecue-27-g-20173">
          <img alt="Taurus Épices Barbecue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11256/file/small-8935887d6c41612b802678faba1b788b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11256/file/medium-b8dd066f4707e6aecc6185b331bac6d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/11256/file/large-6ec3f91bb1a8491a07a6d69f0d68ffc6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11256/file/medium-b8dd066f4707e6aecc6185b331bac6d7.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">Chalira</p>
          <a href="/fr/products/taurus-epices-barbecue-27-g-20173">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Taurus Épices Barbecue Bio, 27 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-0IZXFmhMbHrYLejQ2AYQszl2eizwi82X_oqESq4ftVjv4vpIALfAaZGNiRxjYI5jfc0CLsQz5BDJDrmxbBPvA" />
    <input value="20173" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D167">
    <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/taurus-epices-barbecue-350-g-20174">
          <img alt="Taurus Épices Barbecue Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11257/file/small-21c62859bdc84189ba7a3483fefda991.webp 600w, https://assets.fabulous.ch/public/variant_asset/11257/file/medium-fa0602fd567a867115eca4e4466b4144.webp 900w, https://assets.fabulous.ch/public/variant_asset/11257/file/large-aebce544c648cbb57c5a08c515bd1843.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11257/file/medium-fa0602fd567a867115eca4e4466b4144.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">Chalira</p>
          <a href="/fr/products/taurus-epices-barbecue-350-g-20174">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Taurus Épices Barbecue Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 72.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vqYr0xZelxfopI1lnB5bsUxBjdWC4xtTXXWDvoil_oAmW7lmb_15p6WCDOKu88HKDVNgNYox-_VBq5NJZ63P6Q" />
    <input value="20174" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D167">
    <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/herbes-sauvages-frottees-3-g-20175">
          <img alt="Herbes sauvages frottées" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11259/file/small-d83ea7dd2c891fb12bb94977af855182.webp 600w, https://assets.fabulous.ch/public/variant_asset/11259/file/medium-20d127f6b033dc98233e49b40b71d3dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11259/file/large-eb66da16f8e0edb825210a8cbbb3cb47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11259/file/medium-20d127f6b033dc98233e49b40b71d3dd.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">Chalira</p>
          <a href="/fr/products/herbes-sauvages-frottees-3-g-20175">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Herbes sauvages frottées, 3 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rNOYimWbXhR0Qrk75m4MTlRfprZZe0do9MPRNbLvKyk0Lgo_HDiwpDlkOLzUg5Y1FU1LVlGpp87oHcHCXecaQA" />
    <input value="20175" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D167">
    <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/fleurs-de-sel-rose-60-g-20176">
          <img alt="Fleurs de sel rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11261/file/small-c41b1451d99f5df2ee1a2883c4906a13.webp 600w, https://assets.fabulous.ch/public/variant_asset/11261/file/medium-bac7f03d06fe5afafc6f50f9342c0048.webp 900w, https://assets.fabulous.ch/public/variant_asset/11261/file/large-bba9566eee4ad85328964630da09f91a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11261/file/medium-bac7f03d06fe5afafc6f50f9342c0048.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">Chalira</p>
          <a href="/fr/products/fleurs-de-sel-rose-60-g-20176">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fleurs de sel rose, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bShYRlmFmZoiSBvE2D7QjvKqUF2ZU0zOdPnBQyk_9DL11crzICZ3Km9umkPq00r1s7i9vZGBrGhoJ9G0xjfFWw" />
    <input value="20176" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D167">
    <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/fleurs-de-sel-rose-300-g-20177">
          <img alt="Fleurs de sel rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11262/file/small-f1af1a9b491d0101ea97dfea054e0a17.webp 600w, https://assets.fabulous.ch/public/variant_asset/11262/file/medium-49810a5025b7614350f56a4c4286b7a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/11262/file/large-8ef48e79305b1ac5b8efa935aaeccf58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11262/file/medium-49810a5025b7614350f56a4c4286b7a6.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">Chalira</p>
          <a href="/fr/products/fleurs-de-sel-rose-300-g-20177">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fleurs de sel rose, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dtSsh0FIIfT2KWcwY2ezPdrqBO_3fW5vMmZLv-GUEUfuKT4yOOvPRLsP5rdRiilGm_jpD_-vjskuuFtIDpwgLg" />
    <input value="20177" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D167">
    <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/sel-aux-olives-acropolis-bio-70-g-20179">
          <img alt="Sel aux olives acropolis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11266/file/small-6d7ed11b98bdd173365d8aa30e76ad70.webp 600w, https://assets.fabulous.ch/public/variant_asset/11266/file/medium-0e82d3907d1ecb55abce286e54481613.webp 900w, https://assets.fabulous.ch/public/variant_asset/11266/file/large-c8ab6a4f1ae599110dc686f19dbb7cd2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11266/file/medium-0e82d3907d1ecb55abce286e54481613.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">Chalira</p>
          <a href="/fr/products/sel-aux-olives-acropolis-bio-70-g-20179">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sel aux olives acropolis Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LosWmfUuVXU6uasccWu3Ehsq3YM6zA6dDvnqYT0YYEW2doQsjI27xXefKptDhi1pWjgwYzIe7jsSJ_qW0hBRLA" />
    <input value="20179" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D167">
    <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/sel-aux-olives-acropolis-bio-350-g-20180">
          <img alt="Sel aux olives acropolis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11267/file/small-1a221a154a70bbf6ffb4738bab697f74.webp 600w, https://assets.fabulous.ch/public/variant_asset/11267/file/medium-96342062b5dc0d344da5fb5c8af02288.webp 900w, https://assets.fabulous.ch/public/variant_asset/11267/file/large-56fd955346d6161e86d68cd12136cf35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11267/file/medium-96342062b5dc0d344da5fb5c8af02288.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">Chalira</p>
          <a href="/fr/products/sel-aux-olives-acropolis-bio-350-g-20180">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sel aux olives acropolis Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 72.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iUeUSdcrAz0Z-GDG1ARsvQH6dJcMozQdhqLN-hYqohYRugb8rojtjVTe4UHm6fbGQOiZdwRx1LuafN0N-SKTfw" />
    <input value="20180" 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">
      3&#39;335 sur 3&#39;335 produits
    </p>
  </div>
</div>

</template></turbo-stream>