<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/tofu-epinards-bio-200-g-15702">
          <img alt="Tofu Épinards Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7149/file/small-a93021cff1b058f87b685181022d9c30.webp 600w, https://assets.fabulous.ch/public/variant_asset/7149/file/medium-e6e6c0c2dff0ae61a413bd41b9155485.webp 900w, https://assets.fabulous.ch/public/variant_asset/7149/file/large-19be18945d07cf3dab478ca4e6f40725.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7149/file/medium-e6e6c0c2dff0ae61a413bd41b9155485.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-epinards-bio-200-g-15702">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Épinards Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </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.43 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RiWEnad_uiQkW8ZJXGBhE-F0_uUfjpBXrv1O0RQIu6w4FBDmz2YQgtW5XmYS8M6J9EeZaF500PMQxg7w7hUQlQ" />
    <input value="15702" 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/soyananda-aux-herbes-ailes-fermentee-bio-140-g-766">
          <img alt="Soyananda Aux Herbes-Ailes fermentée Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/714/file/small-bcd87539b95cff7c034413eca5efcd31.webp 600w, https://assets.fabulous.ch/public/variant_asset/714/file/medium-8ce3178da3715799f3f5d17d392fc1a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/714/file/large-57a5a5dd394edf1057d6c0addfe8111b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/714/file/medium-8ce3178da3715799f3f5d17d392fc1a6.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-aux-herbes-ailes-fermentee-bio-140-g-766">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soyananda Aux Herbes-Ailes fermentée Bio, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vx3-MpDmKgp7paPCJGo_7B01KdBXs-yfJs6cIGjwHcbBLGpJ-P-ArIpHO-1q-pB2CAZOXRZJrDuY9dwBku22_w" />
    <input value="766" 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-feto-natur-fermente-bio-200-g-2977">
          <img alt="Tofu FETO Natur Fermenté Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2117/file/small-fb226ff45964ace888baa4d1ac4cd181.webp 600w, https://assets.fabulous.ch/public/variant_asset/2117/file/medium-230fa2a08c90425ff2b52cd425ab1afd.webp 900w, https://assets.fabulous.ch/public/variant_asset/2117/file/large-cbd292b8ebf81ce9361d4538ea11e147.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2117/file/medium-230fa2a08c90425ff2b52cd425ab1afd.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-feto-natur-fermente-bio-200-g-2977">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu FETO Natur Fermenté Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iBvkBXwEqJ3NT10zNcDtnMXkLBbgohEDvQZKx3eArtL2KnB-FB0COzytxRx7UEIG0NdLm6FYUacDPQrmjZ0F6w" />
    <input value="2977" 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/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="zTPA3WVpNKDBGd_h_fzg6w_A-5rF597yW344SzkgOlSzAlSmDXCeBjD7R86zbE9xGvOcF4QdnlblRXhqwz2RbQ" />
    <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 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="QLHf1jaPinAD0oH9dfEmCgE_xxXfxxLnmW68tAb2HNM-gEutXpYg1vIwGdI7YYmQFAygmJ49UkMnVfyV_Ou36g" />
    <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/puree-d-arachides-fine-bio-500-g-15203">
          <img alt="Purée d&#39;arachides fine Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6972/file/small-9e0fd36c8b87a8486625e3f67a0bdb1f.webp 600w, https://assets.fabulous.ch/public/variant_asset/6972/file/medium-ea296d2e74b83c2a76c32981f1a52099.webp 900w, https://assets.fabulous.ch/public/variant_asset/6972/file/large-e04f5de17712e30eb55429b6a333687f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6972/file/medium-ea296d2e74b83c2a76c32981f1a52099.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/fr/products/puree-d-arachides-fine-bio-500-g-15203">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Purée d&#39;arachides fine Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/creme-fouettee-a-la-noix-de-coco-400-ml-11929">
          <img alt="Crème fouettée à la noix de coco" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6078/file/small-c74fbda7af381711966fb05ae19b9fff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6078/file/medium-d03f5cca9527bf5b6d1695b3608fd8d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6078/file/large-a9546abe1e3ee1311a0cfeb3d7374d8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6078/file/medium-d03f5cca9527bf5b6d1695b3608fd8d1.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">Terrasana</p>
          <a href="/fr/products/creme-fouettee-a-la-noix-de-coco-400-ml-11929">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crème fouettée à la noix de coco, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AH-2znEFZh6fcAkcIhdiflyFM9J4Ff7QZZUwcP8aXB9-TiK1GRzMuG6SkTNsh83kSbZUXznvvnTbrnBRBQf3Jg" />
    <input value="11929" 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/dattes-denoyautees-deglet-nour-en-gros-bio-5-kg-57d3247f-20d7-4996-ae5e-c0228accd3e1-8114">
          <img alt="Dattes dénoyautées Deglet Nour en gros Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4750/file/small-4b30f2e1318bbfeb5ee63306e7a135b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4750/file/medium-3eb40ea817acb1f896e8b2c0908d2481.webp 900w, https://assets.fabulous.ch/public/variant_asset/4750/file/large-ca40799b4708031bba21225b469bd856.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4750/file/medium-3eb40ea817acb1f896e8b2c0908d2481.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/fr/products/dattes-denoyautees-deglet-nour-en-gros-bio-5-kg-57d3247f-20d7-4996-ae5e-c0228accd3e1-8114">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dattes dénoyautées Deglet Nour en gros Bio, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.20
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/boisson-eau-de-coco-bio-1-l-16623">
          <img alt="Boisson Eau de Coco Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7689/file/small-1352ab541e99769a9e20613ae032f131.webp 600w, https://assets.fabulous.ch/public/variant_asset/7689/file/medium-6bdb1b9818b2aed0db246bedf9cacc4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7689/file/large-be0d4addc3ee3d4f5e184ed1f6283749.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7689/file/medium-6bdb1b9818b2aed0db246bedf9cacc4e.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">Dr. Goerg</p>
          <a href="/fr/products/boisson-eau-de-coco-bio-1-l-16623">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Boisson Eau de Coco Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sl52wSo7RJ2wpFceqS7xnRCP9UjFpUMvV4ssRhL0ImrMb-K6QiLuO0FGzzHnvl4HBbySxYRfA4vpsGxn6OmJUw" />
    <input value="16623" 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-soja-tamari-bio-350-ml-15222">
          <img alt="Sauce Soja Tamari Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9057/file/small-4155f9e7a14038ce3ff3548f37c7a9b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/9057/file/medium-74e39990e10feff30e33f004402f6aa1.webp 900w, https://assets.fabulous.ch/public/variant_asset/9057/file/large-347ba1bc557e1ae2cc62e38defdf687b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9057/file/medium-74e39990e10feff30e33f004402f6aa1.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/sauce-soja-tamari-bio-350-ml-15222">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Soja Tamari Bio, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.65
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xRBqaVnCLNFPlW2NzZE308HJNWPYpZW825IJqcgZpB67If4SMduGd7539aKDAZhJ1PpS7plf1RhlqUmIMgQPJw" />
    <input value="15222" 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/chapelure-d-epeautre-bio-200-g-5044">
          <img alt="Chapelure d’épeautre Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2976/file/small-bbe1dff8f456d01396c092ceac4e15a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2976/file/medium-d62d5f4f003c873b3e3b9d9c07c85ace.webp 900w, https://assets.fabulous.ch/public/variant_asset/2976/file/large-589a0bcb4748a4779fda376ada2be5ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2976/file/medium-d62d5f4f003c873b3e3b9d9c07c85ace.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/fr/products/chapelure-d-epeautre-bio-200-g-5044">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chapelure d’épeautre Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ItX2fXjR03HtpKo3j-pXg4RwW3Hl8DYQeBeaovu48Ctc5GIGEMh51xxGMhjBevgZkUM8_KQKdrTGLNqDAaVbEg" />
    <input value="5044" 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/jus-de-citron-vert-100-pur-jus-bio-700-ml-15976">
          <img alt="Jus de citron vert 100 % pur jus Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7375/file/small-c0333d30f75a6546ba9e376d2a2d3f60.webp 600w, https://assets.fabulous.ch/public/variant_asset/7375/file/medium-818858928b5f9d30925a3f0eebc30bb1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7375/file/large-d7c2cd047f073da0e918dcb68286ceac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7375/file/medium-818858928b5f9d30925a3f0eebc30bb1.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">Beutelsbacher</p>
          <a href="/fr/products/jus-de-citron-vert-100-pur-jus-bio-700-ml-15976">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jus de citron vert 100 % pur jus Bio, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.55
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AxBrVD-3eqi1EqgV4bffW1LO3ymF2jjIukx55UfuF6d9If8vV67QDkTwMDqvJ3DBR_24pMQgeGwEdznEvfO8ng" />
    <input value="15976" 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/le-pain-des-fleurs-sarrasin-bio-150-g-3239">
          <img alt="Le pain des fleurs Sarrasin, Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2200/file/small-7258a0a13cc175498d5edb214957cbf2.webp 600w, https://assets.fabulous.ch/public/variant_asset/2200/file/medium-ef8a53bc437b0f2e929353500aa83446.webp 900w, https://assets.fabulous.ch/public/variant_asset/2200/file/large-7066761e36c9d3cdcd85e6ba08c01fc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2200/file/medium-ef8a53bc437b0f2e929353500aa83446.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">Le Pain des Fleurs</p>
          <a href="/fr/products/le-pain-des-fleurs-sarrasin-bio-150-g-3239">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Le pain des fleurs Sarrasin, Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k5a9hGGBdxKeBW0Y7L6C2G89qyiuwwgGaP_oxTwBQwntpyn_CZjdtG_n9TeiLi1Ceg7Mpe85SKLWxKjkxhzoMA" />
    <input value="3239" 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-avoine-fins-en-gros-biosuisse-5-kg-9234">
          <img alt="Flocons Avoine fins en gros BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5258/file/small-0e352d9b55d3fdb16310ca4d2801c7da.webp 600w, https://assets.fabulous.ch/public/variant_asset/5258/file/medium-7dc918e4473f6ebd9d217668603108c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5258/file/large-22a0e97fe023f562d2d4a07bccb37a3b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5258/file/medium-7dc918e4473f6ebd9d217668603108c1.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/flocons-avoine-fins-en-gros-biosuisse-5-kg-9234">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flocons Avoine fins en gros BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.00
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-NBk_a-vC4sJnARCG8QqWBeblcJlTG7LA_sD1KrLG2iG4fCGx7ahLfh-nG1VVIXCAqjyTyS2Lm-9wEP1UNawUQ" />
    <input value="9234" 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/petits-pains-hamburger-au-sesame-bio-60-g-16589">
          <img alt="Petits pains hamburger au sésame bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7648/file/small-49a81953381f895873d0ce13134cafc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7648/file/medium-dae2265f287035c1348d8d8940508094.webp 900w, https://assets.fabulous.ch/public/variant_asset/7648/file/large-1a67e31e0f376daa84ea39843fafd2f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7648/file/medium-dae2265f287035c1348d8d8940508094.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">Nur Puur</p>
          <a href="/fr/products/petits-pains-hamburger-au-sesame-bio-60-g-16589">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Petits pains hamburger au sésame bio, 60 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 8.50 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/cafe-irlanda-espresso-moulu-sachet-demeter-250-g-4794">
          <img alt="Café Irlanda ESPRESSO moulu sachet Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2876/file/small-2a907519fd609f773a61d9b58137d568.webp 600w, https://assets.fabulous.ch/public/variant_asset/2876/file/medium-a8e66428f18c19a9f868d8f458fbd338.webp 900w, https://assets.fabulous.ch/public/variant_asset/2876/file/large-cb2cafa6e2b8bde258165b3438505851.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2876/file/medium-a8e66428f18c19a9f868d8f458fbd338.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">Henauer Kaffee</p>
          <a href="/fr/products/cafe-irlanda-espresso-moulu-sachet-demeter-250-g-4794">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Café Irlanda ESPRESSO moulu sachet Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lsacIss8rbK4-d1WxFOALhv_QxzpV0WgEZCiDDyAQO3o9whZoyUHFEkbRXmKwy-0DswkkaitBQSvq-Itxp3r1A" />
    <input value="4794" 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-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="G_PIuMCGnNn2BG7cegbIzhRDNwN-tDMI-RTgzn40aZ1lwlzDqJ82fwfm9vM0lmdUAXBQjj9Oc6xHL6DvhCnCpA" />
    <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  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/fr/products/cottage-pearls-bio-450-g-16850">
          <img alt="Cottage Pearls Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7856/file/small-e0c66c0106e655bc907fac7ec42eaf2f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7856/file/medium-6aebe86043089dc76301295ac7171000.webp 900w, https://assets.fabulous.ch/public/variant_asset/7856/file/large-da9506a8e91775f2a8a6bf56ce4cdd26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7856/file/medium-6aebe86043089dc76301295ac7171000.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Züger</p>
          <a href="/fr/products/cottage-pearls-bio-450-g-16850">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cottage Pearls Bio, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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.26 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aAujCuGgO9MN--TGloPqEy4IdJ5HJlDx8qWml3LHVi4WOjdxibmRdfwZfOnYE0WJOzsTEwbcEFVMnua2iNr9Fw" />
    <input value="16850" 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-pikant-suisse-bio-250-g-15350">
          <img alt="Tofu Pikant Suisse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7012/file/small-efbce8008dc593e23d23f98d82bc715b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7012/file/medium-5e0e49cb63e0bb5e725dfaee448cab0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7012/file/large-eac581a807db122c5cea5f5e947aeecd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7012/file/medium-5e0e49cb63e0bb5e725dfaee448cab0a.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">Futur</p>
          <a href="/fr/products/tofu-pikant-suisse-bio-250-g-15350">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Pikant Suisse Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/fr/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q3DOmu0RgSht3cBasw2uI6IL9OqpRJKqualOZs2Ctw_VQVrhhQgrjpw_WHX9nQG5tziTZ-i-0g4Hkg5HN58cNg" />
    <input value="15350" 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/brochettes-de-tofu-bio-190-g-110">
          <img alt="Brochettes de Tofu Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/120/file/small-6e2ea13608ad56ebfe5be47ed9a2ad4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/120/file/medium-d33cad24f07cc5f5de9dc01910c85b5f.webp 900w, https://assets.fabulous.ch/public/variant_asset/120/file/large-858843ebef8f0770ab08ba74de582442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/120/file/medium-d33cad24f07cc5f5de9dc01910c85b5f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Engel-Tofu</p>
          <a href="/fr/products/brochettes-de-tofu-bio-190-g-110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Brochettes de Tofu Bio, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

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

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



</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">
      40 sur 3&#39;237 produits
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/fr/categories/bioreal?format=turbo_stream&amp;page=3">Afficher plus</a>
  </div>
</div>

</template></turbo-stream>