<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/desinfectant-pour-surfaces-500-ml-3980">
          <img alt="Désinfectant pour surfaces" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2522/file/small-0ca653fa3ef9c909b2f7a3fced4a83d4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2522/file/medium-72ce7901207c97bf6ca22b54657c3fb7.webp 900w, https://assets.fabulous.ch/public/variant_asset/2522/file/large-b227ee65969b6ade4ea90464d3552da4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2522/file/medium-72ce7901207c97bf6ca22b54657c3fb7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/fr/products/desinfectant-pour-surfaces-500-ml-3980">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Désinfectant pour surfaces, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.40
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ci2xT8YrM4WAOSWG5FN-yKIJexX1EzucBoF-92_yAO-XLOdp7OWBhjT2p7bFE9ic-dh24FjxdTPUhm9H4SupuA" />
    <input value="3980" 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/bumi-pulled-seitan-indian-bio-175-g-14597">
          <img alt="Bumi Pulled Seitan Indian Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6752/file/small-6cf1fb4eb951a4179eed07bf07b32bd0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6752/file/medium-51b6f9c092d915970b79555e3f9c2d35.webp 900w, https://assets.fabulous.ch/public/variant_asset/6752/file/large-ad11bb718a080a3244bffc2e2c1989ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6752/file/medium-51b6f9c092d915970b79555e3f9c2d35.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">Bumi</p>
          <a href="/fr/products/bumi-pulled-seitan-indian-bio-175-g-14597">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bumi Pulled Seitan Indian Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </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.69 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O12Yz8sRn7whPsT8Vmwp33egscdUShgq4miArSfeoFTeXM7p4d8tv5XxRsx3LI-LLHG8MvmoVoUwb5EdqQcJAw" />
    <input value="14597" 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/carrot-bites-bio-180-g-17776">
          <img alt="Carrot Bites Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8722/file/small-0606bc23056772714dd7776144d9d34b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8722/file/medium-37a117f9ac418240b77c9749cd94274a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8722/file/large-fbdc74aca773b07513f3bf775a9c694e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8722/file/medium-37a117f9ac418240b77c9749cd94274a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wild Foods</p>
          <a href="/fr/products/carrot-bites-bio-180-g-17776">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Carrot Bites Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </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.14 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ga7wNWamteYU1bdxj23gryOVxWicycjpUiS4X_UT13T8r6YTTGgH5aAaNUGuLUb7eETInTErhkaAI6nve8p-Iw" />
    <input value="17776" 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/grattaveg-rape-alternative-vegetalienne-au-fromage-a-pate-dure-bio-80-g-15919">
          <img alt="GrattaVeg Râpé Alternative végétalienne au fromage à pâte dure Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7319/file/small-edccdc196e505c043a53c4c2b359f707.webp 600w, https://assets.fabulous.ch/public/variant_asset/7319/file/medium-24961a3e84b335936004670a86ac0715.webp 900w, https://assets.fabulous.ch/public/variant_asset/7319/file/large-05da26c41b5c0c388426cee09e0eeadb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7319/file/medium-24961a3e84b335936004670a86ac0715.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vegeatal</p>
          <a href="/fr/products/grattaveg-rape-alternative-vegetalienne-au-fromage-a-pate-dure-bio-80-g-15919">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">GrattaVeg Râpé Alternative végétalienne au fromage à pâte dure Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </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 5.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nS2MxH9RS46L8N93vGxkdlvXc12qefncMcQ0U361Mjt4LNriVZ_5jT8_XUedLMIiAAZ-qAebt3PjwyXj8GybbA" />
    <input value="15919" 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/bumi-pulled-seitan-gyros-bio-175-g-14596">
          <img alt="Bumi Pulled Seitan Gyros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6750/file/small-82795b43a0877175ca0602006b3030a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6750/file/medium-47fbf36ae166d759a38135cf42a77479.webp 900w, https://assets.fabulous.ch/public/variant_asset/6750/file/large-2ad32edcadbbcbe5a792ed12234f9f31.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6750/file/medium-47fbf36ae166d759a38135cf42a77479.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">Bumi</p>
          <a href="/fr/products/bumi-pulled-seitan-gyros-bio-175-g-14596">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bumi Pulled Seitan Gyros Bio, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </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.69 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7DtSwuNqhwCAidkAAVFPzob-yn-ToMNuA23aRh4nvf0JOgTkyaQ1AzRGWzAgEema3S_Hij5CjcHRasv2kP4Uqg" />
    <input value="14596" 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/bumi-seitan-hache-bio-180-g-14598">
          <img alt="Bumi Seitan haché Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6754/file/small-241890da4a375b2ecbfa198ecc6dff4e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6754/file/medium-171b41d5866b31721c43a8ed11d24abf.webp 900w, https://assets.fabulous.ch/public/variant_asset/6754/file/large-1bee06b1e47570e7bee6728dfcf84fc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6754/file/medium-171b41d5866b31721c43a8ed11d24abf.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">Bumi</p>
          <a href="/fr/products/bumi-seitan-hache-bio-180-g-14598">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bumi Seitan haché Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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 3.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O5Z4fQ1DJgiOxGDYjNd2P_nPOPnwBmZhmzLsBgK7CEnely5bJ42UCzoL4uitl9Broh41DF3kKM5JNf22jGKhHg" />
    <input value="14598" 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/houmous-suisse-aux-herbes-bio-150-g-15592">
          <img alt="Houmous Suisse aux Herbes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7116/file/small-deef7441566afbf85813a1214b88ec3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7116/file/medium-b2f8c01e774ef8661980e42acac91e9f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7116/file/large-9d5d529dd2d15db79788d7c09388406e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7116/file/medium-b2f8c01e774ef8661980e42acac91e9f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wild Foods</p>
          <a href="/fr/products/houmous-suisse-aux-herbes-bio-150-g-15592">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Houmous Suisse aux Herbes Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/grattaveg-alternative-vegetalienne-au-fromage-a-pate-dure-bio-200-g-13532">
          <img alt="GrattaVeg Alternative végétalienne au fromage à pâte dure Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6538/file/small-1b88723470da85e63f562e32218d694e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6538/file/medium-3bbb14e9d2222941474903ebd832d037.webp 900w, https://assets.fabulous.ch/public/variant_asset/6538/file/large-cf4b7ecf0f34393c389d866877b809ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6538/file/medium-3bbb14e9d2222941474903ebd832d037.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Vegeatal</p>
          <a href="/fr/products/grattaveg-alternative-vegetalienne-au-fromage-a-pate-dure-bio-200-g-13532">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">GrattaVeg Alternative végétalienne au fromage à pâte dure Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.75
            </p>

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

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

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

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/alternative-vegane-au-creme-aigre-a-base-d-amande-fermentee-bio-200-g-17331">
          <img alt="Alternative Végane au Crème Aigre à Base d’Amande Fermentée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8089/file/small-6b2a66175e8a98275849e4702933c975.webp 600w, https://assets.fabulous.ch/public/variant_asset/8089/file/medium-633ad4e60af8bfdddf5aa323eab913b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/8089/file/large-d6ccaf54b5801e3b71f13b1e10768a7e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8089/file/medium-633ad4e60af8bfdddf5aa323eab913b5.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/alternative-vegane-au-creme-aigre-a-base-d-amande-fermentee-bio-200-g-17331">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative Végane au Crème Aigre à Base d’Amande Fermentée Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </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.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OaY_JOMXn2V8pORaC3guNXmG4qoQRwhH-jCvouxxtoDcp2kCydktZshrZmoqOIhhIlfvX72lRugoN74SYqgf1w" />
    <input value="17331" 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/tofu-marine-bio-env-170-g-15936">
          <img alt="Tofu Mariné Bio, env." class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7330/file/small-8d847d0509e0eac6783b7034ad7a1b5e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7330/file/medium-76a997dd7f44a44b9f2e5128cffc42e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7330/file/large-292d817a42a492cde6ced72bd2d052b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7330/file/medium-76a997dd7f44a44b9f2e5128cffc42e8.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">Engel-Tofu</p>
          <a href="/fr/products/tofu-marine-bio-env-170-g-15936">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Mariné Bio, env., 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </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.97 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wUxG5WGpSRbSBWcTXavZ-5dVty4itnA6EzD1BuUauhckTRDDS2f7FWbK5SN863-vzIS6249UPpXBN-S2a8MTQA" />
    <input value="15936" 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-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/brochettes-de-tofu-bio-190-g-110">
          <img alt="Brochettes de Tofu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/120/file/small-6e2ea13608ad56ebfe5be47ed9a2ad4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/120/file/medium-d33cad24f07cc5f5de9dc01910c85b5f.webp 900w, https://assets.fabulous.ch/public/variant_asset/120/file/large-858843ebef8f0770ab08ba74de582442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/120/file/medium-d33cad24f07cc5f5de9dc01910c85b5f.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">Engel-Tofu</p>
          <a href="/fr/products/brochettes-de-tofu-bio-190-g-110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brochettes de Tofu Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rmua0hqJBAsTSmPDI1QnoWDoeXgGawcsaqCIRRgS2d2jasz0MEe2CKeF4fMCFIH1Ozl0jauJSYO4p5n1lstwig" />
    <input value="110" 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-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/ginger-beer-bio-6-x-330-ml-17818">
          <img alt="Ginger Beer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8824/file/small-5fa1c3f19fe52563bed220ce11387592.webp 600w, https://assets.fabulous.ch/public/variant_asset/8824/file/medium-9e477d76578a91c6c47f03485863cf4d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8824/file/large-f35a4a189923b611a5ad72f4a96b2ec4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8824/file/medium-9e477d76578a91c6c47f03485863cf4d.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">Super Natural Club</p>
          <a href="/fr/products/ginger-beer-bio-6-x-330-ml-17818">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ginger Beer Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IaDooT1BeY__Zj3FsqKvHmq1Zjn364srPCUZI2zp3jnEob6HF4_LjEupv_WT4glKMWRrzFoJxYTuIgiT4jB3bg" />
    <input value="17818" 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/creme-solaire-fps-30-60-ml-14014">
          <img alt="Crème solaire FPS 30" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6639/file/small-3ec791d60bbc83f4a65804bd0e17d23a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6639/file/medium-ff237f63766fdf4c2c3b12b193c7c12d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6639/file/large-0d7bba726f521ef92eee71f1ed6bc4ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6639/file/medium-ff237f63766fdf4c2c3b12b193c7c12d.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">Speick</p>
          <a href="/fr/products/creme-solaire-fps-30-60-ml-14014">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crème solaire FPS 30, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ptNWVPCnt1WdzPsByqJa_GGBYzMczivmriuJqlKxr_ND0gBy2mkFVikDeTHr4vyoOlBuxrEsZUl8LJga3GgGpA" />
    <input value="14014" 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/cafe-sauvage-medium-grains-kaffa-bio-1-kg-7271">
          <img alt="Café sauvage medium grains &#39;Kaffa&#39; Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4121/file/small-d792691de32c9fb69e8c1bae619243b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/4121/file/medium-04f832fa1ff6ba5b4dac110aa46ff299.webp 900w, https://assets.fabulous.ch/public/variant_asset/4121/file/large-eac1c89dbf35027b2ce9aa783367fe7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4121/file/medium-04f832fa1ff6ba5b4dac110aa46ff299.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">Original Food</p>
          <a href="/fr/products/cafe-sauvage-medium-grains-kaffa-bio-1-kg-7271">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Café sauvage medium grains &#39;Kaffa&#39; Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VZwtxVu04dynr79-5yZlGcQjBxBkVWeokJJ49Nktx0mwnXvjcXpT3xNgPU7GZsNNn_IK5cm3KQdClWlEV_RuHg" />
    <input value="7271" 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/puree-de-noisettes-bio-500-g-9581">
          <img alt="Purée De Noisettes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5377/file/small-a1e822b410d645fa70f8ea6e4ea23ae7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5377/file/medium-4b8a44622d54584cbc48e4ee15d94c2f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5377/file/large-7c6a554926a896133ecd47dfdf9fae72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5377/file/medium-4b8a44622d54584cbc48e4ee15d94c2f.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/puree-de-noisettes-bio-500-g-9581">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Purée De Noisettes Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="im7Cwaca6F81x8EToNPILRdaKzm8elNdx2nw3nW4Oodvb5TnjdRaXIEIQyOBk255TIsmzBGYHfIVbuFu-2GT0A" />
    <input value="9581" 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/puree-d-amandes-blanches-bio-500-g-605">
          <img alt="Purée d&#39;Amandes Blanches Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/557/file/small-830cfc29fa58fbe5ba334828006de27a.webp 600w, https://assets.fabulous.ch/public/variant_asset/557/file/medium-0f33cad93550c9dda23fd8cf720de6fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/557/file/large-e916c25b833aaab0e909d878c6c0d82a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/557/file/medium-0f33cad93550c9dda23fd8cf720de6fe.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/puree-d-amandes-blanches-bio-500-g-605">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Purée d&#39;Amandes Blanches Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.75
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DvbAbWT_BCP2Uu2WSm0hMGDoa6Ubh1bpc4-vmEQ28MDr95ZLTjG2IEKdb6ZrLYdkOzlmULZlGEahiL4oyu9Zlw" />
    <input value="605" 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/vinaigre-ume-su-vinaigre-de-prunes-bio-250-ml-7967">
          <img alt="Vinaigre Ume Su Vinaigre de Prunes Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4667/file/small-77a95b1f89ffe8c9d26f79932573e743.webp 600w, https://assets.fabulous.ch/public/variant_asset/4667/file/medium-9acb0f12819c04006f8933da6706edcb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4667/file/large-520dfa3135b0816ad808052e5fd78b5e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4667/file/medium-9acb0f12819c04006f8933da6706edcb.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">Lima</p>
          <a href="/fr/products/vinaigre-ume-su-vinaigre-de-prunes-bio-250-ml-7967">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vinaigre Ume Su Vinaigre de Prunes Bio, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bTULDv8FsSx3fYxIWX9aN4lX7AKvXIXUO_evQCZWaRGINF0o1csDL8OyDnh4P_xj0obh9wK-y3vp8L7wqI_ARg" />
    <input value="7967" 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/cafe-instantane-aux-cereales-cannelle-cardamome-bio-125-g-14926">
          <img alt="Café instantané aux céréales Cannelle &amp; Cardamome Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8848/file/small-50690724ae41d4992b3e30b5beeb2761.webp 600w, https://assets.fabulous.ch/public/variant_asset/8848/file/medium-a17397b7d4a510618f90265f7a458c9f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8848/file/large-bfaad4f76474a61d889451597376789d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8848/file/medium-a17397b7d4a510618f90265f7a458c9f.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/cafe-instantane-aux-cereales-cannelle-cardamome-bio-125-g-14926">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Café instantané aux céréales Cannelle &amp; Cardamome Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DowugIZ84oOXrSE4GCF8o3M-1kRdEeA5Ue-YpxMy0-PrjXimrLJQgCNiowg5Ydr3KO_bsfDzrpaD6IkXnet6tA" />
    <input value="14926" 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/moutarde-dijon-bio-125-ml-5605">
          <img alt="Moutarde Dijon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3248/file/small-4c8fb10910f815298b8601791f6d0a79.webp 600w, https://assets.fabulous.ch/public/variant_asset/3248/file/medium-b7289542eb141e23acd0736681e968f9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3248/file/large-847d6c7f77afa831a93463f6f7e6a517.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3248/file/medium-b7289542eb141e23acd0736681e968f9.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">Byodo</p>
          <a href="/fr/products/moutarde-dijon-bio-125-ml-5605">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Moutarde Dijon Bio, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e6b1YuFdh-GyeVlA-SMId3KTVguhXqrBK8JUujmaeIqep6NEy5M14ga223DYY64jKUJb_gy85G75xUUKt0PR3Q" />
    <input value="5605" 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/pate-vegetal-aubergine-sans-gluten-bio-180-g-10322">
          <img alt="Pâté Végétal aubergine 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/5552/file/small-bcd945f5562d06c24d0d57f74269111b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5552/file/medium-0a860d3e375440419ccd44759b90c577.webp 900w, https://assets.fabulous.ch/public/variant_asset/5552/file/large-158396af7fce77652db51aef04e001ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5552/file/medium-0a860d3e375440419ccd44759b90c577.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/pate-vegetal-aubergine-sans-gluten-bio-180-g-10322">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pâté Végétal aubergine sans gluten Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Vpuhp-3Uxz112ycfixG0kU62NjOwhzNwDp6rhD81RmmzmveBxxp1PsEUpS-qURLFFWc7xh1lfd_cmbo0sezvPg" />
    <input value="10322" 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">
      580 sur 3&#39;186 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/primal-spirit?format=turbo_stream&amp;page=30">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>