<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/tempeh-aux-haricots-rouges-mais-et-soja-bio-200-g-17373">
          <img alt="Tempeh aux Haricots rouges, Maïs et Soja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8100/file/small-c8c09c53661bfed594755ce80348ec1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8100/file/medium-d50835aae6711e8d292e95de7dcde34b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8100/file/large-9433a007f9ca5b8d24cd650f7be4771e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8100/file/medium-d50835aae6711e8d292e95de7dcde34b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Tempeh bagus</p>
          <a href="/fr/products/tempeh-aux-haricots-rouges-mais-et-soja-bio-200-g-17373">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh aux Haricots rouges, Maïs et Soja Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UWwI3r-PlSvriPzyNsHbnHlbwR_wDC-mDlrZhG-mq7qER5Co5vOdVuxAaNoezGLlMhMhmnN7snNnhZ5BxYEuBg" />
    <input value="17373" 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/alternative-vegetalienne-au-skyr-nature-bio-400-g-15804">
          <img alt="Alternative végétalienne au skyr nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7214/file/small-c79000737a03d8031ff89598bd3418d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7214/file/medium-627feb5242443cd64a49110359e3fb16.webp 900w, https://assets.fabulous.ch/public/variant_asset/7214/file/large-810ccc31b75cdd11453d2b0be8c743bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7214/file/medium-627feb5242443cd64a49110359e3fb16.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">Sojade</p>
          <a href="/fr/products/alternative-vegetalienne-au-skyr-nature-bio-400-g-15804">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative végétalienne au skyr nature Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cme0QO81pP_XF17_GbO9USdh-_CLoOMOoFQ23QaG6SmnTCw2tkmsgtDfytcxvgQobCkbdQjXftvJi3EYrKFslQ" />
    <input value="15804" 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/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="gmClCDBXoPQQxe1ojYQrF3cZGqwn459YPuY0YasOde1XSz1-aSuoiRcNeUCliZJuPFH6KaSUAo1XOXOkASnwUQ" />
    <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/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="pcn2YoFK3mXeTVQy6eqh6Xyx3orOBBbBp-CSbd7EMchw4m4U2DbWGNmFwBrB5xiQN_k-D01zixTOP9WodOO0dA" />
    <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/soyananda-nature-alternative-vegan-de-yoghurt-bio-1-kg-8359">
          <img alt="Soyananda nature Alternative vegan de yoghurt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4922/file/small-270747a3c5815f05f457e662cc64c1f1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4922/file/medium-097e2d5b88aff75a92ed6ac842d301e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/4922/file/large-b607df5ece93000bf265cb55d2aed486.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4922/file/medium-097e2d5b88aff75a92ed6ac842d301e8.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/soyananda-nature-alternative-vegan-de-yoghurt-bio-1-kg-8359">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soyananda nature Alternative vegan de yoghurt Bio, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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 0.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sdP8z4lEWmbZ52lwyOm_-COHvgAxgpmcQ7Rl7p89QgJk-GS50DhSG94v_Vjg5AaBaM9ehbL1BEkqayIrNRrHvg" />
    <input value="8359" 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-a-salade-a-l-italienne-vegetalien-bio-500-ml-3614">
          <img alt="Sauce à salade à l&#39;italienne Végétalien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2367/file/small-32f469b779dad03b9fbaeb6d828a5ad3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2367/file/medium-4bead41becbf3840d4679f0ce4f55e3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2367/file/large-4aeba05af9b3750cd17270d749c5a136.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2367/file/medium-4bead41becbf3840d4679f0ce4f55e3e.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">huusgmacht</p>
          <a href="/fr/products/sauce-a-salade-a-l-italienne-vegetalien-bio-500-ml-3614">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce à salade à l&#39;italienne Végétalien Bio, 500 ml</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 1.49 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nsujbTLtYzdJMrA9-wxqvIeYJLyV2PQIgWeCWndBHnBL4Dsba5FrSk76JBXTAdPFzNDEORavad3ouMWf3WabzA" />
    <input value="3614" 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/seitan-en-bloc-bio-200-g-112">
          <img alt="Seitan en bloc Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/122/file/small-b4620e93696d47e892f9a3200d3862ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/122/file/medium-44c7ec719f499f8f1d9e20d416b8e51c.webp 900w, https://assets.fabulous.ch/public/variant_asset/122/file/large-b11ac0888626799f621ca57eba167cb2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/122/file/medium-44c7ec719f499f8f1d9e20d416b8e51c.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/seitan-en-bloc-bio-200-g-112">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seitan en bloc Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </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.85 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dTRGYqJvenXThUv-K-vgDzrO1NXBm-uXQRf1w26HdJqgH94U-xNyCNRN39YD5ll2cYY0UELsdkIoyLIGxKDxJg" />
    <input value="112" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Astuce
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/lassi-mango-bio-230-ml-13251">
          <img alt="Lassi Mango Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6433/file/small-c68881bb1ff9329a2625bf104c815096.webp 600w, https://assets.fabulous.ch/public/variant_asset/6433/file/medium-286810b865eb0614108a9233be144fe0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6433/file/large-cdda793680ca1e6cac5dc6b7694de950.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6433/file/medium-286810b865eb0614108a9233be144fe0.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/lassi-mango-bio-230-ml-13251">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lassi Mango Bio, 230 ml</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.09 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gfQWfuptcSfO-FHSU0Kc745IIuQC1rvbdGW5KLmPLCdU344IsxF5Wskwxfp7TyWWxQDCYYGhJg4duv7tE6ipmw" />
    <input value="13251" 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/lait-de-coco-avec-des-cultures-de-yaourt-vanille-bio-125-g-1532">
          <img alt="Lait de coco avec des cultures de yaourt Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1238/file/small-e84c126f6d959b85a3758a31986d90ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/1238/file/medium-18b47153f3d68b854117f82324ae83ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/1238/file/large-95167d588932a83703f37c05ac4e4a83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1238/file/medium-18b47153f3d68b854117f82324ae83ea.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Harvest Moon</p>
          <a href="/fr/products/lait-de-coco-avec-des-cultures-de-yaourt-vanille-bio-125-g-1532">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lait de coco avec des cultures de yaourt Vanille Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.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 2.72 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ghj4pUi4FqYWh-_j4Xn9ANminnH-dzCwZUN4mt4kzbFXM2DTEcQe2xFPe8vJdER5kup-9H0ArWUMnD9fdANIDQ" />
    <input value="1532" 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-nature-alternative-vegetalien-au-yaourt-bio-140-g-7231">
          <img alt="New Roots NATURE 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/4109/file/small-fc52a6f735baea4431bd457b7bca261e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4109/file/medium-f01ef9e42a0cd1635c44a71925b8783f.webp 900w, https://assets.fabulous.ch/public/variant_asset/4109/file/large-c4440e40ae7a92ff4d049a52d1f765a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4109/file/medium-f01ef9e42a0cd1635c44a71925b8783f.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-nature-alternative-vegetalien-au-yaourt-bio-140-g-7231">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots NATURE Alternative Végétalien au yaourt Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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 1.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TucxT4C3i2sSwteg_bFOU2d_T56C0Zzw-Rq8JNHfxQ-bzKk52cuDFhUKQ4jVvPcqLDevGwGmASWQxfvhe_hAsw" />
    <input value="7231" 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-cafe-alternative-vegetalien-au-yaourt-bio-140-g-7233">
          <img alt="New Roots CAFÉ 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/4111/file/small-3bc625eb5491edd27b303468fed3dc87.webp 600w, https://assets.fabulous.ch/public/variant_asset/4111/file/medium-3056da82062feff984c8251424d092da.webp 900w, https://assets.fabulous.ch/public/variant_asset/4111/file/large-f49eeaa788ee4fb2b2616aea57e8c970.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4111/file/medium-3056da82062feff984c8251424d092da.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-cafe-alternative-vegetalien-au-yaourt-bio-140-g-7233">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots CAFÉ Alternative Végétalien au yaourt Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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 1.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="coBsIGZqGqvkuVeDRiSaZ8QYn1z1IprXceoGFb8pQJ-nq_RWPxYS1uNxw6tuKSMej1B_2XZVBwIYNUHQFQ7FIw" />
    <input value="7233" 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-tomate-basilic-bio-140-g-15100">
          <img alt="New Roots Tomate &amp; Basilic Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6922/file/small-b7f52153a1d7a589408742d78057640e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6922/file/medium-ee27490d446be4ff2f824190dc42a3fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/6922/file/large-0635fe2f6ce9698312b79c452cf882e6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6922/file/medium-ee27490d446be4ff2f824190dc42a3fa.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-tomate-basilic-bio-140-g-15100">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Tomate &amp; Basilic Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RT6DlcdCDBQfZXrs1wyKihGK0I1vnMs5gN72WvpeQpqQFRvjnj4EaRit7sT_ATPzWsIwCOzrVuzpAbGfUHnHJg" />
    <input value="15100" 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-framboise-alternative-vegetalien-au-yaourt-bio-140-g-097d5887-65ad-42ed-9020-ca4c72e1121a-10589">
          <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/5583/file/small-4b254f5734d8e9800655d75186779872.webp 600w, https://assets.fabulous.ch/public/variant_asset/5583/file/medium-cbbe02588c8acb2b79c667a30724c6e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/5583/file/large-c11c714d4750b6f5610338e3f4ccc39d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5583/file/medium-cbbe02588c8acb2b79c667a30724c6e7.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-140-g-097d5887-65ad-42ed-9020-ca4c72e1121a-10589">
            <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, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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 1.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U5jjhp3sXZPNqCP9Tof1gkfhZ19zHNU7O_bjvAW2FpmGs3vwxJBV7spgt9Vmikz7DKmH2vBrSO5SKaR5r5GTJQ" />
    <input value="10589" 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-chocolat-alternative-vegetalien-au-yaourt-bio-140-g-8415">
          <img alt="New Roots CHOCOLAT 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/4979/file/small-be9f0d170643fa71d92ed3bb1cd7312a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4979/file/medium-263f0aff51523dae3c48d7e5c6226309.webp 900w, https://assets.fabulous.ch/public/variant_asset/4979/file/large-b053cfd144101b1b0839d0d2e283ad2b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4979/file/medium-263f0aff51523dae3c48d7e5c6226309.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-chocolat-alternative-vegetalien-au-yaourt-bio-140-g-8415">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots CHOCOLAT Alternative Végétalien au yaourt Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.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 1.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eKWhDGi5xeUdj5tSOR5Uh-NDr5jgrGq9HYmhiQcaoIKtjjl6McXNmBpHD3oRE-3-qAtPHWPb92h0VuZMrT0lPg" />
    <input value="8415" 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/lupi-herbes-ail-bio-170-g-15406">
          <img alt="LUPI – Herbes &amp; Ail Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7041/file/small-545500dd2be89c7212a935fd0e47665c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7041/file/medium-a138407a8e432a8d79e20510c36cf398.webp 900w, https://assets.fabulous.ch/public/variant_asset/7041/file/large-9d8fc9097a29dd415df7784550db6ac7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7041/file/medium-a138407a8e432a8d79e20510c36cf398.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">Yellow Sunshine</p>
          <a href="/fr/products/lupi-herbes-ail-bio-170-g-15406">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LUPI – Herbes &amp; Ail Bio, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WPEXis1PkZaNXdouDtgqvXL64SlWw8TTdNR2OE-thwGN2o_8lDOZ64qVTgYm1ZPEObIBrNW0WQYdCzH95YoCvQ" />
    <input value="15406" 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/pudding-proteine-double-chocolat-bio-120-g-15069">
          <img alt="Pudding Protéiné Double Chocolat Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6903/file/small-5706874bbd19a5c69bfa2fa3a596c590.webp 600w, https://assets.fabulous.ch/public/variant_asset/6903/file/medium-6344f782192da978dee99c61c5b489dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6903/file/large-80ca88fab2ed1702905f1bdd0d657d7a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6903/file/medium-6344f782192da978dee99c61c5b489dd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Harvest Moon</p>
          <a href="/fr/products/pudding-proteine-double-chocolat-bio-120-g-15069">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pudding Protéiné Double Chocolat Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q5r4oLwyqARCQeyhc14HMHThXJACvEzagT-vSk2W7WqWsWDW5U6geUWJeIlbU75JP6m8FYHL0Q_o4OiP57Fo1g" />
    <input value="15069" 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/tofu-nature-bio-200-g-708fbef3-b4aa-4c5b-9705-9a006f21d94f-15935">
          <img alt="Tofu nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7329/file/small-8651a28eb2b90d446453a7069aa9b594.webp 600w, https://assets.fabulous.ch/public/variant_asset/7329/file/medium-75312d11d24e6b3d0f69f30696bca167.webp 900w, https://assets.fabulous.ch/public/variant_asset/7329/file/large-7953de4eb2c7091d8369ce3c9d3e6cbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7329/file/medium-75312d11d24e6b3d0f69f30696bca167.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-nature-bio-200-g-708fbef3-b4aa-4c5b-9705-9a006f21d94f-15935">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu nature Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 2.45 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OlbryrAc5uJ1QbpVRGrd1Z_Yv9y0hefPkZ0tI90D6tbvfXO86WDun3KJLn1sZ2Ss1JBfWTfyehr4QmrmdyRvag" />
    <input value="15935" 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/lait-de-coco-avec-des-cultures-de-yaourt-mangue-maracuja-bio-125-g-1488">
          <img alt="Lait de coco avec des cultures de yaourt Mangue &amp; Maracuja Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1210/file/small-92780545123d971971b11a86d0a702a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1210/file/medium-654bdbea5af3bd676c24d1256cee44fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/1210/file/large-7762abf2e009ea1413dd8b9be8181840.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1210/file/medium-654bdbea5af3bd676c24d1256cee44fb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Harvest Moon</p>
          <a href="/fr/products/lait-de-coco-avec-des-cultures-de-yaourt-mangue-maracuja-bio-125-g-1488">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lait de coco avec des cultures de yaourt Mangue &amp; Maracuja Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.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 2.72 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s3heKQQkZsAB7FeEOWAtMVnFnlyFFi-lIJlSXsXRe5JmU8ZfXVhuvQYkw6wRbZRIEo1-2QZhsnBJRhWbb_b-Lg" />
    <input value="1488" 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/samosas-india-bio-250-g-15961">
          <img alt="Samosas India Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7349/file/small-f1b0342c9b9ca2d012bc31a3ef8ce322.webp 600w, https://assets.fabulous.ch/public/variant_asset/7349/file/medium-f07a5051126258048d6adca22e592426.webp 900w, https://assets.fabulous.ch/public/variant_asset/7349/file/large-d0c8dda8c21e6491862666d44e81bf8f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7349/file/medium-f07a5051126258048d6adca22e592426.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soto</p>
          <a href="/fr/products/samosas-india-bio-250-g-15961">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Samosas India Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lz7FEg3nUJ41brM_kCe-7YtZ9FMPxzsaPL-A5LAKkeZCFV1kVJtY4zKmJxe4KgeUwBEU1oywps9VYMchGi0UWg" />
    <input value="15961" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200  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-d-amande-sans-sucres-ajoutes-bio-1-l-10204">
          <img alt="Boisson d’amande Sans sucres ajoutés Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5510/file/small-e30656d437be5b252d95ad78ed2e02e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5510/file/medium-92ff15536d22087eaf0e8213aa3dc5c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5510/file/large-79cf1677d297541f762baa7c0419fbbc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5510/file/medium-92ff15536d22087eaf0e8213aa3dc5c4.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">Ecomil</p>
          <a href="/fr/products/boisson-d-amande-sans-sucres-ajoutes-bio-1-l-10204">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson d’amande Sans sucres ajoutés Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A0kNhobRK-4vg19sudUXRkCN5feKgP_yHWkuqf5igbHWYpXw360jkyhLy0SR2K4_C8UFcgn3Yid0tmlsVEUEDQ" />
    <input value="10204" 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">
      140 sur 3&#39;201 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/veggi-filata?format=turbo_stream&amp;page=8">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>