<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%2Fnoppas%3Fformat%3Dturbo_stream%26page%3D55">
    <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/snacks-pour-chien-multi-biscuits-vege-pour-chiens-bio-250-g-955">
          <img alt="Snacks pour chien, Multi Biscuits végé pour chiens Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/832/file/small-53ca8f14eb358a8725879838cfffc52a.webp 600w, https://assets.fabulous.ch/public/variant_asset/832/file/medium-53034c8aad254a1d51c5b1a1367b958b.webp 900w, https://assets.fabulous.ch/public/variant_asset/832/file/large-53526e8d96a96f935fcd0f59e41e3c9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/832/file/medium-53034c8aad254a1d51c5b1a1367b958b.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">Yarrah</p>
          <a href="/fr/products/snacks-pour-chien-multi-biscuits-vege-pour-chiens-bio-250-g-955">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Snacks pour chien, Multi Biscuits végé pour chiens Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;955&quot;],&quot;content_name&quot;:&quot;Snacks pour chien, Multi Biscuits végé pour chiens Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;955&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r1ONCtAhbvxMf2JBNRXbKs7rDJS6iF8qdH7EEJ7iRv-1D3GxVrU0rMYCHIyMJoBG3AgmeBb9N-962LD08UgkOw" />
    <input value="955" 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%2Fnoppas%3Fformat%3Dturbo_stream%26page%3D55">
    <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/acerola-en-poudre-bio-100-g-517">
          <img alt="Acérola en poudre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/466/file/small-f37e73153b4f22ebbb9413620e839eca.webp 600w, https://assets.fabulous.ch/public/variant_asset/466/file/medium-236e29e646488da3f16adbf395f5f085.webp 900w, https://assets.fabulous.ch/public/variant_asset/466/file/large-38d26d192d4e3460fa1886f7ce36b502.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/466/file/medium-236e29e646488da3f16adbf395f5f085.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">Raab</p>
          <a href="/fr/products/acerola-en-poudre-bio-100-g-517">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Acérola en poudre Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;517&quot;],&quot;content_name&quot;:&quot;Acérola en poudre Bio, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;517&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G13mX4sGcCQ0S-qwCXLo-QJwxdK7CogYb8a9YE_0-TcBARrkDZIqdL42lH2wQbOVEJPvPhd_4N1hYMmEIF6b8w" />
    <input value="517" 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%2Fnoppas%3Fformat%3Dturbo_stream%26page%3D55">
    <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/for-men-only-face-after-shave-balm-2in1-50-ml-3766">
          <img alt="for men only Face &amp; After-Shave Balm 2in1" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2435/file/small-940a3a53b6d9f5665c3499c1e0fde296.webp 600w, https://assets.fabulous.ch/public/variant_asset/2435/file/medium-4c7475882b5b202d29dad248b8407f77.webp 900w, https://assets.fabulous.ch/public/variant_asset/2435/file/large-14a9c32a6b112889d44c63dbb69b1cbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2435/file/medium-4c7475882b5b202d29dad248b8407f77.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/for-men-only-face-after-shave-balm-2in1-50-ml-3766">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">for men only Face &amp; After-Shave Balm 2in1, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3766&quot;],&quot;content_name&quot;:&quot;for men only Face \u0026 After-Shave Balm 2in1, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3766&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OvNhIPtfxwQiLpf86tKoaD5ucmteXA0aYJ6v87n4vx0gr52bfcudVKhT6TFT4fMELI1Yh_IpZd9uONsX1lLd2Q" />
    <input value="3766" 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%2Fnoppas%3Fformat%3Dturbo_stream%26page%3D55">
    <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/amaretti-avec-chocolat-vegan-bio-34-g-13691">
          <img alt="Amaretti avec Chocolat Vegan Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6576/file/small-cb5edd5495222c537bb97a5c5cdb14e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6576/file/medium-45457a132f34bc4d2809428c44598596.webp 900w, https://assets.fabulous.ch/public/variant_asset/6576/file/large-96048724a4156c29c4cd14453fa1da1d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6576/file/medium-45457a132f34bc4d2809428c44598596.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">Leibacher Biber-Manufaktur</p>
          <a href="/fr/products/amaretti-avec-chocolat-vegan-bio-34-g-13691">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Amaretti avec Chocolat Vegan Bio, 2 x 34 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13691&quot;],&quot;content_name&quot;:&quot;Amaretti avec Chocolat Vegan Bio, 2 x 34 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13691&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XyuC2j1nBIzzKZztxDJbjL3CQRTYcYjpfxxgK6N-31lFd35hu_Ne3HlU4iB9AQDgryFr-HQE4CxxuhTPzNS9nQ" />
    <input value="13691" 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%2Fnoppas%3Fformat%3Dturbo_stream%26page%3D55">
    <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/hydro-refresh-eau-micellaire-400-ml-12110">
          <img alt="Hydro Refresh Eau Micellaire" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6131/file/small-9861d8c0157c9b8e5f67f81befe4e9b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6131/file/medium-ff10549a327d609478623fdbe2e02d30.webp 900w, https://assets.fabulous.ch/public/variant_asset/6131/file/large-edfb7ffa372ec3cbed123aec44488266.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6131/file/medium-ff10549a327d609478623fdbe2e02d30.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">Lavera</p>
          <a href="/fr/products/hydro-refresh-eau-micellaire-400-ml-12110">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hydro Refresh Eau Micellaire, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12110&quot;],&quot;content_name&quot;:&quot;Hydro Refresh Eau Micellaire, 400 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12110&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LMfEENOi1BOrwU90NynGa2mJDG2YqAqC9GEGSLw8UEU2mzirVTaOQyG8MbmOGp0He2omgTTdYkf6x3Ks05YygQ" />
    <input value="12110" 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%2Fnoppas%3Fformat%3Dturbo_stream%26page%3D55">
    <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/lotion-tonique-purifiante-200-ml-697">
          <img alt="Lotion Tonique Purifiante" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/649/file/small-f41ee897c86d36692db43e9242e8e000.webp 600w, https://assets.fabulous.ch/public/variant_asset/649/file/medium-5e32d7a9e32a5c563e947c8eb712a6fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/649/file/large-9ed3e13e4c3651bc1d7bc197d212e527.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/649/file/medium-5e32d7a9e32a5c563e947c8eb712a6fc.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">MADARA</p>
          <a href="/fr/products/lotion-tonique-purifiante-200-ml-697">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lotion Tonique Purifiante, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;697&quot;],&quot;content_name&quot;:&quot;Lotion Tonique Purifiante, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;697&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VE6IGyVS_3K7_nktD8oAoBI1YDCyiiJxYe5jyyx9VRJOEnSgo8alIjGDB-C2-VvMANZK3B7_SrRvSBcvQ9c31g" />
    <input value="697" 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%2Fnoppas%3Fformat%3Dturbo_stream%26page%3D55">
    <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/eyeshadow-ombres-a-paupieres-4-couleurs-coffee-cream-8-g-7788">
          <img alt="Eyeshadow Ombres à paupières 4 couleurs coffee &amp; cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4528/file/small-2c0277a2755722a00e92a112ff6c2d0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4528/file/medium-ddd721b907fa0642e4fcbfe655b87e39.webp 900w, https://assets.fabulous.ch/public/variant_asset/4528/file/large-3968b5f95f11297c42ab8dab1ede6b74.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4528/file/medium-ddd721b907fa0642e4fcbfe655b87e39.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/eyeshadow-ombres-a-paupieres-4-couleurs-coffee-cream-8-g-7788">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eyeshadow Ombres à paupières 4 couleurs coffee &amp; cream, 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7788&quot;],&quot;content_name&quot;:&quot;Eyeshadow Ombres à paupières 4 couleurs coffee \u0026 cream, 8 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7788&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="muhWTL0KMS2VaSL0DrZOuRfTmiNbBzAa5gqZkwlp_GOAtKr3O55rfR8UXDm3hRXVBTCwz_dyWN_orO13ZsOepw" />
    <input value="7788" 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%2Fnoppas%3Fformat%3Dturbo_stream%26page%3D55">
    <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/xylit-sucre-de-bouleau-sachet-3-kg-15896">
          <img alt="Xylit Sucre de bouleau Sachet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7303/file/small-c702c438712b6700c9b96c5c5d8a1c2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7303/file/medium-1b3849c7c4f70892b095f61f448c3806.webp 900w, https://assets.fabulous.ch/public/variant_asset/7303/file/large-dd7942799f0f35585f75669a35ad4d8a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7303/file/medium-1b3849c7c4f70892b095f61f448c3806.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">Tautona</p>
          <a href="/fr/products/xylit-sucre-de-bouleau-sachet-3-kg-15896">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Xylit Sucre de bouleau Sachet, 3 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 55.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15896&quot;],&quot;content_name&quot;:&quot;Xylit Sucre de bouleau Sachet, 3 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15896&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:55.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ov_oltn2qC9q2N60ctgc4m6gxuzKlAp13WI0UP2toBYgoxQtX2Lyf-CloHnL60eOfEPsAGbhYrDTxEC0kgfC0g" />
    <input value="15896" 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%2Fnoppas%3Fformat%3Dturbo_stream%26page%3D55">
    <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/tahini-sans-sel-bio-250-g-341">
          <img alt="Tahini sans sel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/304/file/small-8c341c925b11cf8e8c02914c2a35e311.webp 600w, https://assets.fabulous.ch/public/variant_asset/304/file/medium-751919bea3eedb35162ed4b5e92c573b.webp 900w, https://assets.fabulous.ch/public/variant_asset/304/file/large-1c0ad76ffe9475e8c0b6940de5f25897.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/304/file/medium-751919bea3eedb35162ed4b5e92c573b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/tahini-sans-sel-bio-250-g-341">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tahini sans sel Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;341&quot;],&quot;content_name&quot;:&quot;Tahini sans sel Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;341&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a02muE_m9iQsbICdTGyAD8jjs7jqb_3LPGIlIhoYkrtxEVoDyXKsdKYR_lD1X9tj2gCZVEYalQ4yxFHGdbLwfw" />
    <input value="341" 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%2Fnoppas%3Fformat%3Dturbo_stream%26page%3D55">
    <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/blanchissant-et-antitaches-900-g-18192">
          <img alt="Blanchissant et Antitaches" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9144/file/small-f46bf72a205265707e07024610c34dcf.webp 600w, https://assets.fabulous.ch/public/variant_asset/9144/file/medium-3b135235a25f8a94977ca7e42f3f3560.webp 900w, https://assets.fabulous.ch/public/variant_asset/9144/file/large-7c962699677c9713b6690be04c548fd0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9144/file/medium-3b135235a25f8a94977ca7e42f3f3560.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">Sonett</p>
          <a href="/fr/products/blanchissant-et-antitaches-900-g-18192">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Blanchissant et Antitaches, 900 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18192&quot;],&quot;content_name&quot;:&quot;Blanchissant et Antitaches, 900 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18192&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pTjYGNQRwdHTN-3n_ywG5wCwHRQMXCLt2UgqTj4--8i_ZCSjUoWbgVlKkypGH12LElM3-KApSijX7l6qUZSZDA" />
    <input value="18192" 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%2Fnoppas%3Fformat%3Dturbo_stream%26page%3D55">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/lait-de-noix-de-coco-bio-200-ml-1111">
          <img alt="Lait de noix de coco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/988/file/small-ccc537bb0d897547b8ed744754457809.webp 600w, https://assets.fabulous.ch/public/variant_asset/988/file/medium-04d42cbc8bbf1277410bcd4a188b2fc8.webp 900w, https://assets.fabulous.ch/public/variant_asset/988/file/large-1c79aed0f150cfb9ff7848ad0b437933.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/988/file/medium-04d42cbc8bbf1277410bcd4a188b2fc8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/lait-de-noix-de-coco-bio-200-ml-1111">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lait de noix de coco Bio, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1111&quot;],&quot;content_name&quot;:&quot;Lait de noix de coco Bio, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1111&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mmSpoogLXHhB9iM8K2_DyxI8easE5VN9QdA3v-rjlOOAOFUZDp8GKMuLXfGSXJinAN9TR6iQO7hPdkNbhUn2Jw" />
    <input value="1111" 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%2Fnoppas%3Fformat%3Dturbo_stream%26page%3D55">
    <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/roules-epinards-cajou-bio-200-g-15963">
          <img alt="Roulés Épinards-Cajou Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7350/file/small-9a02c1d05e2036eedfee6366fd172352.webp 600w, https://assets.fabulous.ch/public/variant_asset/7350/file/medium-f1a1894633db3ba5ef72c4b6625a18e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7350/file/large-8222c7f78030e04491e9594b8fde7180.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7350/file/medium-f1a1894633db3ba5ef72c4b6625a18e7.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">Soto</p>
          <a href="/fr/products/roules-epinards-cajou-bio-200-g-15963">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Roulés Épinards-Cajou Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15963&quot;],&quot;content_name&quot;:&quot;Roulés Épinards-Cajou Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15963&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0Zozgc0un0_2iRlxNmw9MAD5DZiX0PLjs8pVC2IFleDLxs86S7rFH3z0Z7yPX2ZcEhondDulmia9bCHvDa_3JA" />
    <input value="15963" 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%2Fnoppas%3Fformat%3Dturbo_stream%26page%3D55">
    <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/spacebar-chili-snacker-bio-40-g-432">
          <img alt="Spacebar Chili Snacker Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/388/file/small-b0ac7c84a5ab5e79dedf72c4e55bd83c.webp 600w, https://assets.fabulous.ch/public/variant_asset/388/file/medium-d9ea2a707d4ec135b2be9403cda5355b.webp 900w, https://assets.fabulous.ch/public/variant_asset/388/file/large-179908b63a323479584ff60b4e2a2cca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/388/file/medium-d9ea2a707d4ec135b2be9403cda5355b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wheaty</p>
          <a href="/fr/products/spacebar-chili-snacker-bio-40-g-432">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spacebar Chili Snacker Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;432&quot;],&quot;content_name&quot;:&quot;Spacebar Chili Snacker Bio, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;432&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FpwCtdn8Rag-32HI64PpHx0aYXuknNmHFkev43yHyMkMwP4OX2gf-LSiHwVSsLJzD_lLlwjpsUIY4dsHEy2qDQ" />
    <input value="432" 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%2Fnoppas%3Fformat%3Dturbo_stream%26page%3D55">
    <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/grattaveg-alternative-vegetalienne-au-fromage-a-pate-dure-bio-200-g-13532">
          <img alt="GrattaVeg Alternative végétalienne au fromage à pâte dure Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6538/file/small-1b88723470da85e63f562e32218d694e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6538/file/medium-3bbb14e9d2222941474903ebd832d037.webp 900w, https://assets.fabulous.ch/public/variant_asset/6538/file/large-cf4b7ecf0f34393c389d866877b809ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6538/file/medium-3bbb14e9d2222941474903ebd832d037.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">Vegeatal</p>
          <a href="/fr/products/grattaveg-alternative-vegetalienne-au-fromage-a-pate-dure-bio-200-g-13532">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">GrattaVeg Alternative végétalienne au fromage à pâte dure Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13532&quot;],&quot;content_name&quot;:&quot;GrattaVeg Alternative végétalienne au fromage à pâte dure Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13532&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YBZe_XBlPceOiS9zPuBe0Hao3_o_8rCh8glsD35r2Id6SqJG9vFnlwT0Ub6H0wW8ZEv1FpOH2GT8rxjrEcG6Qw" />
    <input value="13532" 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%2Fnoppas%3Fformat%3Dturbo_stream%26page%3D55">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Nouveau
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/shake-coco-matcha-bio-220-ml-21953">
          <img alt="Shake coco &amp; matcha Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11566/file/small-771e32ebc4eb3b1b9155dc741928bed7.webp 600w, https://assets.fabulous.ch/public/variant_asset/11566/file/medium-e77ca2171f2245763b18899cc7ec4271.webp 900w, https://assets.fabulous.ch/public/variant_asset/11566/file/large-6d329b1fc28e13f27c3c756616be569e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11566/file/medium-e77ca2171f2245763b18899cc7ec4271.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Harvest Moon</p>
          <a href="/fr/products/shake-coco-matcha-bio-220-ml-21953">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shake coco &amp; matcha Bio, 220 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;21953&quot;],&quot;content_name&quot;:&quot;Shake coco \u0026 matcha Bio, 220 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;21953&quot;,&quot;quantity&quot;:2}],&quot;value&quot;:6.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a9rF1GBSoYovNXLHF5q7Wju7v5JHfcSrG9rHE3sgboFxhjlv5sb72qVIDAquqeA2KViVfusIrG4VfLP3FIoMRQ" />
    <input value="21953" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" 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%2Fnoppas%3Fformat%3Dturbo_stream%26page%3D55">
    <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/samosas-india-bio-250-g-15961">
          <img alt="Samosas India Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7349/file/small-f1b0342c9b9ca2d012bc31a3ef8ce322.webp 600w, https://assets.fabulous.ch/public/variant_asset/7349/file/medium-f07a5051126258048d6adca22e592426.webp 900w, https://assets.fabulous.ch/public/variant_asset/7349/file/large-d0c8dda8c21e6491862666d44e81bf8f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7349/file/medium-f07a5051126258048d6adca22e592426.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">Soto</p>
          <a href="/fr/products/samosas-india-bio-250-g-15961">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Samosas India Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15961&quot;],&quot;content_name&quot;:&quot;Samosas India Bio, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15961&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lTOTPdP0R0u2b2UWGj7gpf35aX1xRnpGOSQCWKwx2gaPb2-GVWAdGzwSG9ujDbvJ7xpDkd0zEoM3gna8w5u4wg" />
    <input value="15961" 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%2Fnoppas%3Fformat%3Dturbo_stream%26page%3D55">
    <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/houmous-suisse-aux-herbes-bio-150-g-15592">
          <img alt="Houmous Suisse 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/7116/file/small-deef7441566afbf85813a1214b88ec3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7116/file/medium-b2f8c01e774ef8661980e42acac91e9f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7116/file/large-9d5d529dd2d15db79788d7c09388406e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7116/file/medium-b2f8c01e774ef8661980e42acac91e9f.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">Wild Foods</p>
          <a href="/fr/products/houmous-suisse-aux-herbes-bio-150-g-15592">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Houmous Suisse aux Herbes Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15592&quot;],&quot;content_name&quot;:&quot;Houmous Suisse aux Herbes Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15592&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w0vgMGb9Opqoa5T74kUmlViqM4U0f12E2Cg1PyXiyEbZFxyL4GlgyiIW6jZbdn35SkkZaZgKNUHWjkHbSkiqgg" />
    <input value="15592" 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%2Fnoppas%3Fformat%3Dturbo_stream%26page%3D55">
    <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/falafel-mini-sans-gluten-bio-150-g-4487">
          <img alt="Falafel Mini 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/2771/file/small-48eb4b6e91d6faf9cdee4961416ee231.webp 600w, https://assets.fabulous.ch/public/variant_asset/2771/file/medium-025d84e596eda0d486c8393fe2f66f54.webp 900w, https://assets.fabulous.ch/public/variant_asset/2771/file/large-b73679764ca88631c6e7398b6d0a954a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2771/file/medium-025d84e596eda0d486c8393fe2f66f54.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">Florentin</p>
          <a href="/fr/products/falafel-mini-sans-gluten-bio-150-g-4487">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Falafel Mini Sans Gluten Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4487&quot;],&quot;content_name&quot;:&quot;Falafel Mini Sans Gluten Bio, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4487&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G5RLzTPiaUto9q38WtmG5kvZLOTiDMw1JoqQk9u3J3kByLd2tXYzG-KL0zHj6t2KWToGCE55pPAoLOR3tB1FvQ" />
    <input value="4487" 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%2Fnoppas%3Fformat%3Dturbo_stream%26page%3D55">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tempeh-au-soja-mediterraneen-bio-200-g-17375">
          <img alt="Tempeh au soja Méditerranéen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8102/file/small-58fb6c5402437ab13fbf4c0074712bf4.webp 600w, https://assets.fabulous.ch/public/variant_asset/8102/file/medium-ff6d451c6571c9095b1d1ab254eed639.webp 900w, https://assets.fabulous.ch/public/variant_asset/8102/file/large-250bf52cf2cb4813312922238a590895.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8102/file/medium-ff6d451c6571c9095b1d1ab254eed639.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">Tempeh bagus</p>
          <a href="/fr/products/tempeh-au-soja-mediterraneen-bio-200-g-17375">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tempeh au soja Méditerranéen Bio, 200 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 critique nécessaire">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.95 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17375&quot;],&quot;content_name&quot;:&quot;Tempeh au soja Méditerranéen Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17375&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="13Yxo9Xie7xamz_ArcpYK2bPTlEnsFeirErtiWXlm9XNKs0YU3Yh7NDmQQ0U-QNHdCxkvYvFP2ei7JltCk_5EQ" />
    <input value="17375" 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%2Fnoppas%3Fformat%3Dturbo_stream%26page%3D55">
    <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/200-g-a89e861d-8ac0-4ec9-9441-0dc3b6c2df11-18770">
          <img alt="Tofu à la minute assaisonné Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9968/file/small-4da142711510344bf325f55899ddb6a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/9968/file/medium-b54ac0c04c5a1c98116d95248867aed8.webp 900w, https://assets.fabulous.ch/public/variant_asset/9968/file/large-5b94c8ff1322b8fe3963773941f6137d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9968/file/medium-b54ac0c04c5a1c98116d95248867aed8.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">Noppas</p>
          <a href="/fr/products/200-g-a89e861d-8ac0-4ec9-9441-0dc3b6c2df11-18770">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu à la minute assaisonné Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18770&quot;],&quot;content_name&quot;:&quot;Tofu à la minute assaisonné Bio, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18770&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EksuKSVc4UI2vdnXp0pt9HucIEhlnYXpxGpQHLWn4D0IF9KSo8i7ErzApxoeeTaYaX8KpMno7SzKzCT42g2C-Q" />
    <input value="18770" 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">
      1&#39;100 sur 3&#39;713 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/noppas?format=turbo_stream&amp;page=56">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>