<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="/en/products/black-beans-organic-500-g-1925">
          <img alt="Black Beans Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1541/file/small-41d21e4f6c8e5b77bc54042f7a684c6e.webp 600w, https://assets.fabulous.ch/public/variant_asset/1541/file/medium-747f4b29adf228323f6691beede1c31a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1541/file/large-1de3d568b1c69c3e252f25b0d076afb0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1541/file/medium-747f4b29adf228323f6691beede1c31a.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="/en/products/black-beans-organic-500-g-1925">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Black Beans Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k82BBG8kpCFUQUieJrrFRy159L7xlNKytSjgYg252YXWvPQmp2kw71b7730KMYPnIjPDgkYodIpLSDlz3OH_Mg" />
    <input value="1925" 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>
          Add to cart
</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="/en/products/pralines-vegolino-fine-nougat-gluten-free-organic-180-g-1944">
          <img alt="Pralinés Vegolino Fine Nougat Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1553/file/small-ee73f273a9a4b0e222fc0a8ccc144b23.webp 600w, https://assets.fabulous.ch/public/variant_asset/1553/file/medium-c3780f1e49743043f761bd41c0cda83d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1553/file/large-b6a340af54505b532b236f7dc4a4327d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1553/file/medium-c3780f1e49743043f761bd41c0cda83d.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">Vego Chocolate</p>
          <a href="/en/products/pralines-vegolino-fine-nougat-gluten-free-organic-180-g-1944">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinés Vegolino Fine Nougat Gluten Free Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lr6rw_hiXC0YfcvgbVOz8NKFnMyxASANyXwj_Sr_cw1rz97hMC_I4xrHbANB2PVQ3c-r8Aa9hjU3HPrs-6dVug" />
    <input value="1944" 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>
          Add to cart
</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="/en/products/coffee-instant-lupin-decaffeinated-organic-100-g-1974">
          <img alt="Coffee Instant Lupin decaffeinated Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1558/file/small-324ef7e8044ec2d5f73bea525fb828ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/1558/file/medium-3712bf200c11d1d9314cf22de0cc0f04.webp 900w, https://assets.fabulous.ch/public/variant_asset/1558/file/large-4e67125aba603e0c8b3a97adad494a41.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1558/file/medium-3712bf200c11d1d9314cf22de0cc0f04.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/en/products/coffee-instant-lupin-decaffeinated-organic-100-g-1974">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coffee Instant Lupin decaffeinated Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </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-1974-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dPEl_FHFAYXvnvQ53LNv7siTq5hV3vNJzV4Xyq6pQcYxgFDemYiVS-0kU9rwOClOx9mcpOJiVXEzPs7bf_FncQ" />
    <input value="1974" 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>
          Add to cart
</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="/en/products/curcuma-vanilla-latte-organic-60-g-1975">
          <img alt="Curcuma Vanilla Latte Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1563/file/small-5abb695232b94b3a837553386e921a63.webp 600w, https://assets.fabulous.ch/public/variant_asset/1563/file/medium-df6690d67aa4bbbb85f52d1f1acb37fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/1563/file/large-8f81369adfc5277e110999470ca10f0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1563/file/medium-df6690d67aa4bbbb85f52d1f1acb37fc.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">Sonnentor</p>
          <a href="/en/products/curcuma-vanilla-latte-organic-60-g-1975">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Curcuma Vanilla Latte Organic, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jB8n_nhnnkLHsbH4yMwdwo2isp4dtooOHaN6MRjdfGXJblLcsCoKjMULFhvkR1tiguiFoqoKLDbjw6MgyYVa0g" />
    <input value="1975" 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>
          Add to cart
</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="/en/products/dr-mannah-s-herbes-de-provence-matured-organic-100-g-1979">
          <img alt="Dr. Mannah&#39;s Herbes de Provence - matured - Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1562/file/small-a0f66a324ac60e6daab3450c7328eec6.webp 600w, https://assets.fabulous.ch/public/variant_asset/1562/file/medium-fbcbea3a8e0aec23e317776ab0644da0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1562/file/large-0785d715ba129f1355658413511c6bd5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1562/file/medium-fbcbea3a8e0aec23e317776ab0644da0.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">Happy Cheeze GmbH</p>
          <a href="/en/products/dr-mannah-s-herbes-de-provence-matured-organic-100-g-1979">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dr. Mannah&#39;s Herbes de Provence - matured - Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 9.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="soIxsalw3YUjzlrqnsERndJjg3dmcvUKoYnn8P8BY1b380STYT1JSyF0_QmySlc93Sm0S9HOUzJf6T7hLllF4Q" />
    <input value="1979" 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>
          Add to cart
</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="/en/products/peanut-butter-crunchy-with-rock-salt-organic-250-g-2015">
          <img alt="Peanut Butter Crunchy with Rock Salt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1585/file/small-9d6ff5498cfb7964fb5d8c9651b60d7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/1585/file/medium-8535ee8c9a0ac7ef0876e5f07fcf47c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/1585/file/large-4155035fa42a2ce99fcb9a421c74f6c7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1585/file/medium-8535ee8c9a0ac7ef0876e5f07fcf47c7.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="/en/products/peanut-butter-crunchy-with-rock-salt-organic-250-g-2015">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Butter Crunchy with Rock Salt Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

          </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-2015-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lRWS3zsgcG6jCRZIC7ldEeWu3RZBzU9I_y3ux4fYsNLQZOf9823koKGzsasnMhux6uTqKvZx6XABTTfWVoCWZQ" />
    <input value="2015" 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>
          Add to cart
</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="/en/products/tartex-pate-herb-tartex-organic-200-g-2043">
          <img alt="Tartex Pate Herb Tartex Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1603/file/small-1ddf0dcdcc788192573b89cb45c79f34.webp 600w, https://assets.fabulous.ch/public/variant_asset/1603/file/medium-d3b11e865d7c1483d7c1fbf3010a040e.webp 900w, https://assets.fabulous.ch/public/variant_asset/1603/file/large-c195bf477cf2e91d7db76a70aa4abfca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1603/file/medium-d3b11e865d7c1483d7c1fbf3010a040e.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">Tartex</p>
          <a href="/en/products/tartex-pate-herb-tartex-organic-200-g-2043">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tartex Pate Herb Tartex Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LGweSGTs7E9Se7cLM5z1euGUSyNK0jmVo8DnecxYV_tpHWtqrKF4gVDBEOgfF7Pa7t58H_1un61doD5oHQBxTA" />
    <input value="2043" 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>
          Add to cart
</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="/en/products/pate-herb-garlic-tartex-organic-200-g-2045">
          <img alt="Pate Herb &amp; Garlic Tartex Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1605/file/small-08b29d5a900fe5d9a78227d49db7df54.webp 600w, https://assets.fabulous.ch/public/variant_asset/1605/file/medium-39a8cfe9419412437b47cd6c8421b7bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/1605/file/large-d8e2b5ed1de5f5223a5af0f04fab39b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1605/file/medium-39a8cfe9419412437b47cd6c8421b7bc.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">Tartex</p>
          <a href="/en/products/pate-herb-garlic-tartex-organic-200-g-2045">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pate Herb &amp; Garlic Tartex Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

          </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-2045-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X1uEtD2J4frDA2E8acxt88im0scvRvhLJVLQlrUNVS0aKvGW9cR1NMG5xt9FRytTx-zl-5j6XnPbMgmHZFVzmg" />
    <input value="2045" 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>
          Add to cart
</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="/en/products/tortilla-wraps-6pcs-organic-240-g-2052">
          <img alt="Tortilla Wraps 6pcs Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1610/file/small-82351e047c181e7cafa2bb7c7fe68409.webp 600w, https://assets.fabulous.ch/public/variant_asset/1610/file/medium-76351d29a4d305504f7a2632eb73fc90.webp 900w, https://assets.fabulous.ch/public/variant_asset/1610/file/large-a025e69422589577a118c36bdacf2c0e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1610/file/medium-76351d29a4d305504f7a2632eb73fc90.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">Acapulco</p>
          <a href="/en/products/tortilla-wraps-6pcs-organic-240-g-2052">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tortilla Wraps 6pcs Organic, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PCAv9um4G0HjnTG41ueghglQC64YA9AY4Dp8VBfi94h5UVrUIfWPj-Enllv6bOYmBho8kq-_diAeWqVFxrrRPw" />
    <input value="2052" 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>
          Add to cart
</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="/en/products/alternative-to-fresh-eggs-organic-200-g-2065">
          <img alt="Alternative to Fresh Eggs Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1615/file/small-c334f2528ec95f45be465d2a728c8a3f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1615/file/medium-ae5e3523d27630a9eae5390634447861.webp 900w, https://assets.fabulous.ch/public/variant_asset/1615/file/large-ec2c3926b1749b13a6fd6c3af2cfde71.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1615/file/medium-ae5e3523d27630a9eae5390634447861.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">Lord of Tofu</p>
          <a href="/en/products/alternative-to-fresh-eggs-organic-200-g-2065">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alternative to Fresh Eggs Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.10 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jOUmvPQ54KR3khGSFvMBpXskTFlfP_uqcNyWLVDCArbJlFOePHR0anUotnE6eEcFdG57ZeiDXZKOvE88gZokAQ" />
    <input value="2065" 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>
          Add to cart
</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="/en/products/golden-tofu-nuggets-organic-170-g-2067">
          <img alt="Golden Tofu Nuggets Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1617/file/small-1653d6c2fac9e2ffd00cf349d8a52ee0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1617/file/medium-62f709bb5850ea1851f5a0d803d6a230.webp 900w, https://assets.fabulous.ch/public/variant_asset/1617/file/large-c1b11b01f0ac5f4b2d568443931784bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1617/file/medium-62f709bb5850ea1851f5a0d803d6a230.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">Lord of Tofu</p>
          <a href="/en/products/golden-tofu-nuggets-organic-170-g-2067">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Golden Tofu Nuggets Organic, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 2.65 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZAy1TCV1beA4pLoDofuQEKag8cx2v6HdL0vbkpzCPqAhfcBu7Tj5LjoeHeCNcNawqerG8MEDB-XRKwKDTZoYFw" />
    <input value="2067" 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>
          Add to cart
</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="/en/products/tofu-shrimps-veganelen-gluten-free-150-g-2068">
          <img alt="Tofu Shrimps Veganelen Gluten Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1620/file/small-c95767d1067a43bd0bef6ac2688a44dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/1620/file/medium-65ae73c4467a9a1a2c1cb712fdc9cc65.webp 900w, https://assets.fabulous.ch/public/variant_asset/1620/file/large-14590bbd360058c3e81855122862dbaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1620/file/medium-65ae73c4467a9a1a2c1cb712fdc9cc65.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">Lord of Tofu</p>
          <a href="/en/products/tofu-shrimps-veganelen-gluten-free-150-g-2068">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Shrimps Veganelen Gluten Free, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jt9s1d9kn7XKa3W3FTg_cJdHrIgBKIlPqcNlyDFGYKPLrhn3FykLe8jR0lQ5s3nQmA2btLaUL3dXo7zZ4B5GFA" />
    <input value="2068" 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>
          Add to cart
</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="/en/products/clear-cake-glaze-organic-6-g-537a1eca-1c48-4a12-b683-f0838761f17d-2080">
          <img alt="Clear Cake Glaze Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1624/file/small-3238aeb219a838275f939252d811122e.webp 600w, https://assets.fabulous.ch/public/variant_asset/1624/file/medium-58ed659336e1a10d72b8f1050e7a4a6b.webp 900w, https://assets.fabulous.ch/public/variant_asset/1624/file/large-58a11d3303ec2f5b23ab93a865085c44.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1624/file/medium-58ed659336e1a10d72b8f1050e7a4a6b.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">Biovegan</p>
          <a href="/en/products/clear-cake-glaze-organic-6-g-537a1eca-1c48-4a12-b683-f0838761f17d-2080">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Clear Cake Glaze Organic, 6 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vv3__BzQF80eVKaDSYmU-HKndu-FltGEVD8wha66DSX7jIre1J2DAxzuAWBlAtJYfe1B0zIqd7yqX-mUf-Irkg" />
    <input value="2080" 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>
          Add to cart
</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="/en/products/vegan-whip-cream-almond-organic-250-g-2094">
          <img alt="Vegan Whip Cream Almond Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1627/file/small-5d3bfe9173c8a046aa67e316a0952fce.webp 600w, https://assets.fabulous.ch/public/variant_asset/1627/file/medium-40446f3da3224ad54a2c48614eddf2d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/1627/file/large-fed1a8a2fc0dea60295cc488830529bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1627/file/medium-40446f3da3224ad54a2c48614eddf2d4.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="/en/products/vegan-whip-cream-almond-organic-250-g-2094">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Whip Cream Almond Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.92 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_c5DXuj7g7ZQBAfwrBwu1_PG3Hby0vw4O3l9E6pMO5-4vzZ8ILYXeFK-oBOAl2h3_IzrSkVuWgDFGaQCexQdKA" />
    <input value="2094" 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>
          Add to cart
</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="/en/products/arodor-seasoning-powder-organic-80-g-2112">
          <img alt="Arodor Seasoning Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1631/file/small-ead0dfd19d6f37b64cf9168ebe72153d.webp 600w, https://assets.fabulous.ch/public/variant_asset/1631/file/medium-394b445595d17e80dfd3f7a8aa7e0c0b.webp 900w, https://assets.fabulous.ch/public/variant_asset/1631/file/large-5b0a935745bceea47cce9881d7829e91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1631/file/medium-394b445595d17e80dfd3f7a8aa7e0c0b.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">MORGA</p>
          <a href="/en/products/arodor-seasoning-powder-organic-80-g-2112">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Arodor Seasoning Powder Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ggBQULKSItClF2s8pP7WJ4R1wFPFYlQjCeHpZGXC0MPHcSVyet-2HqetzN-IdZCHiz_3b3Le8hv3gTB1tJr2dA" />
    <input value="2112" 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>
          Add to cart
</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="/en/products/pudding-chocolate-organic-50-g-443c43ef-5c24-4083-9b2b-3966f7535fe3-2147">
          <img alt="Pudding Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1656/file/small-0ac53e88721e3aeaeb10dbdf76992555.webp 600w, https://assets.fabulous.ch/public/variant_asset/1656/file/medium-4bbb2303dce26eb73a0eb003a3a35599.webp 900w, https://assets.fabulous.ch/public/variant_asset/1656/file/large-104e91a892c66b402063318380940ce7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1656/file/medium-4bbb2303dce26eb73a0eb003a3a35599.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">Arche</p>
          <a href="/en/products/pudding-chocolate-organic-50-g-443c43ef-5c24-4083-9b2b-3966f7535fe3-2147">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pudding Chocolate Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0uRm70KeeXH-lQNhbUz4m5eltrxdxWBaPWkq5pycPo-XlRPNitPtv_wvpIJBx747mO-BgOp5xmLDCfP3TcQYOA" />
    <input value="2147" 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>
          Add to cart
</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="/en/products/pudding-almonds-organic-50-g-2148">
          <img alt="Pudding Almonds Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1657/file/small-7f1b5e520a5370eaabd66ceb4a021a38.webp 600w, https://assets.fabulous.ch/public/variant_asset/1657/file/medium-428dcb8279ae6ba6ff16fd35037cbb06.webp 900w, https://assets.fabulous.ch/public/variant_asset/1657/file/large-33488d331d84c1bc5739fadf70d71641.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1657/file/medium-428dcb8279ae6ba6ff16fd35037cbb06.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">Arche</p>
          <a href="/en/products/pudding-almonds-organic-50-g-2148">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pudding Almonds Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V4PJyNTt8WSqzHkQsZWsJ-njZP9gjTfxjh0F-sNnR20S8rzqHKBlqqh23vOdHuqH5qlTw9cxkclwfdzrEj9h2g" />
    <input value="2148" 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>
          Add to cart
</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="/en/products/peanut-butter-smooth-organic-500-g-2214">
          <img alt="Peanut Butter Smooth Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1660/file/small-9b2c04d585f430a999c4ccb1a29d536c.webp 600w, https://assets.fabulous.ch/public/variant_asset/1660/file/medium-e09c33b15cf3adca3540dfaa87d19f65.webp 900w, https://assets.fabulous.ch/public/variant_asset/1660/file/large-bccf0d7e7f9c44ecd340d7d92e8ad3ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1660/file/medium-e09c33b15cf3adca3540dfaa87d19f65.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="/en/products/peanut-butter-smooth-organic-500-g-2214">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Butter Smooth Organic, 500 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 1.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M6FtZbXZV9IOMLcbkYZbbpp_uJ5NX9esEjPXUy_95n120BhHfZTDHAyKEPi9DR3OlTWPovrjcZTsUw5C_qXAyg" />
    <input value="2214" 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>
          Add to cart
</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="/en/products/cashew-butter-organic-250-g-40376e7c-6a5b-4062-9fd8-456320b3d0b5-2215">
          <img alt="Cashew Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1661/file/small-8d54cfaadf1cd56224e4f95074af5fdc.webp 600w, https://assets.fabulous.ch/public/variant_asset/1661/file/medium-f4e656059add9a333e02936514420716.webp 900w, https://assets.fabulous.ch/public/variant_asset/1661/file/large-c384dbfaeb2f765f09bef3ff80af1e5f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1661/file/medium-f4e656059add9a333e02936514420716.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="/en/products/cashew-butter-organic-250-g-40376e7c-6a5b-4062-9fd8-456320b3d0b5-2215">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cashew Butter Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YVqbMCYAGFsIqXH1SHIVr29Ef_43kElU-m6QNKMK6wEkK-4S7k2MlQoT1hZk-VMPYA5IwoAs72wEDkklclLNtg" />
    <input value="2215" 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>
          Add to cart
</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="/en/products/tahin-white-sesambutter-organic-250-g-2218">
          <img alt="Tahin White (Sesambutter) Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1664/file/small-65204da74e33994bb06dea64d57cdbd7.webp 600w, https://assets.fabulous.ch/public/variant_asset/1664/file/medium-5e8494f539c89e8154cc6c600ce9f0df.webp 900w, https://assets.fabulous.ch/public/variant_asset/1664/file/large-aa1332c6daafd25846765ff2193e905c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1664/file/medium-5e8494f539c89e8154cc6c600ce9f0df.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="/en/products/tahin-white-sesambutter-organic-250-g-2218">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tahin White (Sesambutter) Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sl6hSV4Ezf6ePPjQS2soRqMv1qVpw7G4VivaMKpCwMIPL9RrlklZMJyGXzNn4G7mrGXhmd5_F4CoSwMhexrmdQ" />
    <input value="2218" 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>
          Add to cart
</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">
      340 of 2&#39;278 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/food?format=turbo_stream&amp;page=18">Show more</a>
  </div>
</div>

</template></turbo-stream>