<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/pesto-rosso-organic-120-g-9d5b70ad-f2bb-4ebd-9dd1-66e1a9d621b4-15546">
          <img alt="Pesto Rosso Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7098/file/small-8b3b4146bddd200415d6e326fd2ddc16.webp 600w, https://assets.fabulous.ch/public/variant_asset/7098/file/medium-b7ef46a85f23dbcbb5c69985dad972fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7098/file/large-115d62ca6dd6f92bd10486293f7e1452.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7098/file/medium-b7ef46a85f23dbcbb5c69985dad972fd.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/pesto-rosso-organic-120-g-9d5b70ad-f2bb-4ebd-9dd1-66e1a9d621b4-15546">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto Rosso Organic, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nB9HZGr6uoPxcXbeMKYExAqcZ4YENtuDNGqTGYI4YsSo09MPqVOL_7b9V9C7PTxdbs0xqTVqZx4M--_4vmN8BA" />
    <input value="15546" 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/dark-chocolate-coconut-cream-organic-250-g-15615">
          <img alt="Dark Chocolate Coconut Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7125/file/small-21daf745d704ed37e81be59abd373da1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7125/file/medium-77231b4655bf3d29c713598f8fbc9403.webp 900w, https://assets.fabulous.ch/public/variant_asset/7125/file/large-7e5a6de86012123269a93c6b2c1fe167.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7125/file/medium-77231b4655bf3d29c713598f8fbc9403.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/dark-chocolate-coconut-cream-organic-250-g-15615">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dark Chocolate Coconut Cream Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PJS0NUa6Lp_aikqpulO6Th0P_-33cbIrmDYztg3AKPAIWCBehRMf450Ga6cxyILXeV6pwsYtDragp09XMZs2MA" />
    <input value="15615" 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/peanut-butter-crunchy-organic-310-g-15617">
          <img alt="Peanut Butter Crunchy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7127/file/small-89b25a4e18d7cc27762d8ad95b1707d1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7127/file/medium-bbbbf0fa7d7e005fed1babae07c21457.webp 900w, https://assets.fabulous.ch/public/variant_asset/7127/file/large-f62a991a5abe47d812b3148ac32673eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7127/file/medium-bbbbf0fa7d7e005fed1babae07c21457.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/en/products/peanut-butter-crunchy-organic-310-g-15617">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Butter Crunchy Organic, 310 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7q3SMuu6lnvVS6OTLl8VjS1RqjxH-QYIBnhrjSn90ybaYUZZKBOnB5LHgp2lxC0USQD8E3alupU-6RdsFabN5g" />
    <input value="15617" 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-creamy-organic-310-g-15618">
          <img alt="Peanut Butter Creamy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7128/file/small-684c0c79d148099a478524088693bc22.webp 600w, https://assets.fabulous.ch/public/variant_asset/7128/file/medium-172becec30d17c1636a0d9e9b33a3e1e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7128/file/large-f57766b624e5462c4e18ee20a7979765.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7128/file/medium-172becec30d17c1636a0d9e9b33a3e1e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/en/products/peanut-butter-creamy-organic-310-g-15618">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Butter Creamy Organic, 310 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="58PTgi-ZxZXU1B-HznB1Pha6594r0_30MtyMWcG2pA3TD0fp7DD06ZNYPolF602ncuux8RqPQWkKTfC4_e26zQ" />
    <input value="15618" 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/pasta-explore-cuisine-penne-made-from-red-lentils-organic-250-g-41c818ec-4671-4c76-969a-d7e4c2eeb477-15665">
          <img alt="Pasta Explore Cuisine Penne made from Red Lentils Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7140/file/small-a33f6bb12133d647ab74893d87b6be8a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7140/file/medium-6f868b535e19d29ad1b0f99f4a9a7eff.webp 900w, https://assets.fabulous.ch/public/variant_asset/7140/file/large-a5941a5a018e501b5988b1ba367c7cc6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7140/file/medium-6f868b535e19d29ad1b0f99f4a9a7eff.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Explore Cuisine</p>
          <a href="/en/products/pasta-explore-cuisine-penne-made-from-red-lentils-organic-250-g-41c818ec-4671-4c76-969a-d7e4c2eeb477-15665">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Explore Cuisine Penne made from Red Lentils Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0g7E_WfafjDdP7aeT45B3J6Itp2lCHisbvvtyD1rM83mwlCWpHNPTJqzl5DEFXlF-tngspRUxDFWapEpATAtDQ" />
    <input value="15665" 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/sprouted-buckwheat-golden-flaxseed-pasta-organic-250-g-15685">
          <img alt="Sprouted Buckwheat &amp; Golden Flaxseed Pasta Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7146/file/small-b3484ad4f529ce652bfc9186c223229b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7146/file/medium-8136be3975dcd4ac34f0446f5a7880ba.webp 900w, https://assets.fabulous.ch/public/variant_asset/7146/file/large-4937a54b42f9f970207a2e9072d1e171.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7146/file/medium-8136be3975dcd4ac34f0446f5a7880ba.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">Naturkostbar</p>
          <a href="/en/products/sprouted-buckwheat-golden-flaxseed-pasta-organic-250-g-15685">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sprouted Buckwheat &amp; Golden Flaxseed Pasta Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z7tyTtY1HDunuSogHFM6J7-ZRJrpPWcLYU-Bot9rERpTd-YlFZwtR-A1Cy6XyAK-28gStdhh25ZZ3v1D4zAP2g" />
    <input value="15685" 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/bulgur-organic-500-g-15696">
          <img alt="Bulgur Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7148/file/small-e3feb300fd57c02bc33b5b32e477e217.webp 600w, https://assets.fabulous.ch/public/variant_asset/7148/file/medium-0350d6198dedb2e11ec121888f72d17c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7148/file/large-ab34ec3b8d91f2df759e7d89b048e489.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7148/file/medium-0350d6198dedb2e11ec121888f72d17c.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/bulgur-organic-500-g-15696">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bulgur Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tLsrbzKi71LnYgck3XHUeazrCY4wwVxLyul282BsBfWAd78E8QveLqDuJipW6uzgyLpfoQGd4NbyeAoSXDcbNQ" />
    <input value="15696" 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/nussarella-vegan-alternative-to-cheese-chopf-nuss-organic-90-g-15708">
          <img alt="Nussarella – Vegan Alternative to Cheese Chopf-Nuss Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7156/file/small-ac430527742f6027b049743da82784ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/7156/file/medium-a852ebe73da048f5c7744d03e5689ee8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7156/file/large-6756b5c981d38c00d310da4a79645490.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7156/file/medium-a852ebe73da048f5c7744d03e5689ee8.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">Chopf-Nuss</p>
          <a href="/en/products/nussarella-vegan-alternative-to-cheese-chopf-nuss-organic-90-g-15708">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nussarella – Vegan Alternative to Cheese Chopf-Nuss Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.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 9.11 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QUjdfsOQv0UBepiAruWU3Vz5LCooxIEbk3CHIFrpcjF1hEkVADmOOUb2uY4lfqxEOKh6BRmYPYar4fvBZrJs8Q" />
    <input value="15708" 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/scrambled-tofu-vegan-spice-mix-organic-17-g-15709">
          <img alt="Scrambled Tofu Vegan Spice Mix Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7157/file/small-03bc513826d22ae69a786ec7f7ac5754.webp 600w, https://assets.fabulous.ch/public/variant_asset/7157/file/medium-3dec6e7415c3d3609bf57fd8a995c850.webp 900w, https://assets.fabulous.ch/public/variant_asset/7157/file/large-d8abd5d6625b09a39aab1287a7dfc89d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7157/file/medium-3dec6e7415c3d3609bf57fd8a995c850.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">VITAM</p>
          <a href="/en/products/scrambled-tofu-vegan-spice-mix-organic-17-g-15709">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Scrambled Tofu Vegan Spice Mix Organic, 17 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-YxCDJQq95oWxUJGSTdXaEcjEAUcxCMwNV01YxU37oLNQNZnV4PG5lFJY0jCrG_xI3JGKi2Yn60NzEmCKWzwQg" />
    <input value="15709" 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/galactose-vegan-powder-250-g-250-g-15724">
          <img alt="Galactose Vegan Powder, 250 g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7158/file/small-e13a86e7409edd0b66c19d1cc191a2c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/7158/file/medium-0f3e7fa853b5f5b5954407fb07512f82.webp 900w, https://assets.fabulous.ch/public/variant_asset/7158/file/large-ef66017ec971904b1ba538292a45ebf1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7158/file/medium-0f3e7fa853b5f5b5954407fb07512f82.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">energybalance</p>
          <a href="/en/products/galactose-vegan-powder-250-g-250-g-15724">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Galactose Vegan Powder, 250 g, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YWAUUwoz-1EVDezyP79DZwCRy61zXgy5IPxuKJRg_sxVrIA4yZrKLVKBzfy0JHv-ZMCdgkICsCQYbRLJqDvgDA" />
    <input value="15724" 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/yacon-syrup-squeezer-organic-235-g-15806">
          <img alt="Yacon Syrup Squeezer Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7215/file/small-bb8b989a09b8229ebfdca32f97b29353.webp 600w, https://assets.fabulous.ch/public/variant_asset/7215/file/medium-353d38a9dfb96e4fbcae13636924bcd9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7215/file/large-733a837a1d2653eda5f40f7e8a7b5358.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7215/file/medium-353d38a9dfb96e4fbcae13636924bcd9.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">Yacon&amp;co</p>
          <a href="/en/products/yacon-syrup-squeezer-organic-235-g-15806">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yacon Syrup Squeezer Organic, 235 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ywdtw-3-hCQnSjLU3RkalJiApiGPL8OO14Oe1hVsZv5Xy_moLle1WGDGE9pWgiIN_NHwDr5zfxPvEuI3KTd4Pg" />
    <input value="15806" 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/yacon-vanilla-syrup-squeezer-organic-215-g-15807">
          <img alt="Yacon Vanilla Syrup Squeezer Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7217/file/small-7aaaea02af977a97714bc71a50940f77.webp 600w, https://assets.fabulous.ch/public/variant_asset/7217/file/medium-0b6a4fea443ae4d7c98169ec7691cfd7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7217/file/large-8d31bbf3af7642e3a26b25e3688fab10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7217/file/medium-0b6a4fea443ae4d7c98169ec7691cfd7.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">Yacon&amp;co</p>
          <a href="/en/products/yacon-vanilla-syrup-squeezer-organic-215-g-15807">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yacon Vanilla Syrup Squeezer Organic, 215 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gZCvWlgknsRlQ1aeRiKaomPY1huEhhjwBHg0F7YqXbu1XDsxm42vuCLPd5DNuaI7B4mANLXapG086Uj2inFDew" />
    <input value="15807" 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/yacon-hazelnut-spread-organic-200-g-15809">
          <img alt="Yacon Hazelnut Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7218/file/small-caf4fc5d903ae7fea19653b2e8e17e79.webp 600w, https://assets.fabulous.ch/public/variant_asset/7218/file/medium-77e4f8096b782ba0a5bb8dacb7780f5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7218/file/large-d039e2a52f4fd7ab3a780902652bd58f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7218/file/medium-77e4f8096b782ba0a5bb8dacb7780f5a.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">Yacon&amp;co</p>
          <a href="/en/products/yacon-hazelnut-spread-organic-200-g-15809">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yacon Hazelnut Spread Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eSrJJQAsgXybN-8euRtAth-ks7vmDYCBfX4LFdI5FDJN5l1Ow4WwANy7zhAygHgve_XllNdRPBxF73f07mIK8g" />
    <input value="15809" 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/yacon-hazelnut-cocoa-spread-organic-200-g-15811">
          <img alt="Yacon Hazelnut Cocoa Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7221/file/small-5ba1b358ce854b96cb51fcb4e3cefcbf.webp 600w, https://assets.fabulous.ch/public/variant_asset/7221/file/medium-ee7a713da534314f6a07c05e347448d7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7221/file/large-f56c2598b93cda0b761def1a0f70b425.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7221/file/medium-ee7a713da534314f6a07c05e347448d7.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">Yacon&amp;co</p>
          <a href="/en/products/yacon-hazelnut-cocoa-spread-organic-200-g-15811">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yacon Hazelnut Cocoa Spread Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DfkIF2INVAHTjImH5yzdKxjOm28zNwdgCteadLFo0eE5NZx8oaRlfZQAqIlst-WyfJ_NQAJru_0yRuaVjTPPIQ" />
    <input value="15811" 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/peanut-oil-virgin-organic-250-ml-15887">
          <img alt="Peanut Oil Virgin Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7290/file/small-90d1d326041de491f4bedce5ebab0a63.webp 600w, https://assets.fabulous.ch/public/variant_asset/7290/file/medium-ef2c99ed799026f9751bbbb1fde9b5a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/7290/file/large-6b35a5dac161ad67cbe84e62e3a4bb12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7290/file/medium-ef2c99ed799026f9751bbbb1fde9b5a7.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 Planète</p>
          <a href="/en/products/peanut-oil-virgin-organic-250-ml-15887">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanut Oil Virgin Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lynrF2VthINulciw74SrOS_bnAXQyJDqWI_EaKHNhGyj5X98psS1_ykZ6b5kH5OgS4rKKuGULHdgHriJnZaarA" />
    <input value="15887" 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/completeorganics-goji-red-beet-organic-230-g-15890">
          <img alt="completeorganics GOJI RED BEET Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7293/file/small-1cb0829d3ec0d70691eb8c1af5f6962a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7293/file/medium-de1106fd17f2391c78ae0c5308b9bc54.webp 900w, https://assets.fabulous.ch/public/variant_asset/7293/file/large-e23fefe8f9dc4e4d36ffba3500bc30c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7293/file/medium-de1106fd17f2391c78ae0c5308b9bc54.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">completeorganics</p>
          <a href="/en/products/completeorganics-goji-red-beet-organic-230-g-15890">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics GOJI RED BEET Organic, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </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-15890-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PNeWPrGP-qUTMGPvty1nSr9GMOrSbTuxZg7aXh_ljlMIGwJVcibL2VS8QuE8tl_T2xdmxeMxhyxen6a_I76Qkw" />
    <input value="15890" 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/completeorganics-white-kimchi-organic-240-g-15891">
          <img alt="completeorganics WHITE KIMCHI Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7297/file/small-824f2e237246c7b0a606e4f6727b435d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7297/file/medium-1c153a821b92d0d82ebfdbf67f2b44d9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7297/file/large-d29a4d69d2de4f03cad83fc2e0e76d37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7297/file/medium-1c153a821b92d0d82ebfdbf67f2b44d9.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">completeorganics</p>
          <a href="/en/products/completeorganics-white-kimchi-organic-240-g-15891">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics WHITE KIMCHI Organic, 240 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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 2.83 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VTpuIZNkLJZdOnM1jHMTpAlDlLW5jTUhUuAKo7_LmBlh9vpKUM0d6hq2UjsH6Cs9bRLCmojRibxqcXZCg5CG2Q" />
    <input value="15891" 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/completeorganics-spicy-kimchi-organic-230-g-15892">
          <img alt="completeorganics SPICY KIMCHI Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7299/file/small-9c8c54d676672b31023b7be06a062604.webp 600w, https://assets.fabulous.ch/public/variant_asset/7299/file/medium-4ec4c9250323f722d3a21178f3f3f848.webp 900w, https://assets.fabulous.ch/public/variant_asset/7299/file/large-dd6281ee5b54ee2c2abbf62deb9f93a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7299/file/medium-4ec4c9250323f722d3a21178f3f3f848.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">completeorganics</p>
          <a href="/en/products/completeorganics-spicy-kimchi-organic-230-g-15892">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics SPICY KIMCHI Organic, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </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.09 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j5JFeaKwDhsJaRZdlDE6Ip30yXvxpU7zLh67WU8wBM67XtESYRk_Z07lN1MfqgK7-aWfVMD58m4Wj8e4c2saDg" />
    <input value="15892" 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/biofarm-wholegrain-basmati-rice-bulk-pack-organic-5-kg-15895">
          <img alt="Biofarm Wholegrain Basmati Rice Bulk Pack Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7302/file/small-2d77858e83ccfa841a87a7b0a4fc93df.webp 600w, https://assets.fabulous.ch/public/variant_asset/7302/file/medium-494b856818d5553f8157f62d06bf000b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7302/file/large-8c83c2b0cce817945b0fbc2e10ccb942.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7302/file/medium-494b856818d5553f8157f62d06bf000b.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="/en/products/biofarm-wholegrain-basmati-rice-bulk-pack-organic-5-kg-15895">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Biofarm Wholegrain Basmati Rice Bulk Pack Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.05
            </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-15895-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IVYaFed75k7ICgTPMInAvsnvzufbTVqcl-_ilGhJmpUVmo5-JNLXMo-GJcG7Evgnrb6YyOoR5gGvfp51VBKEVQ" />
    <input value="15895" 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/xylit-birch-sugar-3-kg-15896">
          <img alt="Xylit Birch Sugar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7303/file/small-c702c438712b6700c9b96c5c5d8a1c2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7303/file/medium-1b3849c7c4f70892b095f61f448c3806.webp 900w, https://assets.fabulous.ch/public/variant_asset/7303/file/large-dd7942799f0f35585f75669a35ad4d8a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7303/file/medium-1b3849c7c4f70892b095f61f448c3806.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">Tautona</p>
          <a href="/en/products/xylit-birch-sugar-3-kg-15896">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Birch Sugar, 3 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 55.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y6UZb_-jepSkmTAZ_8deUT2atAeN43M9buRQ9VSye2P_aY0EPApL6OMVERd0XGbIWcviKLy_z6BWdSwUaOllow" />
    <input value="15896" 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">
      500 of 581 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/food/cooking-ingredients?format=turbo_stream&amp;page=26">Show more</a>
  </div>
</div>

</template></turbo-stream>