<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/salade-de-chou-bio-360-g-15889">
          <img alt="Salade de chou Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7292/file/small-626b2292b2e42c4593bfa662eee017fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7292/file/medium-e10972ede5c2bc21e579e25f212e322a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7292/file/large-4c842c03611edd558b8dfa111d8205d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7292/file/medium-e10972ede5c2bc21e579e25f212e322a.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">Grünhof</p>
          <a href="/fr/products/salade-de-chou-bio-360-g-15889">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salade de chou Bio, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 1.28 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XjP9C8M4ijnd6N2nmsPYDckY0BOPCgAWV8C3hsLC6J9L9L0Ffi0PoahdXGR8nRVXOswYy2ifWBe24ra85CZlnA" />
    <input value="15889" 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/completeorganics-betterave-goji-bio-230-g-15890">
          <img alt="completeorganics BETTERAVE GOJI Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7293/file/small-1cb0829d3ec0d70691eb8c1af5f6962a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7293/file/medium-de1106fd17f2391c78ae0c5308b9bc54.webp 900w, https://assets.fabulous.ch/public/variant_asset/7293/file/large-e23fefe8f9dc4e4d36ffba3500bc30c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7293/file/medium-de1106fd17f2391c78ae0c5308b9bc54.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">completeorganics</p>
          <a href="/fr/products/completeorganics-betterave-goji-bio-230-g-15890">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics BETTERAVE GOJI Bio, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </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.65 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="etk2rMBA8UOgLRlraMqVawKW9HRp1ryKAASrpuhx1m9vHnaifVV029WYmKiOlFgx8UI8rI5D5IvhJqqczpVbbA" />
    <input value="15890" 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/completeorganics-kimchi-blanc-bio-240-g-15891">
          <img alt="completeorganics KIMCHI BLANC Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7297/file/small-824f2e237246c7b0a606e4f6727b435d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7297/file/medium-1c153a821b92d0d82ebfdbf67f2b44d9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7297/file/large-d29a4d69d2de4f03cad83fc2e0e76d37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7297/file/medium-1c153a821b92d0d82ebfdbf67f2b44d9.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">completeorganics</p>
          <a href="/fr/products/completeorganics-kimchi-blanc-bio-240-g-15891">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics KIMCHI BLANC Bio, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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.83 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c32Pf7OoCiaBeuiO9K9aMGvkLu1JL2jq4HZfYvRsMmlmus9xDr2PvvTPaU0S8ZdqmDDmNa66MOsBVF5Y0oi_ag" />
    <input value="15891" 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/completeorganics-kimchi-epice-bio-230-g-15892">
          <img alt="completeorganics KIMCHI ÉPICÉ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7299/file/small-9c8c54d676672b31023b7be06a062604.webp 600w, https://assets.fabulous.ch/public/variant_asset/7299/file/medium-4ec4c9250323f722d3a21178f3f3f848.webp 900w, https://assets.fabulous.ch/public/variant_asset/7299/file/large-dd6281ee5b54ee2c2abbf62deb9f93a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7299/file/medium-4ec4c9250323f722d3a21178f3f3f848.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">completeorganics</p>
          <a href="/fr/products/completeorganics-kimchi-epice-bio-230-g-15892">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics KIMCHI ÉPICÉ Bio, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </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.09 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="td1ziBd1-LSiezADlUDk4ZIUTYcZ2SEDmWsLO6mr64KgGjOGqmB9LNfOscBzHim7YcCFX_5MeQJ4SQoBj09mgQ" />
    <input value="15892" 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/rondelles-de-pommes-biofarm-grand-conditionnement-bio-5-kg-15893">
          <img alt="Rondelles de pommes Biofarm Grand Conditionnement Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7300/file/small-8c90fd149d431bbc8415dd3d761a31e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7300/file/medium-07d269e45dd6acb46656bfecd74fbf03.webp 900w, https://assets.fabulous.ch/public/variant_asset/7300/file/large-b7a2da29a71920c4949540f68d1fbaa6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7300/file/medium-07d269e45dd6acb46656bfecd74fbf03.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/fr/products/rondelles-de-pommes-biofarm-grand-conditionnement-bio-5-kg-15893">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rondelles de pommes Biofarm Grand Conditionnement Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 296.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E32JAjFqb-oz9ExL19etNBoxr1jBmpwARP146HeVc_AGuskMjH_qckZBzYgxiWBu6eVngCYPxAGl33nSUXH-8w" />
    <input value="15893" 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/abricots-doux-seches-grand-conditionnement-bio-5-kg-15894">
          <img alt="Abricots doux séchés Grand conditionnement Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7301/file/small-4b836a4eb13005dd13e7c69e7be845ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/7301/file/medium-d76eb0caccfecd7d3fdb831b1b607ddb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7301/file/large-a97b30ca85e9bca99bf3b0b5557ac714.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7301/file/medium-d76eb0caccfecd7d3fdb831b1b607ddb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/fr/products/abricots-doux-seches-grand-conditionnement-bio-5-kg-15894">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Abricots doux séchés Grand conditionnement Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 174.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V6g8u10iHo1ICpjy8fMCc6oub51WjW6jnGsVD1bOGBxCb3y14DebFT2_GTEXrc8pWfqnRbEYNqJ9SRQ1cCqVHw" />
    <input value="15894" 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/riz-basmati-complet-biofarm-grand-conditionnement-bio-5-kg-15895">
          <img alt="Riz Basmati Complet Biofarm Grand conditionnement Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7302/file/small-2d77858e83ccfa841a87a7b0a4fc93df.webp 600w, https://assets.fabulous.ch/public/variant_asset/7302/file/medium-494b856818d5553f8157f62d06bf000b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7302/file/large-8c83c2b0cce817945b0fbc2e10ccb942.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7302/file/medium-494b856818d5553f8157f62d06bf000b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/fr/products/riz-basmati-complet-biofarm-grand-conditionnement-bio-5-kg-15895">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riz Basmati Complet Biofarm Grand conditionnement Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3zXg0Z48UUZ5I4LwPinQnyDjecKhvzfL0m6vqX-MZ5rK8qDfIynU3gyWAzPYdx3F0zexGkYqb8ozTK6TWWjqmQ" />
    <input value="15895" 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/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-fabulous-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 action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tT2ktXyDAZhaRm14QIavLkcmNX8m1B008y34wOYxYOOg-uS7wZaEAC_z7Lum2GJ0tPL9p8FBRTUSD_n6wNXt4A" />
    <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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/couscous-biofarm-grand-conditionnement-bio-5-kg-15897">
          <img alt="Couscous Biofarm Grand Conditionnement Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7304/file/small-369855d9b3ac434e9feb75c32d931068.webp 600w, https://assets.fabulous.ch/public/variant_asset/7304/file/medium-33ee85901e76096e05c2a9947838de7d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7304/file/large-6f3f04cb65fd2f37d01444faf0976a4b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7304/file/medium-33ee85901e76096e05c2a9947838de7d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/fr/products/couscous-biofarm-grand-conditionnement-bio-5-kg-15897">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Couscous Biofarm Grand Conditionnement Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n6FuiQzFSXSA3DOEUmOp-CNsYykR8hnPMd9-BwhT2_mKZi6HsdDM7PVpske0PWSi0Lir8fZnQc7Q_X89LrdW-g" />
    <input value="15897" 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/extrait-de-gattilier-vegicaps-bio-150-capsules-150-piece-15904">
          <img alt="Extrait de Gattilier Vegicaps Bio, 150 Capsules" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7305/file/small-35c3d8d737816788262961b8443768de.webp 600w, https://assets.fabulous.ch/public/variant_asset/7305/file/medium-bf523990b96f3758f2f6385ec66bdfbf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7305/file/large-0426c53a9cfb96117a5ea56debef5655.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7305/file/medium-bf523990b96f3758f2f6385ec66bdfbf.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/extrait-de-gattilier-vegicaps-bio-150-capsules-150-piece-15904">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Extrait de Gattilier Vegicaps Bio, 150 Capsules, 150 pièce</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="26ui97jGPUPsdmrLYXgsxzJW6fRQ5japjMu9fGjMp1fObOL5BdO425nD6wiHJuGdwYIhLLdzbqht6bxGTigqVA" />
    <input value="15904" 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/flocons-de-son-bio-375-g-15905">
          <img alt="Flocons de son Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7311/file/small-6fcdc96c7b9f576d90775428086073bb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7311/file/medium-b715ee8d672712c245c3a0947cddeda1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7311/file/large-83f0a67324acb5ce11c19a0aa4d24f97.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7311/file/medium-b715ee8d672712c245c3a0947cddeda1.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">turtle Better Breakfast</p>
          <a href="/fr/products/flocons-de-son-bio-375-g-15905">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocons de son Bio, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o9kMYl_WBEY7atU3nPYfMl5HqiJZWdr-1wJlvXRMn2W2Hkxs4sOB3k7fVPR6qNJorZNi-r7Mgv82IGSHUqgSZg" />
    <input value="15905" 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/coussins-croustillants-fourres-a-la-cacahuete-bio-300-g-15906">
          <img alt="Coussins croustillants fourrés à la cacahuète Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7312/file/small-7ac14686210c5233b232a2fa2d10973f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7312/file/medium-c3cb9124dca59d5d359f1a461379d007.webp 900w, https://assets.fabulous.ch/public/variant_asset/7312/file/large-000c4d70a89bfa080fcb726b6d310d36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7312/file/medium-c3cb9124dca59d5d359f1a461379d007.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">turtle Better Breakfast</p>
          <a href="/fr/products/coussins-croustillants-fourres-a-la-cacahuete-bio-300-g-15906">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coussins croustillants fourrés à la cacahuète Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3WXTV7GKuOU5XhZTLTwYbLMUmxJo7a6Tc4vFFsEyHhHIopNZDJ89fUzrl5DLYtU2QMBTyo949pKSqcQs59aTEg" />
    <input value="15906" 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/bouchees-a-la-cannelle-sans-gluten-bio-300-g-15907">
          <img alt="Bouchées à la cannelle 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/7314/file/small-d8338f18d3952a1266fee1f781da5bf9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7314/file/medium-9a55f78303f0f7a06e85fa9b13b82eea.webp 900w, https://assets.fabulous.ch/public/variant_asset/7314/file/large-d35717ec31052bad85381dbf148ec709.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7314/file/medium-9a55f78303f0f7a06e85fa9b13b82eea.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">turtle Better Breakfast</p>
          <a href="/fr/products/bouchees-a-la-cannelle-sans-gluten-bio-300-g-15907">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bouchées à la cannelle sans gluten Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bf8uhOsAIfc_9Sn-GzJZP1_KeP2hjf4ckYQU276We8p4OG6KVhWkb0pAqD39bJRlrB6wJUYYph1wphXhmHL2yQ" />
    <input value="15907" 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/flocons-multicereales-chocolat-sans-gluten-bio-300-g-15908">
          <img alt="Flocons multicéréales &amp; chocolat 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/7313/file/small-40db92ad8ddacd858018ff5f5a311c10.webp 600w, https://assets.fabulous.ch/public/variant_asset/7313/file/medium-180a32579957ede4f753d92322498f45.webp 900w, https://assets.fabulous.ch/public/variant_asset/7313/file/large-3e60104bca8b3b3f65a213350a234721.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7313/file/medium-180a32579957ede4f753d92322498f45.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">turtle Better Breakfast</p>
          <a href="/fr/products/flocons-multicereales-chocolat-sans-gluten-bio-300-g-15908">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocons multicéréales &amp; chocolat sans gluten Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="be8OkXvwK_rn-xLIJ4KEHgLF3vyhv_tY75ohmctAobd4KE6fxuWuYpJOkwvB3ElE8REWJEYqo1kOuCCj7aQstA" />
    <input value="15908" 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/power-granola-noix-graines-sans-gluten-bio-350-g-15909">
          <img alt="POWER Granola noix &amp; graines 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/7315/file/small-2e6a63fe414882f97789c0c9d8647658.webp 600w, https://assets.fabulous.ch/public/variant_asset/7315/file/medium-d73ad564700cff1f5f098865f904873b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7315/file/large-4a03902838f177f28eb6f42eeed867f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7315/file/medium-d73ad564700cff1f5f098865f904873b.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">turtle Better Breakfast</p>
          <a href="/fr/products/power-granola-noix-graines-sans-gluten-bio-350-g-15909">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">POWER Granola noix &amp; graines sans gluten Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SLPDAC9VNN46BIp8IenPbB5W3-81o5z2h8OihZ7H4ppddIMOkkCxRk-xC7_HtwI27YIXN9I2xPdm4aO_uCNvmQ" />
    <input value="15909" 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/cocoa-smiles-bio-300-g-15910">
          <img alt="Cocoa Smiles Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7316/file/small-4bd646827757cd846ec43353b187fa1f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7316/file/medium-3310993e3d6c528d95201a06b4c44611.webp 900w, https://assets.fabulous.ch/public/variant_asset/7316/file/large-9e0be689b0f49b0b669258b2a8068d78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7316/file/medium-3310993e3d6c528d95201a06b4c44611.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">turtle Better Breakfast</p>
          <a href="/fr/products/cocoa-smiles-bio-300-g-15910">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cocoa Smiles Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DnKQEfe-_E3Zn4BER7_aNEvC0omx6kCRQTYygElnwEcbtdAfSqt51awqAYeh4RduuBYaUVZ_GJCgFDO6b4NNRA" />
    <input value="15910" 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/cocoa-rice-crispies-bio-300-g-15911">
          <img alt="Cocoa Rice Crispies Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7318/file/small-e9a6c26ed187ee399a077e72e1293601.webp 600w, https://assets.fabulous.ch/public/variant_asset/7318/file/medium-71ede7264b0412984dea992d101bfe1e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7318/file/large-5d90e9d2a49c7c44d5d504528831d9ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7318/file/medium-71ede7264b0412984dea992d101bfe1e.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">turtle Better Breakfast</p>
          <a href="/fr/products/cocoa-rice-crispies-bio-300-g-15911">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cocoa Rice Crispies Bio, 300 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 1.97 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3zetmeZvTIPIx6NbDomXcUuT6y7Ulf_WU-7XqR2_63PK8O2XW3rJG71yIpjo11oruEcj9jMAp9eyzNaTO1tmcA" />
    <input value="15911" 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/farine-de-mais-sans-gluten-demeter-500-g-15924">
          <img alt="Farine de maïs sans gluten Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7320/file/small-650864016fe7c1eed5ab11811a368a0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7320/file/medium-90bf929793452d9a0d1586bf8773b845.webp 900w, https://assets.fabulous.ch/public/variant_asset/7320/file/large-5f1be404711836e9c66f49e167ea39f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7320/file/medium-90bf929793452d9a0d1586bf8773b845.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">Bauckhof</p>
          <a href="/fr/products/farine-de-mais-sans-gluten-demeter-500-g-15924">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine de maïs sans gluten Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lQZsFHnRJ7qUo_Ihdds4gpNGkxj36t-RYnztUQQ9K4OAwSwaxMSiIuEWc-KThfXYYJJbwBB_h5CDXuxrItmmgA" />
    <input value="15924" 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/the-froid-peche-bio-500-ml-15925">
          <img alt="Thé Froid Pêche Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7321/file/small-d4808f14b9cafd41f2649c969fcbb756.webp 600w, https://assets.fabulous.ch/public/variant_asset/7321/file/medium-99eb56a9d04766202e4e06b118d8bc5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7321/file/large-3c9501ad9014b9d54543c0aa4731d3bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7321/file/medium-99eb56a9d04766202e4e06b118d8bc5a.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">Vivitz</p>
          <a href="/fr/products/the-froid-peche-bio-500-ml-15925">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Thé Froid Pêche Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.25
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_BQTtyi9ZptlF6pZ58aLOWTCGhoeegAAaBebOOWMagnp01O5lajjAxCiK5oBmEZjlxbSwvnvWAGJNZoCw2jnCg" />
    <input value="15925" 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/the-froid-menthe-pomme-bio-500-ml-15926">
          <img alt="Thé Froid Menthe Pomme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7322/file/small-a6cc13ae334edbd9b9e2623949ac801b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7322/file/medium-601cbe025da7c53b0403416d816ef071.webp 900w, https://assets.fabulous.ch/public/variant_asset/7322/file/large-8ab98836ca9499743a185adda1655819.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7322/file/medium-601cbe025da7c53b0403416d816ef071.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">Vivitz</p>
          <a href="/fr/products/the-froid-menthe-pomme-bio-500-ml-15926">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Thé Froid Menthe Pomme Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.25
            </p>

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

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

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

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



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

</template></turbo-stream>