<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">
    <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/huile-croustillante-a-l-ail-et-piment-scorpion-110-g-17460">
          <img alt="Huile Croustillante à l’Ail et Piment Scorpion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8136/file/small-b9a231e0b4cedcb690303f284eac896c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8136/file/medium-66e62bf271ab5dd3b79313e7c9c96085.webp 900w, https://assets.fabulous.ch/public/variant_asset/8136/file/large-b6e0380119afe7822181281f935785ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8136/file/medium-66e62bf271ab5dd3b79313e7c9c96085.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">Odawaraya</p>
          <a href="/fr/products/huile-croustillante-a-l-ail-et-piment-scorpion-110-g-17460">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile Croustillante à l’Ail et Piment Scorpion, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RiRZ_yJ-8j7rSjwjYGuTko79PnJDrRhyBeyB2eHY4LGPgVYwB9Bsqru0G_Ck0Te6bxQsyM7x29lQjJfiT8GC-A" />
    <input value="17460" 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">
    <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/jardin-de-fruits-peche-fruit-de-la-passion-bio-225-g-17461">
          <img alt="Jardin de Fruits Pêche Fruit de la Passion Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8135/file/small-5f84a15909c000132f54731279b2ea8e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8135/file/medium-03a1d0eb7191a9ed52dfebdbd1ca37b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/8135/file/large-03c99482406f63c9e0488089ff6dfba2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8135/file/medium-03a1d0eb7191a9ed52dfebdbd1ca37b3.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/jardin-de-fruits-peche-fruit-de-la-passion-bio-225-g-17461">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jardin de Fruits Pêche Fruit de la Passion Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y-2JED6Ojp39Nef1-gPhkal3A48z_Eo4LmjP8bvtr7aqSIbfGyAQCa3LwCY-uUW5SJ4RNb6giZN7CNnKFfTN_w" />
    <input value="17461" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/jardin-de-fruits-eglantier-bio-225-g-17463">
          <img alt="Jardin de Fruits Églantier Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8137/file/small-fb5d8c114772aab50a02fabf1a6045c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/8137/file/medium-ec8caa7a5ecc2c09643ad4c19f77a7fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/8137/file/large-8dfc95419e4f5dc570d36646a968895f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8137/file/medium-ec8caa7a5ecc2c09643ad4c19f77a7fe.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/jardin-de-fruits-eglantier-bio-225-g-17463">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jardin de Fruits Églantier Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iZHUxvaDH4dPr-1JqS9gHIIYNlXChtqzz0mC7EPNB0ZANNsJ0y2BEx9RypptlcQ0Y_Ek70_aGRiaKZTX7dRlDw" />
    <input value="17463" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/jardin-de-fruits-fraise-rhubarbe-bio-225-g-17464">
          <img alt="Jardin de Fruits Fraise-Rhubarbe Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8138/file/small-7cd729c6f60738e558e7f5565fff8299.webp 600w, https://assets.fabulous.ch/public/variant_asset/8138/file/medium-5360722d7063527e36dfedbe20066b7e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8138/file/large-422bf960704757f44abe86d12b3546c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8138/file/medium-5360722d7063527e36dfedbe20066b7e.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/jardin-de-fruits-fraise-rhubarbe-bio-225-g-17464">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jardin de Fruits Fraise-Rhubarbe Bio, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S94y1QeMAU55pXbBMM7E1jLcOJj9XQMyOfP5FshhXuWCez0aIiKf2ilbURL0dGD-0zUqInABwJlsk-8tZng8rA" />
    <input value="17464" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/deo-baton-feel-free-avec-lavende-40-g-17473">
          <img alt="Déo bâton feel free avec lavende" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8141/file/small-d85a50ac37e66319d5d0fffdcd932906.webp 600w, https://assets.fabulous.ch/public/variant_asset/8141/file/medium-815d87163aa5f2eb35860046f22f980f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8141/file/large-1df54e371b71e01875d76dcfc79a972b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8141/file/medium-815d87163aa5f2eb35860046f22f980f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">The Lekker company</p>
          <a href="/fr/products/deo-baton-feel-free-avec-lavende-40-g-17473">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Déo bâton feel free avec lavende, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kQTHx1E43aFVyaAcdI4hj_xrMnTLG0ye8su94ibF4jNYocgIdJZDNQU3h8-wNIWnHYIgzkZHjzWnq6vZiNyAeg" />
    <input value="17473" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tablette-de-chocolat-au-lait-de-coco-bio-100-g-17474">
          <img alt="Tablette de chocolat au lait 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/8142/file/small-c69c340b2f29e89fd5f13b3e5b888936.webp 600w, https://assets.fabulous.ch/public/variant_asset/8142/file/medium-6369936810248ad0a4935639459ee8b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8142/file/large-9dd11b7a826b6a54c589d27b99e5dbc6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8142/file/medium-6369936810248ad0a4935639459ee8b0.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">Naturata</p>
          <a href="/fr/products/tablette-de-chocolat-au-lait-de-coco-bio-100-g-17474">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tablette de chocolat au lait de coco Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yo8eTHyuQYJAfRLD7Ko2U0Wpn4RESjNfRm14T4l_ul4DKhGDWQDfFhCDNRAoEJJ7pECNPskW8PQTDW50J2bYFw" />
    <input value="17474" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/saucisse-a-tartiner-au-poivre-noir-et-proteines-de-pois-bio-100-g-17481">
          <img alt="Saucisse à Tartiner au Poivre Noir et Protéines de Pois Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8144/file/small-1a4ef93ac28cda184d101409f4d4e670.webp 600w, https://assets.fabulous.ch/public/variant_asset/8144/file/medium-1aa221322be4a08cbaa3b659ad9218fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/8144/file/large-1c36a1b436ee9d745d752a3ca91c8966.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8144/file/medium-1aa221322be4a08cbaa3b659ad9218fa.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">the vegan cow</p>
          <a href="/fr/products/saucisse-a-tartiner-au-poivre-noir-et-proteines-de-pois-bio-100-g-17481">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Saucisse à Tartiner au Poivre Noir et Protéines de Pois Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </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.40 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X2U3toJNudNSe0IdaIcMeyRj3Lzr-ukIUTlVF3VOTiuWwDh5p-MnRwKFZc6sPahTxYrOBmamKqMEWUMs21csYg" />
    <input value="17481" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/boisson-de-soja-vanille-bio-500-ml-17482">
          <img alt="Boisson de Soja Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8143/file/small-4f2569bf3fa7361b901c92f0153c1315.webp 600w, https://assets.fabulous.ch/public/variant_asset/8143/file/medium-8c9b1a217d9bfb19e7afa5675002cb41.webp 900w, https://assets.fabulous.ch/public/variant_asset/8143/file/large-fa49dbf66f56718eed70d03f24f3d9e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8143/file/medium-8c9b1a217d9bfb19e7afa5675002cb41.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">Soyana</p>
          <a href="/fr/products/boisson-de-soja-vanille-bio-500-ml-17482">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson de Soja Vanille Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a30NyET-Y5Z7wYiZzB5YPtUeunB4blG4Xo-HzhhP4hOi2AIHYVD9Ais_r0oIpPwWNPeoyvUykhML75H1tlaAWg" />
    <input value="17482" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/kimchi-hot-sauce-130-g-17485">
          <img alt="Kimchi Hot Sauce" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8147/file/small-828da735dfa9ac3fd473df96eba0c46d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8147/file/medium-c47d1b318ded06147e2d2404076fe07b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8147/file/large-1f41d4e35b231fb535c3e760088f7c5a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8147/file/medium-c47d1b318ded06147e2d2404076fe07b.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">Odawaraya</p>
          <a href="/fr/products/kimchi-hot-sauce-130-g-17485">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kimchi Hot Sauce, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z6_xL45lNTCbtZBjxUMgx6ohJMlhe6vonGEv0sCmh6AGCv7gq8urpMtLt7AB-YTvS8g2c-wnaEPJATnpbr_l6Q" />
    <input value="17485" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/peak-punk-protein-barre-a-l-avoine-crunchy-hazelnut-bio-55-g-17501">
          <img alt="Peak Punk Protein Barre à l&#39;avoine Crunchy Hazelnut Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8158/file/small-663e329cba6d57c51dacd4ce25c84b30.webp 600w, https://assets.fabulous.ch/public/variant_asset/8158/file/medium-7363364647e70f668c3ef10a11b5ab2e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8158/file/large-86479066b800f6793a3b145a9a1304e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8158/file/medium-7363364647e70f668c3ef10a11b5ab2e.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">Peak Punk</p>
          <a href="/fr/products/peak-punk-protein-barre-a-l-avoine-crunchy-hazelnut-bio-55-g-17501">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Protein Barre à l&#39;avoine Crunchy Hazelnut Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M5qNCubzbUGoBT3PbpZlE1E2IUIaevNqN1DiesRouvL6P4LFw13z1fj7GhyqLME7sN8z-JcmMMFiMPRBanHYuw" />
    <input value="17501" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/poudre-d-acerola-bio-100-g-17502">
          <img alt="Poudre d’Acerola Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8159/file/small-bc299eb7e258a225f35d7f98494e5e7c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8159/file/medium-2841b3e2d15648a56e2416a4c3b5054e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8159/file/large-d69cf84b2ddbea2501334fe5ba3bec8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8159/file/medium-2841b3e2d15648a56e2416a4c3b5054e.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">NaturKraftWerke</p>
          <a href="/fr/products/poudre-d-acerola-bio-100-g-17502">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre d’Acerola Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tUkM__UfLzX7zgLFw2XOBaqx0t7FeTzmycGPV8Ar5KN87AMw0LGxoaswJRYH32otS1jAZEgl_02coZlsbjKG6g" />
    <input value="17502" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/peak-punk-barre-a-l-avoine-dark-chocolate-bio-55-g-17505">
          <img alt="Peak Punk Barre à l&#39;avoine Dark Chocolate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8161/file/small-8100b4fd0a396d5481db4363248e8e1b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8161/file/medium-b574179b50a7a53f6da84c6e287f3ff6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8161/file/large-891af90fd86f5f9f71808b47f2811aa0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8161/file/medium-b574179b50a7a53f6da84c6e287f3ff6.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">Peak Punk</p>
          <a href="/fr/products/peak-punk-barre-a-l-avoine-dark-chocolate-bio-55-g-17505">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Barre à l&#39;avoine Dark Chocolate Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qy5s2QIsdXBJVNb6huvvvBLWRuR5c0MyFvnROoKOK5uKi2MWJ4Lr5Bmq8SlCUUuU8z9UXvQvgJlDmccBLJdJ0g" />
    <input value="17505" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/peak-punk-barre-a-l-avoine-white-chocolate-chip-bio-55-g-17506">
          <img alt="Peak Punk Barre à l&#39;avoine White Chocolate Chip Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8163/file/small-e197e0d88d53db2bce0b9a96faf424c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8163/file/medium-296729c9daa6de2c73854906b7e740bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8163/file/large-a7e8f62104874c89d4cf6051daa2bf21.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8163/file/medium-296729c9daa6de2c73854906b7e740bc.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">Peak Punk</p>
          <a href="/fr/products/peak-punk-barre-a-l-avoine-white-chocolate-chip-bio-55-g-17506">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Barre à l&#39;avoine White Chocolate Chip Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5Nag_-WniqP5vMFnC7TvjK2KDmaw_UBRiXdqw7-UGp4tc68wwAkUN6lC5rTPDkukTGMc3D2hg_rcF3z4EY141w" />
    <input value="17506" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/peak-punk-barre-a-l-avoine-pistachio-cashew-bio-55-g-17507">
          <img alt="Peak Punk Barre à l&#39;avoine Pistachio Cashew Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8162/file/small-86c9361dce3bef689efb2ebd99e7c2ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/8162/file/medium-63e72700f785682b38cb837a6b23b66d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8162/file/large-df37428988370d007f6c1b81de83b432.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8162/file/medium-63e72700f785682b38cb837a6b23b66d.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">Peak Punk</p>
          <a href="/fr/products/peak-punk-barre-a-l-avoine-pistachio-cashew-bio-55-g-17507">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peak Punk Barre à l&#39;avoine Pistachio Cashew Bio, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SuCdugJSMPBLtwu4CcHXf7f6OX1W8zX463-2s97OLxuDRZJ1J_yuZBtJLGvNe3NXVhMrx9uv9lO-H6CIcNdNUg" />
    <input value="17507" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/graines-de-courge-grillees-bio-500-g-17508">
          <img alt="Graines de Courge Grillées Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8164/file/small-7ea9a7917a7943714f08406f068e3f61.webp 600w, https://assets.fabulous.ch/public/variant_asset/8164/file/medium-b5095bfa9b200e1ffdf1cf72e6d06b4f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8164/file/large-7dec1784019e52d5159fbb682efb7264.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8164/file/medium-b5095bfa9b200e1ffdf1cf72e6d06b4f.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/graines-de-courge-grillees-bio-500-g-17508">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Graines de Courge Grillées Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jgjcag872SrMkbVKfD1w8aZSDoa3MNZvP6KcofGEP7RHrdOlKpVHvpxvkpm4h9TZR7scPDpsFcRqwoqaX51d_Q" />
    <input value="17508" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/fair-squared-preservatifs-sensitive-dry-10-pieces-10-piece-17526">
          <img alt="Fair Squared Préservatifs Sensitive Dry, 10 Pièces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8172/file/small-edbffccb8d5237b7ec296fca7e7249fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/8172/file/medium-a48cb3d1aea9744480a71b6e73850251.webp 900w, https://assets.fabulous.ch/public/variant_asset/8172/file/large-fb7641034139bfb5eec6da33c52f3f85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8172/file/medium-a48cb3d1aea9744480a71b6e73850251.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">Fair Squared</p>
          <a href="/fr/products/fair-squared-preservatifs-sensitive-dry-10-pieces-10-piece-17526">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fair Squared Préservatifs Sensitive Dry, 10 Pièces, 10 pièces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.30 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-hrC7EVqLfWPPpVVe7MhYPtuuILNE-zpmplI5VRInYMzv80jYMSzYd_Asoa_CYVIGoeqOEBPL0LP-V7e-lH_yg" />
    <input value="17526" 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">
    <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/lentilles-de-chocolat-colorees-bio-70-g-17529">
          <img alt="Lentilles de chocolat colorées Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8175/file/small-d480cdb0203b5f0ff998ea00f55719ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/8175/file/medium-7068191624c2d3f06a9a4aa2480c7fc7.webp 900w, https://assets.fabulous.ch/public/variant_asset/8175/file/large-624a3d6aaa895b8c1d9c23a16ccd7d5b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8175/file/medium-7068191624c2d3f06a9a4aa2480c7fc7.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/lentilles-de-chocolat-colorees-bio-70-g-17529">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lentilles de chocolat colorées Bio, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_mdGiLg_MUwqPIyLF3X_lpUJxh8sSBDBB0Iq-YN1c9E3wklHnZGv2HrCq1jTz1u-dODUpaEU02pSIjzCLWwRmA" />
    <input value="17529" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/huile-de-moutarde-demeter-250-ml-17536">
          <img alt="Huile de moutarde Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8181/file/small-69763c9ab8c853579d3ba374068cd07b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8181/file/medium-ef296c05a9ae25ff5f380303f82e55e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/8181/file/large-f799b2dfe2b438f72a7c26abaebacc89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8181/file/medium-ef296c05a9ae25ff5f380303f82e55e5.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">NaturKraftWerke</p>
          <a href="/fr/products/huile-de-moutarde-demeter-250-ml-17536">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Huile de moutarde Demeter, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B_f4avsGW7Fp8K3hyP4oHWPKng03e7ED_jScuNXKN4fOUvel3qjFJTkOijIMRIw1giOMt7oncqirVIqDe9NVzg" />
    <input value="17536" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/poudre-d-acerola-bio-300-g-17561">
          <img alt="Poudre d’Acerola Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8189/file/small-c34ffaa6362f53d4db3943d90b9609e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8189/file/medium-4461c07501d6f0f07c071f98e06201c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/8189/file/large-1c85e2804e3e3df22012975a00f2dde2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8189/file/medium-4461c07501d6f0f07c071f98e06201c5.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">NaturKraftWerke</p>
          <a href="/fr/products/poudre-d-acerola-bio-300-g-17561">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Poudre d’Acerola Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 55.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CgBMIdZ0vlm1A8GiJCWCxivFI3vBAGwCNrShOhDad7fDpUPu89ogzeX95nHgnybuyiwxwUxcr6lj1LcBvsMV_g" />
    <input value="17561" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/soupe-miso-instantanee-bio-210-g-17562">
          <img alt="Soupe Miso Instantanée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8191/file/small-c598140418826cc87e80ea7654cb7397.webp 600w, https://assets.fabulous.ch/public/variant_asset/8191/file/medium-01730339560a48b8e018da9244582793.webp 900w, https://assets.fabulous.ch/public/variant_asset/8191/file/large-d5194add5da35c1b2d04c32b19a330ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8191/file/medium-01730339560a48b8e018da9244582793.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">NaturKraftWerke</p>
          <a href="/fr/products/soupe-miso-instantanee-bio-210-g-17562">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soupe Miso Instantanée Bio, 210 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qtVCimb6MeLdyLaEtJS9kNg8ykTiM7r8li-R4CpkUAhjcE1FQ1Svdo02kVdwLhm4OdXY_m9veVfDT4fbhH0yQQ" />
    <input value="17562" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Ajouter au panier
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      3&#39;100 sur 3&#39;204 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/tautona?format=turbo_stream&amp;page=156">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>