<turbo-stream action="append" target="products_grid"><template>
    

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/sojade-so-soya-citron-bio-400-g-17417">
          <img alt="Sojade So Soya! Citron Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8114/file/small-10768bafca7914a57387d45f7ef35cbd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8114/file/medium-12e6c32f16f19a07be62092a13484f5b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8114/file/large-e59c2373ba7a7db6b87da7c06d89b32e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8114/file/medium-12e6c32f16f19a07be62092a13484f5b.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/sojade-so-soya-citron-bio-400-g-17417">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojade So Soya! Citron Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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 1.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O_68m2ZT7Ff6qzIeaKO9lfqtnI7SWsTRnsVoJ1Jo-ZbO3t3Z9G0Ftu8Mg59d2gS_Jmv9QJJKoSqTd-YI59Nc5w" />
    <input value="17417" 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/houmous-suisse-carottes-epicees-bio-150-g-15594">
          <img alt="Houmous Suisse Carottes Épicées Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7119/file/small-5c6c95560ba27c9a9a483c1d14ff3e3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7119/file/medium-61fd4aed9c4568fcfce95af64cbadd42.webp 900w, https://assets.fabulous.ch/public/variant_asset/7119/file/large-2c13345470c2cb09e413a0f754c988ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7119/file/medium-61fd4aed9c4568fcfce95af64cbadd42.webp" />
</a>    </header>

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

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-twYbGV2NEz3OMoxNgnhZKifAlOVmetag4L5fCp-2-8P_Hku90jdreKfe7ADcFhOdFljndWJjqGOMHdTn8V-ng" />
    <input value="15594" 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/tranches-sucuk-bio-100-g-9542">
          <img alt="Tranches Sucuk Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5361/file/small-f3f25b936fd83170913b2033e44364fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/5361/file/medium-440594f75be7ffc2e7f38f59a4cc45a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/5361/file/large-18f500c507cd8bfac4a097f4fd4fefe0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5361/file/medium-440594f75be7ffc2e7f38f59a4cc45a7.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">Wheaty</p>
          <a href="/fr/products/tranches-sucuk-bio-100-g-9542">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tranches Sucuk Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.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 3.70 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mOHGksRdZAQeOoAKJPahReDhgkviJbnC2AGPnD0TA0FtwafQVmON5QudMYsRjxhvPCfjhaI13DnVswGziKimMA" />
    <input value="9542" 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/explore-cuisine-spaghetti-aux-haricots-noirs-bio-200-g-14857">
          <img alt="Explore Cuisine Spaghetti aux Haricots Noirs Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6800/file/small-5af3eb8bfe8d9f6f2885a0cab3fd602e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6800/file/medium-582e1da9f2b32b0d8ad574d82620fda5.webp 900w, https://assets.fabulous.ch/public/variant_asset/6800/file/large-c8e77cceeb34dd0cbbffd761cf2c0cf4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6800/file/medium-582e1da9f2b32b0d8ad574d82620fda5.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">Explore Cuisine</p>
          <a href="/fr/products/explore-cuisine-spaghetti-aux-haricots-noirs-bio-200-g-14857">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Explore Cuisine Spaghetti aux Haricots Noirs Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7Q8jWB9Pl2yC-SpbWlDYiKfXL4qz0yo4GkMJmSwNkFQYL0IajXF-jZdem9pvKWGiexFORPPDT8MX8Ye2mbY1JQ" />
    <input value="14857" 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/krunchy-low-sugar-no-choco-bio-375-g-17121">
          <img alt="Krunchy Low Sugar (NO) CHOCO Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7961/file/small-c7268cca8a87c034c279abff94c8b6aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/7961/file/medium-5c9c00dc7ee0df40613497203dea611e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7961/file/large-bfcaa89c1d3a75acaae7fe6d78561e44.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7961/file/medium-5c9c00dc7ee0df40613497203dea611e.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">Barnhouse Naturprodukte</p>
          <a href="/fr/products/krunchy-low-sugar-no-choco-bio-375-g-17121">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Krunchy Low Sugar (NO) CHOCO Bio, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qKs8HyajhJsWEivCwqmy09kJUose-qH_UqEJ2aVfZk9di11dtJ1tegO1mkP30Av5Bc8zRV7qxARfE4f2EOTDPg" />
    <input value="17121" 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/protein-chunks-hache-fin-bio-125-g-13449">
          <img alt="Protein Chunks haché fin Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6518/file/small-c9dc76ceec7ed61c2d612edeb02ddfbd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6518/file/medium-8ce7c8a379f2ff554a76775c08f860e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6518/file/large-405ba728d63ba4681b0b09acc98cf8ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6518/file/medium-8ce7c8a379f2ff554a76775c08f860e0.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">Govinda</p>
          <a href="/fr/products/protein-chunks-hache-fin-bio-125-g-13449">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Chunks haché fin Bio, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rwXTZpbAoCHaEbHqSV8cGPRLeTbAq43fZapcr-TRmEhaJbIkBP5JwM-2AGt8JqUyKI0Y-IC76CRoGNKAUWo9OQ" />
    <input value="13449" 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/grenaille-de-lupins-bio-250-g-2807">
          <img alt="Grenaille de Lupins Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1986/file/small-e8d2e6d71e7400c50bbeba30a5af24f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1986/file/medium-fe1c3436d31fc677590f4c00ba15131a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1986/file/large-12ced2b6d64c82a7c9dc6494c4e7df39.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1986/file/medium-fe1c3436d31fc677590f4c00ba15131a.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/grenaille-de-lupins-bio-250-g-2807">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Grenaille de Lupins Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TWAdmDqSlmKAc9bb5DZ5TVM8b-VWZB08qWfIEYNH64m4QHzaqKx_g5XUZ1rRT8Bnj_oOKxZ0eMek1UY-NvxO-A" />
    <input value="2807" 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/pesto-verde-bio-120-g-15544">
          <img alt="Pesto Verde Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7096/file/small-77ee89e046babd78c863e7a5d557d5e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7096/file/medium-0b33c0cbf713ebafd1b29a5ee9b067fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7096/file/large-392ab8582870175e2f0797d3dbe1fb95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7096/file/medium-0b33c0cbf713ebafd1b29a5ee9b067fd.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/pesto-verde-bio-120-g-15544">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto Verde Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6rhcCbWgA0wP_aN6NAUotcaLfDxp1ZHQvh6JOo-tcJwfmD1LJ57qrRpaEvsBfJGfGk0d8inF9CuzrAcVOhbV7Q" />
    <input value="15544" 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/farine-de-souchet-torrefiee-bio-200-g-17205">
          <img alt="Farine de Souchet Torréfiée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8035/file/small-4ec75a1004461869d40052b66f713b77.webp 600w, https://assets.fabulous.ch/public/variant_asset/8035/file/medium-6527189c981f48099718f4dc41f85947.webp 900w, https://assets.fabulous.ch/public/variant_asset/8035/file/large-53be2c9aee4ea50d65f976345e2f3897.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8035/file/medium-6527189c981f48099718f4dc41f85947.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/farine-de-souchet-torrefiee-bio-200-g-17205">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Farine de Souchet Torréfiée Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.05
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yW0jYB4fwdo-EJo6vKWLGppYnVYgGqQcjIxK7G0Yn3Q8TUIijCEoOyu3K7uJ3DIwRp78mGAKweeBPsTD2KM6BQ" />
    <input value="17205" 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/vitamin-b12-methylcobalamin-vitamin-d3-pastilles-60-unites-60-piece-4599">
          <img alt="Vitamin B12 Methylcobalamin &amp; Vitamin D3" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2818/file/small-eb90331dbfee728a34fb6a4451f6cb74.webp 600w, https://assets.fabulous.ch/public/variant_asset/2818/file/medium-f75b983371fb0036386bdb49ad21a911.webp 900w, https://assets.fabulous.ch/public/variant_asset/2818/file/large-e5b8e498a91da690568507aff9b5e982.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2818/file/medium-f75b983371fb0036386bdb49ad21a911.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">Raab</p>
          <a href="/fr/products/vitamin-b12-methylcobalamin-vitamin-d3-pastilles-60-unites-60-piece-4599">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin B12 Methylcobalamin &amp; Vitamin D3, 60 comprimés</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.15
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/vinaigre-de-pomme-vegetalien-bio-500-ml-16444">
          <img alt="Vinaigre de pomme 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/7564/file/small-ae7fc01ebac7e843b8ae853d74afdc91.webp 600w, https://assets.fabulous.ch/public/variant_asset/7564/file/medium-68056a713898cee0a603c1ef63f2bacd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7564/file/large-1137b02ff0fe21f862be08a8f2782667.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7564/file/medium-68056a713898cee0a603c1ef63f2bacd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/fr/products/vinaigre-de-pomme-vegetalien-bio-500-ml-16444">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vinaigre de pomme végétalien Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UPbv5kwtMZ7YUevhT22on6y4y453xsWLwyIzhpKt8gCl1o6k3hPYf832WmB6FBG1cH6qQDfWoHDOkL2pJxZXcQ" />
    <input value="16444" 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-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="Z8h_0xxuydCGriWwfmfWnewfvcPcNDq48OV-zLBpGAyS6B6RjlAgMZMJlDFLHm-3MNncDZwkX0P9V_DjBdK9fQ" />
    <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 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/tofu-olive-bio-200-g-6e1659d6-3021-4ea6-b8ce-dc5b47ade778-15707">
          <img alt="Tofu Olive Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7154/file/small-efb95f38e02a37143aa15a459d6e76c0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7154/file/medium-d4cecd4716d05946d0f43af5aea87031.webp 900w, https://assets.fabulous.ch/public/variant_asset/7154/file/large-b701fc472343d70a3711778ca5b385d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7154/file/medium-d4cecd4716d05946d0f43af5aea87031.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">Taifun</p>
          <a href="/fr/products/tofu-olive-bio-200-g-6e1659d6-3021-4ea6-b8ce-dc5b47ade778-15707">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Olive Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 2.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5mtsOv8HKeYiXzo2Apm6il8rdzasuGcyfvmxc1eZGy4TSw14bTnABzf4i7c34AOgg-0W-OyoAslzSz9c4iK-Xw" />
    <input value="15707" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/tofu-rosso-bio-200-g-354">
          <img alt="Tofu Rosso Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/315/file/small-d2488f3beb6f954c5a75803513f472c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/315/file/medium-3a3ec431ba8040099f6f7bcda51cd432.webp 900w, https://assets.fabulous.ch/public/variant_asset/315/file/large-829d01ae672b8a46b307d0c9e66d1815.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/315/file/medium-3a3ec431ba8040099f6f7bcda51cd432.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">Taifun</p>
          <a href="/fr/products/tofu-rosso-bio-200-g-354">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Rosso Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 2.48 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/broccoli-bites-brocoli-en-panure-epicee-bio-180-g-17775">
          <img alt="Broccoli Bites Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8721/file/small-41650ef52e55c95096efe7ee887fbccf.webp 600w, https://assets.fabulous.ch/public/variant_asset/8721/file/medium-07b0f16675411e5b6f15efc41724bc18.webp 900w, https://assets.fabulous.ch/public/variant_asset/8721/file/large-27ea92b2d215fe27e42984663851e79e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8721/file/medium-07b0f16675411e5b6f15efc41724bc18.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wild Foods</p>
          <a href="/fr/products/broccoli-bites-brocoli-en-panure-epicee-bio-180-g-17775">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Broccoli Bites Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="frV2ZDR0VfHxuqr0toSCDwgr9Nf0YF6q03Om2BaFiSeLlRcmpkq8EOQdG3WD_Tsl1O2VGbRwO1HewSj3oz4sVg" />
    <input value="17775" 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-framboise-bio-400-g-15805">
          <img alt="Alternative végétalienne au skyr framboise Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7216/file/small-dbdbd7d314d3ef77510dd0c025542a09.webp 600w, https://assets.fabulous.ch/public/variant_asset/7216/file/medium-8b982d2634d3b2679ff6222bff9e0ab5.webp 900w, https://assets.fabulous.ch/public/variant_asset/7216/file/large-7b1b5c2b62d6f485cd87fd61f158c65f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7216/file/medium-8b982d2634d3b2679ff6222bff9e0ab5.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-framboise-bio-400-g-15805">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative végétalienne au skyr framboise Bio, 400 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 1.43 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="02Fs7ykkIDe2Pg580CKld-I3VqBnSh12uEWpiRXwJ0kmQQ2tuxrJ1qOZv_3lWxxdPvE3bidaeI219yemoEuCOA" />
    <input value="15805" 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/greek-style-nature-bio-400-g-16776">
          <img alt="Greek Style Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7796/file/small-c00983fd6273463007de99c6dd7f34ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/7796/file/medium-08d6a0e304e1ecca158c1b4ad8730585.webp 900w, https://assets.fabulous.ch/public/variant_asset/7796/file/large-11a6417fd214c7cd329d2b4dd60deca6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7796/file/medium-08d6a0e304e1ecca158c1b4ad8730585.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/greek-style-nature-bio-400-g-16776">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Greek Style Nature Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.55
            </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.14 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lpz8kHTlnIabhO8sScNr15I190Igm35eQ_vGA1uCNQ_bvJ3S5tt1Z44jXq18utL9TvOWjGCLG6VOSUgs7jmQfg" />
    <input value="16776" 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="CiNbuiTT9uBRXb5NO4ntLc4z3TfNJ1UogPHnAMaBUV3_Azr4tu0fAUT6D8wO8FQHEvW8-Y03MNONQ2kvczr0LA" />
    <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/kefir-natur-sojade-bio-250-g-6264">
          <img alt="Kéfir Natur Sojade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3608/file/small-d665eed81507be7ae0cddbd4427c9e94.webp 600w, https://assets.fabulous.ch/public/variant_asset/3608/file/medium-38faf51f39f4b0ccd329fd27f87b2175.webp 900w, https://assets.fabulous.ch/public/variant_asset/3608/file/large-720d27806f7791225dfc942eab372420.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3608/file/medium-38faf51f39f4b0ccd329fd27f87b2175.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/kefir-natur-sojade-bio-250-g-6264">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kéfir Natur Sojade Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.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.40 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JheY9n40zpuFl4ZsBgrFacdFdgfepaqmROKpF_eAXOvTN_m07AonepAwN-0zc3xDG4MXyZ61z11JUCc4Qjv5mg" />
    <input value="6264" 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/wood-smoked-alternative-vegetalien-au-saumon-bio-130-g-7407">
          <img alt="Wood Smoked Alternative Végétalien au Saumon Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8662/file/small-ac0b8f3b860fea4a287eb3de221e2f02.webp 600w, https://assets.fabulous.ch/public/variant_asset/8662/file/medium-9afbf5dd47a2d5b99c37f7b78fce844c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8662/file/large-ddecdb2ddf1629574355ab697753ec8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8662/file/medium-9afbf5dd47a2d5b99c37f7b78fce844c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wild Foods</p>
          <a href="/fr/products/wood-smoked-alternative-vegetalien-au-saumon-bio-130-g-7407">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wood Smoked Alternative Végétalien au Saumon Bio, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.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 7.62 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-GHdJhaBmVx8bZu3Vx8qTOEGVumTAgda8ZgXgb_9l7oNQbxkhL9wvWnKKjZiZpNmPcA3J9MSYqH8KpmuCkYyyw" />
    <input value="7407" 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">
      440 sur 3&#39;177 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/loma-linda?format=turbo_stream&amp;page=23">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>