<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%3D146">
    <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/gel-douche-ananas-noix-de-coco-500-ml-16232">
          <img alt="Gel Douche Ananas &amp; Noix de Coco" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7469/file/small-59c041cac4b4bd30cb5a9424bbd9ce05.webp 600w, https://assets.fabulous.ch/public/variant_asset/7469/file/medium-c2b06451d7df536dbdfe1d40e4d813fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7469/file/large-92ccfd1406c0fcfe62ce90532478c0a7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7469/file/medium-c2b06451d7df536dbdfe1d40e4d813fd.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">benecos</p>
          <a href="/fr/products/gel-douche-ananas-noix-de-coco-500-ml-16232">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gel Douche Ananas &amp; Noix de Coco, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fXGFUio_bgThg75iUdJMbcuuu4Slbo7TgciHK-Z3dSE6qUvOyZpksRgDBla67iMeojx0FNwlKs7BBspHuf9khQ" />
    <input value="16232" 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%3D146">
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/gel-douche-2en1-pin-cembro-bio-500-ml-16233">
          <img alt="Gel Douche 2en1 Pin Cembro Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7470/file/small-8049e8c982185e746ea3271d5fb3981b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7470/file/medium-a63e419ad11c690fc35037850fd51494.webp 900w, https://assets.fabulous.ch/public/variant_asset/7470/file/large-89d3f52d54fc91adeff7f8d43a9dd943.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7470/file/medium-a63e419ad11c690fc35037850fd51494.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">benecos</p>
          <a href="/fr/products/gel-douche-2en1-pin-cembro-bio-500-ml-16233">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gel Douche 2en1 Pin Cembro Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="utYLatAsXs7xbXMqCk4SjCepsncgBuYMnrZQ0ahcvI79DsX2M4lUewjtyx7hcn3_Tjt951lNQhHeeB2999StKg" />
    <input value="16233" 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%3D146">
    <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/gel-douche-gingembre-citron-500-ml-16234">
          <img alt="Gel Douche Gingembre &amp; Citron" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7471/file/small-8d0bc6883bec334a576f0f1bdfb94475.webp 600w, https://assets.fabulous.ch/public/variant_asset/7471/file/medium-d7399d40c7e85fd88803c6d24a154c69.webp 900w, https://assets.fabulous.ch/public/variant_asset/7471/file/large-fffa0fc6f0c9a7f93ec5c187c5c67a71.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7471/file/medium-d7399d40c7e85fd88803c6d24a154c69.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">benecos</p>
          <a href="/fr/products/gel-douche-gingembre-citron-500-ml-16234">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gel Douche Gingembre &amp; Citron, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O1vwFYD36vDaQQpAJNOFAHXgFZKbQxp2GJFJab7cWyZ8gz6JY1LgRSPBsnTP7-pzHHLaAuIIvmtYXwQF4VRKgg" />
    <input value="16234" 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%3D146">
    <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/gaufres-noisette-bio-175-g-16239">
          <img alt="Gaufres Noisette Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7476/file/small-4e40826da694a91575891f85298df88f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7476/file/medium-6176473d24e4460278e1b59f7b4c623d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7476/file/large-2ba6b132fb15d8246092a0e8dfdc192a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7476/file/medium-6176473d24e4460278e1b59f7b4c623d.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">Terrasana</p>
          <a href="/fr/products/gaufres-noisette-bio-175-g-16239">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gaufres Noisette Bio, 175 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 2.97 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gka-W3lw_iCmMx1xBTqCXnXKkyV2H9Z_4oFQE-Uf4TnFnnDHmtX0lV-zpUXuBu0tHFhctQ9UcmKiTx1_upfwnQ" />
    <input value="16239" 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%3D146">
    <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/ail-dans-huile-d-olive-aux-herbes-bio-185-g-16240">
          <img alt="Ail dans Huile d’Olive aux Herbes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7477/file/small-29c38102258c5e893a8dd8147becda4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7477/file/medium-47803014d54eb4de31eb043cd961f3c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7477/file/large-cc6aa29faef0aed743f088940d11ea10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7477/file/medium-47803014d54eb4de31eb043cd961f3c1.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">Mani</p>
          <a href="/fr/products/ail-dans-huile-d-olive-aux-herbes-bio-185-g-16240">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ail dans Huile d’Olive aux Herbes Bio, 185 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z8Yxzv7b6tvTzLPYQTNNb7fspTzFyQIVWO_VoOoQcsAgHv9SHX7gbipMC-yqDyIc3n5qrLyCpggYIZjMtZhjZA" />
    <input value="16240" 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%3D146">
    <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/boisson-avoine-popcorn-barista-edition-1-l-16241">
          <img alt="Boisson Avoine Popcorn - Barista Edition" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7478/file/small-d4f1b0576b65189e95de1c5d08f8ec7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7478/file/medium-6e954a60f37dcea0a71718f95d04b0bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7478/file/large-26cfa5f13987ceaf6a590e8af47b4714.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7478/file/medium-6e954a60f37dcea0a71718f95d04b0bd.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">Oatly</p>
          <a href="/fr/products/boisson-avoine-popcorn-barista-edition-1-l-16241">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Boisson Avoine Popcorn - Barista Edition, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.65
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16241-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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D146">
    <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/tartex-pate-nature-bio-200-g-16246">
          <img alt="Tartex Pâté Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7485/file/small-434a6869f678d1065162fb3e86f93b62.webp 600w, https://assets.fabulous.ch/public/variant_asset/7485/file/medium-114d3e08f50afd19ea9aaffff2a678f8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7485/file/large-8a207eed1b9297c71d57028bd6d720e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7485/file/medium-114d3e08f50afd19ea9aaffff2a678f8.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">Tartex</p>
          <a href="/fr/products/tartex-pate-nature-bio-200-g-16246">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tartex Pâté Nature Bio, 200 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 2.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PyIkWzkDIWk8jzD2Q4PVDLXTPKbe0iQcIESdLkVMeCp4-urH2qYr3MUPiMKov7p_3EHzNqeZgAFgitBCGsRpjg" />
    <input value="16246" 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%3D146">
    <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/mon-mug-cake-chocolat-bio-55-g-16248">
          <img alt="Mon Mug Cake Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7487/file/small-4135b8551bb9301ef814102af6099cb8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7487/file/medium-3408772bcfeb7651e76e592429077f54.webp 900w, https://assets.fabulous.ch/public/variant_asset/7487/file/large-940a4ed4e56894b4ae8a0f606a08d7a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7487/file/medium-3408772bcfeb7651e76e592429077f54.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">Biovegan</p>
          <a href="/fr/products/mon-mug-cake-chocolat-bio-55-g-16248">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mon Mug Cake Chocolat Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z4iPntw7Zp65K8dCVFZWfe2-LSRTZGNMdggUYCwHV_eIUEECP55sK0Crf3a_ajkOhCzitCovx1E2xlkMc49GUw" />
    <input value="16248" 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%3D146">
    <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/mon-mug-cake-salted-caramel-brownie-bio-55-g-16249">
          <img alt="Mon Mug Cake Salted Caramel Brownie Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7490/file/small-2f1fdfe33369148502d27fe5bbbdd269.webp 600w, https://assets.fabulous.ch/public/variant_asset/7490/file/medium-a8a1d7fedcc99fd8bac9643a54df215f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7490/file/large-1f2f9a79c26a0cc277de1a5a5cdd2417.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7490/file/medium-a8a1d7fedcc99fd8bac9643a54df215f.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">Biovegan</p>
          <a href="/fr/products/mon-mug-cake-salted-caramel-brownie-bio-55-g-16249">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mon Mug Cake Salted Caramel Brownie Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HQKPvCUUzYMuljsIMZJU3C_kCMv1wzZnn1hveh-9_a5a2kEgxrHHNtcWgzzarjuvRnbHW4yIknrfliIWQDXsCg" />
    <input value="16249" 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%3D146">
    <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/chips-de-plantain-bbq-bio-80-g-16260">
          <img alt="Chips de Plantain BBQ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7491/file/small-2f6f97b201c83314eacfaa6e816babb7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7491/file/medium-55893e5504005b2a0db65502a91c328a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7491/file/large-9f3fa32cfd03dc3a99c124ca28ff01fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7491/file/medium-55893e5504005b2a0db65502a91c328a.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">el origen</p>
          <a href="/fr/products/chips-de-plantain-bbq-bio-80-g-16260">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chips de Plantain BBQ Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C7LJeiU2QnB8_17Uc2MIvw4ZZGTcHjTn1OXDBHgwfBpMagfmxpNIxYV_5uCYX2fMZ4ur9KVVkPqUK45oJ7htvg" />
    <input value="16260" 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%3D146">
    <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">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sproud-boisson-aux-proteines-de-pois-matcha-1-l-16266">
          <img alt="Sproud Boisson aux Protéines de Pois - Matcha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7496/file/small-de5a9cb032691f9a2dbac77979254c02.webp 600w, https://assets.fabulous.ch/public/variant_asset/7496/file/medium-03da176ea8a91d4e4b02d07a93ed3a22.webp 900w, https://assets.fabulous.ch/public/variant_asset/7496/file/large-19fa000c98cdf7963bc24f76a28b7076.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7496/file/medium-03da176ea8a91d4e4b02d07a93ed3a22.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">SPROUD</p>
          <a href="/fr/products/sproud-boisson-aux-proteines-de-pois-matcha-1-l-16266">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sproud Boisson aux Protéines de Pois - Matcha, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.00</span>
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OadOoEHtdMTntrSXbtJt7obODrrzdXQ3bGSg8NLB3BN-f4A8okh-cR42DKOF7gKd71zBKoo-0Cosqu2cjUnNtw" />
    <input value="16266" 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%3D146">
    <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/white-crisp-choc-bio-90-g-16267">
          <img alt="White Crisp Choc Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7497/file/small-e5cb19fc5e9e59be0a9d370c202912c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/7497/file/medium-6e7d639c4b5100237c70c5165815b8eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7497/file/large-af3f8871082d6cb4bb12a01c77f5a6f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7497/file/medium-6e7d639c4b5100237c70c5165815b8eb.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">Vantastic</p>
          <a href="/fr/products/white-crisp-choc-bio-90-g-16267">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">White Crisp Choc Bio, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dlAuwKcQOekAqWzyppvyXHHHZONNevabR2ax9IllRg4xiOBcRLUzXPkp1MZNp50vGFWrczQxUoYHqPyY1u1Xqg" />
    <input value="16267" 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%3D146">
    <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/barre-lovechock-amande-figue-80-cacao-bio-40-g-16268">
          <img alt="Barre Lovechock Amande Figue 80% Cacao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7499/file/small-4f7b4593fa92f0a78d971bae3191d4d2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7499/file/medium-0662ab5a9e709a3a45fe6d8a295a2b3d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7499/file/large-355f950988ccbdf3e70cf40998ff0c75.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7499/file/medium-0662ab5a9e709a3a45fe6d8a295a2b3d.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">Lovechock</p>
          <a href="/fr/products/barre-lovechock-amande-figue-80-cacao-bio-40-g-16268">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Barre Lovechock Amande Figue 80% Cacao Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mCc9g2vbA8C5KPzB4Lguq-LBriIAXaC7i8giAmy7q2vf__MfiH4JdUCoRPULhEHYi1NhsnkWBKbLBm9uMzO6zw" />
    <input value="16268" 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%3D146">
    <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/pate-a-tartiner-dattes-klax-bio-330-g-16288">
          <img alt="Pâte à tartiner Dattes Klax Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7502/file/small-ff451e8cdb5f569d220f069aa7d02a82.webp 600w, https://assets.fabulous.ch/public/variant_asset/7502/file/medium-0a7f8c96044998fc7c273577af040790.webp 900w, https://assets.fabulous.ch/public/variant_asset/7502/file/large-f5dd303dc2d362f95ba594d2e8fec26e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7502/file/medium-0a7f8c96044998fc7c273577af040790.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">Arche</p>
          <a href="/fr/products/pate-a-tartiner-dattes-klax-bio-330-g-16288">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pâte à tartiner Dattes Klax Bio, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O-4AC_HhO4y6j7rtOUlTqMfCNq3rq969vguNq4Fwv4N8Ns6XEkQxOUMPAtnSdTzbrlD5PZLgeqD-xcDH3viuJw" />
    <input value="16288" 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%3D146">
    <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/cacahuetes-grillees-en-gros-bio-5-kg-16313">
          <img alt="Cacahuètes grillées en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7508/file/small-b7a6b4e5165f75cf0a6d4c589b6fa216.webp 600w, https://assets.fabulous.ch/public/variant_asset/7508/file/medium-752348cbfd6086e75a87dbc621a822dc.webp 900w, https://assets.fabulous.ch/public/variant_asset/7508/file/large-590615b23a1fc3a37d170cb218789612.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7508/file/medium-752348cbfd6086e75a87dbc621a822dc.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/cacahuetes-grillees-en-gros-bio-5-kg-16313">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cacahuètes grillées en gros Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 88.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8spMX29BgR-p0sj8P37WX-ar9SWMIVKy5mB5BAKUBDG1EoLDjOSLqlBScMjUQrksjzk6tfVq9q-mrjRoXRwVlQ" />
    <input value="16313" 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%3D146">
    <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/mikroveda-nettoyant-universel-probiotix-clean-bio-1-l-16323">
          <img alt="MikroVeda Nettoyant Universel ProbiotiX CLEAN Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7514/file/small-10c2b4cf20f82df6367aab16519a8c26.webp 600w, https://assets.fabulous.ch/public/variant_asset/7514/file/medium-b802f8b18af68bf6000af9a8938020eb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7514/file/large-d3928502a36de714ec29410331bf7da4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7514/file/medium-b802f8b18af68bf6000af9a8938020eb.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">MikroVeda</p>
          <a href="/fr/products/mikroveda-nettoyant-universel-probiotix-clean-bio-1-l-16323">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">MikroVeda Nettoyant Universel ProbiotiX CLEAN Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1IldCddgQ5W9rjO0yb-jLvcyQcJyJKTUlWcvZay8k3OTUZOVNMVJIEQui4Aig8xdnqCOUgtvAMnVqWIJ8zSC1w" />
    <input value="16323" 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%3D146">
    <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/tartinade-d-oignons-sans-gluten-bio-150-g-16327">
          <img alt="Tartinade d’oignons sans gluten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7525/file/small-18a41df4b43813d3ddb364642e8fb4c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7525/file/medium-bae33908772c020c8ceadff17fe37793.webp 900w, https://assets.fabulous.ch/public/variant_asset/7525/file/large-28848f3d0733821053ba2d3a00aaabf5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7525/file/medium-bae33908772c020c8ceadff17fe37793.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">Zwergenwiese</p>
          <a href="/fr/products/tartinade-d-oignons-sans-gluten-bio-150-g-16327">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tartinade d’oignons sans gluten Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jLwnIaI84p95tEBmZBAxdTBumTf6y_Krh_y4y-Ae6U3LZOm9QZnoKoA0-FKPLF4GWfxWp4OAVrbHMvWnv5b46Q" />
    <input value="16327" 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%3D146">
    <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/bocconcini-in-acqua-bio-120-g-16328">
          <img alt="Bocconcini in Acqua Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7526/file/small-875a41788a5ea733d30e69dd79508b4f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7526/file/medium-6a6fb211a54d161bafc44e2bd512cb96.webp 900w, https://assets.fabulous.ch/public/variant_asset/7526/file/large-82b161d934a32d27fba3eb24375c6589.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7526/file/medium-6a6fb211a54d161bafc44e2bd512cb96.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">Fermaggio</p>
          <a href="/fr/products/bocconcini-in-acqua-bio-120-g-16328">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bocconcini in Acqua Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16328-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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D146">
    <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/pepites-de-chocolat-mylky-bio-200-g-16356">
          <img alt="Pépites de Chocolat Mylky Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7530/file/small-c8e9f8f2a57aa73664aeb3faeec0f770.webp 600w, https://assets.fabulous.ch/public/variant_asset/7530/file/medium-f6be4a62f985f26eb04a166474d5c37d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7530/file/large-c3bc2be9d8041bf9b202cc1b23d13fbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7530/file/medium-f6be4a62f985f26eb04a166474d5c37d.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">bett&#39;r</p>
          <a href="/fr/products/pepites-de-chocolat-mylky-bio-200-g-16356">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pépites de Chocolat Mylky Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aOnHT218wTyWfkRpYz7zq0Q6p-lt3Ay4TP6BciEGjTAvMQnTjtnLiW_-_F2IApzYLahoeRSXqKUMMMwefo6clA" />
    <input value="16356" 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%3D146">
    <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/pepites-de-chocolat-noir-66-bio-200-g-16357">
          <img alt="Pépites de Chocolat Noir 66% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7531/file/small-0881467799e563e24efddde02d9d3145.webp 600w, https://assets.fabulous.ch/public/variant_asset/7531/file/medium-6c41d4ae9b9b1dc6a02e0b63011cebc2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7531/file/large-4b42c858a73ef94ca69d6ae92d17f403.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7531/file/medium-6c41d4ae9b9b1dc6a02e0b63011cebc2.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">bett&#39;r</p>
          <a href="/fr/products/pepites-de-chocolat-noir-66-bio-200-g-16357">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pépites de Chocolat Noir 66% Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KbBxlFB9VrGZx9OW4g2A4ZIpqjmLLq_uTtmxOn3nItVuaL8Is9hcBGBHa6IJMe-S-7tlqfJlC_MOF_xWIm8zcQ" />
    <input value="16357" 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;920 sur 3&#39;321 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/bioreal?format=turbo_stream&amp;page=147">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>