<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/yaourt-alternatif-avoine-nature-bio-375-g-15099">
          <img alt="Yaourt alternatif Avoine Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6921/file/small-1097923b1f3e84d7c97f3ceae38c5b18.webp 600w, https://assets.fabulous.ch/public/variant_asset/6921/file/medium-18012fa45b499cc40012bcb42c85c709.webp 900w, https://assets.fabulous.ch/public/variant_asset/6921/file/large-2f7e1a2defd690c100a3c605a64aa472.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6921/file/medium-18012fa45b499cc40012bcb42c85c709.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">Biedermann Bio Vegan</p>
          <a href="/fr/products/yaourt-alternatif-avoine-nature-bio-375-g-15099">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yaourt alternatif Avoine Nature Bio, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.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 0.55 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9akEFPnh5dLvwEpp8Q5_SpRnViSpaVDblOFp6ZV31KdNwS_ypVBtEOd_8-1yZIMCogyTzyE33y8QO3vGx-J5nQ" />
    <input value="15099" type="hidden" name="variant_id" id="variant_id" />
    <input value="3" 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/cottage-pearls-bio-200-g-15101">
          <img alt="Cottage Pearls Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6923/file/small-ffdcf9a98e550d0bafee638f2d3ff055.webp 600w, https://assets.fabulous.ch/public/variant_asset/6923/file/medium-924bfe187ee7404ef019eccc69f42c9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6923/file/large-b6f36ab50055ddfe91e60f587e88b384.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6923/file/medium-924bfe187ee7404ef019eccc69f42c9e.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">Züger</p>
          <a href="/fr/products/cottage-pearls-bio-200-g-15101">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cottage Pearls Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </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.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lvGtbREqV8e7Zz1S7fgf2g7IPnXQYkR7tNqWjR2FzU0umYaLTZvfBbPYhNZukuOSOKP7nlg8y48wAISiTxBgdw" />
    <input value="15101" 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/filona-creme-fraiche-aux-herbes-bio-150-g-15102">
          <img alt="Filona crème fraîche 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/6924/file/small-949452ca661d41151580f43b7fe4aa9c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6924/file/medium-6dc0c32b78f648bd28eeecc4ae4e3bca.webp 900w, https://assets.fabulous.ch/public/variant_asset/6924/file/large-25a466907688cc7b2cdfa57acf107373.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6924/file/medium-6dc0c32b78f648bd28eeecc4ae4e3bca.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">Züger</p>
          <a href="/fr/products/filona-creme-fraiche-aux-herbes-bio-150-g-15102">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Filona crème fraîche aux herbes Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.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 1.87 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Djl3g0HljU4OHSs-UKtzuLOB0dpH4rlxWUTXKN0iPWy2UVxlHVQFjAaikrrTwY_wheoUMc-8NoXdnsUHj7eQVg" />
    <input value="15102" 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/filona-creme-fraiche-nature-bio-150-g-15103">
          <img alt="Filona crème fraîche nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6925/file/small-220e1d088572541a9138f2db62cd4853.webp 600w, https://assets.fabulous.ch/public/variant_asset/6925/file/medium-5975c46803ab0c5ea196adae4463e011.webp 900w, https://assets.fabulous.ch/public/variant_asset/6925/file/large-a92826f494d80db71f26f28f3bfa99d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6925/file/medium-5975c46803ab0c5ea196adae4463e011.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">Züger</p>
          <a href="/fr/products/filona-creme-fraiche-nature-bio-150-g-15103">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Filona crème fraîche nature Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.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 1.87 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J4SOa15A0X0JgfKEyQr2fZizLWg9ovYZRNtBmPwehRKf7KWNAvFZvwE-SwBKYAo1rtjog7X8ee3AAVO3rosoKA" />
    <input value="15103" 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/tomates-pelees-au-jus-de-tomate-bio-800-g-15118">
          <img alt="Tomates pelées au jus de tomate Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6934/file/small-001cb51b61dff94bfca258fe249fcb16.webp 600w, https://assets.fabulous.ch/public/variant_asset/6934/file/medium-a2316ac45b90b1c1d501d7d8cf38b8b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6934/file/large-82115e418c512c0de87ba0fc097b37a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6934/file/medium-a2316ac45b90b1c1d501d7d8cf38b8b1.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/tomates-pelees-au-jus-de-tomate-bio-800-g-15118">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tomates pelées au jus de tomate Bio, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PVg3l1y6y9hDeDRqOIGZGT1_T9TU-zpVRAiQuLUC5SeFMBxxAAtDGkvHje6762VRCxSKP1yltaHA0oKX55dIHQ" />
    <input value="15118" 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/agar-agar-sans-gluten-bio-60-g-15119">
          <img alt="Agar Agar 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/6933/file/small-fed87f61590338498c887298b3cbe1fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6933/file/medium-8d65b464f2ac77bf6cafd7b0b887cdff.webp 900w, https://assets.fabulous.ch/public/variant_asset/6933/file/large-d9a0f618b6960d161ca487ec64824ad4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6933/file/medium-8d65b464f2ac77bf6cafd7b0b887cdff.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/agar-agar-sans-gluten-bio-60-g-15119">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Agar Agar Sans Gluten Bio, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tsK6aCh8vC0zjFa4piH_NLdxa0Ie3i7e7q6orftA2J8OqpGOdM007zsz7zwlSwN8gRquqZaAoSpqdLqCqdV1pQ" />
    <input value="15119" 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/new-roots-le-ciboulette-extra-cremeuse-bio-115-g-15138">
          <img alt="New Roots Le Ciboulette Extra Crémeuse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6937/file/small-6dfb9a44aade8d6223b5bbd0f00bd1dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6937/file/medium-5d952b8adc27cd7b1e9195c060de597b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6937/file/large-ef98308e5c18fdfebbbeed57ae74dbb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6937/file/medium-5d952b8adc27cd7b1e9195c060de597b.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">New Roots</p>
          <a href="/fr/products/new-roots-le-ciboulette-extra-cremeuse-bio-115-g-15138">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Le Ciboulette Extra Crémeuse Bio, 115 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 5.17 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DC2lCcojLD2Zw2oke86rJPj-mKy02HOMz_CHdPqWzZq0RY7vlpKk_5F806D4pFdszpVdRzyG_HhLKpVbqANgoA" />
    <input value="15138" 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-de-soja-demeter-500-g-15154">
          <img alt="Flocons de Soja Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6936/file/small-e7308f91de88769f85076144726ed3b4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6936/file/medium-813d1608e4519ae733a4376a6e9f336e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6936/file/large-feddbd1341c6b8fcec937e36a0cab7bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6936/file/medium-813d1608e4519ae733a4376a6e9f336e.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">Vanadis</p>
          <a href="/fr/products/flocons-de-soja-demeter-500-g-15154">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocons de Soja Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.15
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rpR6ocIGP0Rf3T2h40k-C85XdBbduRxqYpmvl9zBEt4W_FFHnre3hldihCVgI8JD-Dyx_VXnk57mQ724jlS_5A" />
    <input value="15154" 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-millet-demeter-500-g-15155">
          <img alt="Flocons de millet Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6938/file/small-aff58e1f9aae9fd1b655c527195d00f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6938/file/medium-468926895bc4b3ebb204e28ad4b2bfc1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6938/file/large-5d2fa60d86eac12efb51fddcad0ae7d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6938/file/medium-468926895bc4b3ebb204e28ad4b2bfc1.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">Vanadis</p>
          <a href="/fr/products/flocons-de-millet-demeter-500-g-15155">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocons de millet Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6purtWeDTMTwQwwEiWdV17vTNLQwJN8DCfUEF-BZWEVS84BTOzLEBvj8tYAKDamfjbjxX7h6UPeNLxY4ssz1fw" />
    <input value="15155" 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/new-roots-framboise-alternative-vegetalien-au-yaourt-bio-350-g-15156">
          <img alt="New Roots Framboise Alternative Végétalien au yaourt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6940/file/small-dbd921dbb0d1afd8a0c9194175fc46a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6940/file/medium-9436b7e899668d0d68469d50923b95ae.webp 900w, https://assets.fabulous.ch/public/variant_asset/6940/file/large-62164c545af24a493c7c1afae491038a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6940/file/medium-9436b7e899668d0d68469d50923b95ae.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">New Roots</p>
          <a href="/fr/products/new-roots-framboise-alternative-vegetalien-au-yaourt-bio-350-g-15156">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Framboise Alternative Végétalien au yaourt Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </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 0.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VieN38v3jEd5NK7TsyGNCp3THGwkCryaqcq06M2nWTfuT6Y5l0YEhXGLF1cwS3FCq7jZh6xUM24tEKbHnzL0DQ" />
    <input value="15156" type="hidden" name="variant_id" id="variant_id" />
    <input value="3" 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/boisson-swiss-cereal-drink-a-l-avoine-bio-1-l-4c94b5ab-c953-4b3f-9591-fff15fbe13b4-15157">
          <img alt="Boisson Swiss Cereal-Drink à l&#39;avoine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6942/file/small-723735e920969979486fdb0abf887ca5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6942/file/medium-add5e3be7ae215ab8ce8fd4d84d133e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/6942/file/large-2e51c656682a5ca576d107a7de275a39.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6942/file/medium-add5e3be7ae215ab8ce8fd4d84d133e8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/fr/products/boisson-swiss-cereal-drink-a-l-avoine-bio-1-l-4c94b5ab-c953-4b3f-9591-fff15fbe13b4-15157">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson Swiss Cereal-Drink à l&#39;avoine Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CvfzRst-Q_GZX3aPsrDzN7exCWIjc9sGJnmRrzyTkKSyn9igl8_LM5Hgzwsx2g9_gdrMiastVPKio4OAbgY9ng" />
    <input value="15157" 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/avoine-barista-drink-bio-1-l-15164">
          <img alt="Avoine Barista Drink Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6944/file/small-e3a730f7ad4b12332370c527e79490ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/6944/file/medium-ef0778828c8df43b81994d7ff95b88be.webp 900w, https://assets.fabulous.ch/public/variant_asset/6944/file/large-c224f716624cec5c44f873e87e87beb4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6944/file/medium-ef0778828c8df43b81994d7ff95b88be.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">Allos</p>
          <a href="/fr/products/avoine-barista-drink-bio-1-l-15164">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Avoine Barista Drink Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_5cFDhcbS1cUsowPuYgYj2Rz7IxxPLUlSCKjQPiXvI5H_y7oS6rDlRwNNYs64uTHUhgpZ_liOtHM-LFvqgIRtA" />
    <input value="15164" 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/boisson-d-avoine-allegee-bio-1-l-15165">
          <img alt="Boisson d&#39;avoine allégée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6943/file/small-17b6feed4f14f8ef519867dded4710d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6943/file/medium-b64e87d8f644830d5e200bd85075f88a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6943/file/large-db8943d4fb00fc3100da411e8a64d518.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6943/file/medium-b64e87d8f644830d5e200bd85075f88a.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">Allos</p>
          <a href="/fr/products/boisson-d-avoine-allegee-bio-1-l-15165">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson d&#39;avoine allégée Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7Uhhk3Y8ZGv9m6fHw_0cIhBHZnXeR0_s76ofLNsPyChVIEp1Ko3sqfUkHkNAl-BqJiyjnlYZwBhrcA0DiZplEg" />
    <input value="15165" 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/cenovis-pate-a-tartiner-au-sel-70-g-15167">
          <img alt="Cenovis Pâte à tartiner au sel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6946/file/small-b13ad3438d520f80dd800a5ec501c0da.webp 600w, https://assets.fabulous.ch/public/variant_asset/6946/file/medium-68b53929172dd9161efd2fb8486bd25e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6946/file/large-01161d5f974de6bab3500d2a1685183e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6946/file/medium-68b53929172dd9161efd2fb8486bd25e.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">Cenovis</p>
          <a href="/fr/products/cenovis-pate-a-tartiner-au-sel-70-g-15167">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cenovis Pâte à tartiner au sel, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JEJGutUsn-FCrpOFGhbLFn0YMgdjlwcOab6evqf-ZbOcKm1ciZ0XI0oRKgGZfDdeS3P37OvJiPrtZIyR9WvIiQ" />
    <input value="15167" 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/soupe-miso-instantanee-traditionnelle-bio-10-g-15168">
          <img alt="Soupe Miso Instantanée Traditionnelle Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6947/file/small-bc242beedf4150d08c1f10eb39015586.webp 600w, https://assets.fabulous.ch/public/variant_asset/6947/file/medium-35fe120cdaccb9070b7099d26f99bb11.webp 900w, https://assets.fabulous.ch/public/variant_asset/6947/file/large-830a9cb6f895e9621e2106ea37ac3019.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6947/file/medium-35fe120cdaccb9070b7099d26f99bb11.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/soupe-miso-instantanee-traditionnelle-bio-10-g-15168">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soupe Miso Instantanée Traditionnelle Bio, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fZt5_RqN-NYrxgCtuYawaB4qhtxlTmnj7Ru2x2xdY_HF81IbRjxwFCN5uSk67EwgKEFDN-0Q5hdpwaToPsjOyw" />
    <input value="15168" 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/sauce-de-soja-shoyu-doux-bio-250-ml-15169">
          <img alt="Sauce de Soja Shoyu doux Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6948/file/small-ce3e356762e546521c6fc11be4ea54a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/6948/file/medium-669fa7cb7a90ed1747fb908fb8f16e44.webp 900w, https://assets.fabulous.ch/public/variant_asset/6948/file/large-c2b75740211ad5e0fd51bd695ea50441.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6948/file/medium-669fa7cb7a90ed1747fb908fb8f16e44.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/sauce-de-soja-shoyu-doux-bio-250-ml-15169">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce de Soja Shoyu doux Bio, 250 ml</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.60 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="381Lj_6g3JO7A3gilucCmuzWBpTXA4YjAcyJq6kcKl5npWBpohFUUbO8waYVjf7S2r3Df19dCdeFFpuE-4mHZA" />
    <input value="15169" 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/sauce-de-soja-shoyu-doux-bio-1-l-15170">
          <img alt="Sauce de Soja Shoyu doux Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6949/file/small-5bc43bb4f877cfd0d2e2ac4b0bb989f1.webp 600w, https://assets.fabulous.ch/public/variant_asset/6949/file/medium-868e9ce5b92f56f995586887ca210732.webp 900w, https://assets.fabulous.ch/public/variant_asset/6949/file/large-54e1478697e9c06551401f23bbd8ae54.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6949/file/medium-868e9ce5b92f56f995586887ca210732.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/sauce-de-soja-shoyu-doux-bio-1-l-15170">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce de Soja Shoyu doux Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rv9uVtApTWMStYBN2EDIyM4SfYpCkMr1G5YD8AhFZMn-l0WwjJjFoRoKOclbKjSA-Hm4YcrORQGfTBHfWtDJ8w" />
    <input value="15170" 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/soja-sauce-tamari-strong-bio-1-l-15171">
          <img alt="Soja Sauce Tamari Strong Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6950/file/small-c4bf4fbff5a11d45f6250162ec04c766.webp 600w, https://assets.fabulous.ch/public/variant_asset/6950/file/medium-997dae78f743f0281baa0e2aa0d6f284.webp 900w, https://assets.fabulous.ch/public/variant_asset/6950/file/large-51987b450834171311f3de819be94a15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6950/file/medium-997dae78f743f0281baa0e2aa0d6f284.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/soja-sauce-tamari-strong-bio-1-l-15171">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Sauce Tamari Strong Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.95
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hVEBtHJMDQnqGyAa818Y2ic1GAEOxGCWTc778_m8O3M9OSpSLv2Fy-KkmZ5wNeSSEV7d6oaa72LJFOncqymWSQ" />
    <input value="15171" 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/tahin-puree-de-sesame-nature-bio-500-g-15172">
          <img alt="Tahin (purée de sésame) Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6951/file/small-e3e85626f01f699def090e19b05519ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/6951/file/medium-006e8bee901fab0c462049eeed5e4503.webp 900w, https://assets.fabulous.ch/public/variant_asset/6951/file/large-14ff97c0bcf952a0c21b70daec6b043d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6951/file/medium-006e8bee901fab0c462049eeed5e4503.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/tahin-puree-de-sesame-nature-bio-500-g-15172">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tahin (purée de sésame) Nature Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.30
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/boisson-de-soja-naturelle-bio-1-l-15173">
          <img alt="Boisson de soja naturelle Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6952/file/small-068258bb1afa87afb80c558372e436f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6952/file/medium-5616eed1f76e6838436f5a30d0f60a15.webp 900w, https://assets.fabulous.ch/public/variant_asset/6952/file/large-18a3882d9f056bd66968b8a8646de1a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6952/file/medium-5616eed1f76e6838436f5a30d0f60a15.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/boisson-de-soja-naturelle-bio-1-l-15173">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson de soja naturelle Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

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

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



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

</template></turbo-stream>