<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/coconut-milk-premium-organic-200-ml-11334">
          <img alt="Coconut Milk Premium Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5809/file/small-294e862b3653a1e52f0ae6bde0074a56.webp 600w, https://assets.fabulous.ch/public/variant_asset/5809/file/medium-5f6d9bad72d585ffd8f84d32aa1f3b45.webp 900w, https://assets.fabulous.ch/public/variant_asset/5809/file/large-9b7c37b0d292240314bd7af467a80b1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5809/file/medium-5f6d9bad72d585ffd8f84d32aa1f3b45.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Dr. Goerg</p>
          <a href="/en/products/coconut-milk-premium-organic-200-ml-11334">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Milk Premium Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FoXDOSfbbfdo8faw6lizKwtgyLNALM0hiwRgY76Adh-YZnXZe6_narPCoiN0Y_OU8jgf9uzTr4nyzvLCVeHFGQ" />
    <input value="11334" 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/lupilove-protein-curry-lupin-spread-organic-135-g-13913">
          <img alt="LupiLove Protein Curry Lupin Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6620/file/small-d1c64598ffacdbba2f8e4ff2646f5e42.webp 600w, https://assets.fabulous.ch/public/variant_asset/6620/file/medium-abef035e4357826f9e17df98328e12fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/6620/file/large-057710c1ae861326ce17a3fb1bf5342b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6620/file/medium-abef035e4357826f9e17df98328e12fb.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">Zwergenwiese</p>
          <a href="/en/products/lupilove-protein-curry-lupin-spread-organic-135-g-13913">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LupiLove Protein Curry Lupin Spread Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5rzv_JzfKkz_xLmuGYwTk9e-jWE4k-LHtpTHH8_0aJFoX1kcwKug0ST37T2Ht1MsLuZaJJRsgG_PXlW-JJXblw" />
    <input value="13913" 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/cacao-chocolate-powder-highly-deoiled-fairtrade-organic-125-g-97">
          <img alt="Cacao Chocolate Powder Highly deoiled Fairtrade Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/106/file/small-f7bd928f095cd67a743d9d9ae4863ad2.webp 600w, https://assets.fabulous.ch/public/variant_asset/106/file/medium-7cc2817bffcf6bb307f1f89b41f4aa9c.webp 900w, https://assets.fabulous.ch/public/variant_asset/106/file/large-abd5ec2e32d260949bd62c41ed9827bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/106/file/medium-7cc2817bffcf6bb307f1f89b41f4aa9c.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/cacao-chocolate-powder-highly-deoiled-fairtrade-organic-125-g-97">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cacao Chocolate Powder Highly deoiled Fairtrade Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dxvjuvV_w8OuDdNL5HBHMmNRrcNxMNy6paX-1nAokWz5-FVaqQtJXnU-h9h6SweNmgl6ht3PvhLcb2x3m0kiag" />
    <input value="97" 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/spread-horseradish-apple-mepfel-organic-135-g-10320">
          <img alt="Spread Horseradish &amp; Apple Mepfel Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5549/file/small-de440b51ad334ca8475d7dc15b2c0770.webp 600w, https://assets.fabulous.ch/public/variant_asset/5549/file/medium-9714c9fd61760c1c1b035b036df058ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/5549/file/large-4ab2ad1a6a33a287cc9f8651a28e5dbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5549/file/medium-9714c9fd61760c1c1b035b036df058ed.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">Zwergenwiese</p>
          <a href="/en/products/spread-horseradish-apple-mepfel-organic-135-g-10320">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spread Horseradish &amp; Apple Mepfel Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4yXV77Fu-uxVwEVW6AIzhi0HOBdZyvdiTQS3zYql549txmMP7RpwcY7zEcV2OXM51F_vUvU1lco0ziVsYcRUiQ" />
    <input value="10320" 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/gran-prosociano-vegan-alternative-to-hard-cheese-150-g-3796">
          <img alt="Gran Prosociano Vegan Alternative to Hard Cheese" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2440/file/small-0b8ddfc30b04b9c854123f20d0f6691c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2440/file/medium-d563f95c3f99565b526cb7b7521bf189.webp 900w, https://assets.fabulous.ch/public/variant_asset/2440/file/large-bddeb64f6ef0054fd203e1c5b8d70bfd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2440/file/medium-d563f95c3f99565b526cb7b7521bf189.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">Violife</p>
          <a href="/en/products/gran-prosociano-vegan-alternative-to-hard-cheese-150-g-3796">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gran Prosociano Vegan Alternative to Hard Cheese, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </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 4.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g74llbmbt969GvDGJNSuh7GlPlvkCUv0vuUlzMKndtMNXZN15e89Q2YppFW67-44SP3pHkj2KVzHL7dtKcbF1Q" />
    <input value="3796" 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/sauce-habanero-hot-organic-140-ml-6021">
          <img alt="Sauce Habanero Hot Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3464/file/small-c919acd494749fe51418b3ac105b135d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3464/file/medium-8f26dbb83ac737434693f1710467d306.webp 900w, https://assets.fabulous.ch/public/variant_asset/3464/file/large-fda7d2642dadc4d31f95795eb495da15.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3464/file/medium-8f26dbb83ac737434693f1710467d306.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">Sanchon</p>
          <a href="/en/products/sauce-habanero-hot-organic-140-ml-6021">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce Habanero Hot Organic, 140 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u4sdt3_7f_5Ta-KWRGwOm9WzitOgJhzJJlOZpGlMA1E1aKtXI4_1Y4hYtgXaV04kLOtdlgzZfmFfmQsFgi2wVw" />
    <input value="6021" 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/pea-protein-powder-organic-400-g-3198">
          <img alt="Pea Protein Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2186/file/small-5cf57ba78d6270ae74c255231b70ac84.webp 600w, https://assets.fabulous.ch/public/variant_asset/2186/file/medium-0e2ba14e645bf333fc9736ca7b0c8162.webp 900w, https://assets.fabulous.ch/public/variant_asset/2186/file/large-9e671df106fe2cfcff2d207a9161f64b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2186/file/medium-0e2ba14e645bf333fc9736ca7b0c8162.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Raab</p>
          <a href="/en/products/pea-protein-powder-organic-400-g-3198">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pea Protein Powder Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aliXUI9yOxoItKdKUbj_hWn76zP6KfWNFHJK92ZoLGLkuyGw0waxh9OH89nPg786kKM8dlbWlyVtuNhWjQmfZA" />
    <input value="3198" 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">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tip
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/fruitgarden-peach-passionfruit-organic-225-g-17461">
          <img alt="Fruitgarden Peach Passionfruit Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8135/file/small-5f84a15909c000132f54731279b2ea8e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8135/file/medium-03a1d0eb7191a9ed52dfebdbd1ca37b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/8135/file/large-03c99482406f63c9e0488089ff6dfba2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8135/file/medium-03a1d0eb7191a9ed52dfebdbd1ca37b3.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">Zwergenwiese</p>
          <a href="/en/products/fruitgarden-peach-passionfruit-organic-225-g-17461">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruitgarden Peach Passionfruit Organic, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9qrlZOu7mdy09UPM-89TsJ00l7h6N1aCPgxzpZvwG5p4SVOEt88TQW_GF19l9BMPZGxA_dbINCpHxuEEcJGonA" />
    <input value="17461" 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/tofu-sausages-rostbraterle-with-majoram-organic-160-g-13732">
          <img alt="Tofu Sausages Rostbräterle with Majoram Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6580/file/small-8fe04514f2774d443d8878b4d5706fd1.webp 600w, https://assets.fabulous.ch/public/variant_asset/6580/file/medium-9a6a7fcab6f17bc456263542bdf97242.webp 900w, https://assets.fabulous.ch/public/variant_asset/6580/file/large-28414bedf48a6cbfae3b901050bc2282.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6580/file/medium-9a6a7fcab6f17bc456263542bdf97242.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Taifun</p>
          <a href="/en/products/tofu-sausages-rostbraterle-with-majoram-organic-160-g-13732">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Sausages Rostbräterle with Majoram Organic, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZK5kiegjdRKqpWvBL_3JivhuTP4iJJKFKFpxJ6FtsjXqTdJptFf_j3GWP1Kxxok1ATabu47b8C1RkOOGSgwBMw" />
    <input value="13732" 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/seitan-fix-wheat-gluten-organic-200-g-14242">
          <img alt="Seitan-Fix Wheat Gluten Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6659/file/small-6cad1c989cc81704da1fb5dd8cc7f28c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6659/file/medium-d4cd6060ce575a123f2af1925fefa36d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6659/file/large-08d137a1b1b8d504bdaffdf7ebffec26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6659/file/medium-d4cd6060ce575a123f2af1925fefa36d.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/seitan-fix-wheat-gluten-organic-200-g-14242">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seitan-Fix Wheat Gluten Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xET2EJARwjRTKCNOYc50zUgS4OuEhAYW5HZQvfWC4DdKp0DwzGVIqYgbd93_9TRysUo3rih7ZL6dvMIcHuNTMQ" />
    <input value="14242" 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/vegan-alternative-to-skyr-natural-organic-400-g-15804">
          <img alt="Vegan Alternative to Skyr Natural Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7214/file/small-c79000737a03d8031ff89598bd3418d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7214/file/medium-627feb5242443cd64a49110359e3fb16.webp 900w, https://assets.fabulous.ch/public/variant_asset/7214/file/large-810ccc31b75cdd11453d2b0be8c743bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7214/file/medium-627feb5242443cd64a49110359e3fb16.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sojade</p>
          <a href="/en/products/vegan-alternative-to-skyr-natural-organic-400-g-15804">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Skyr Natural Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t0c_dv6ykLdF2r8d9HrSW7gtVGHiv638DBVeGLDiu_45pImWosYaKp7p645qQZLkQXWDJE5Az1R138y5W4MI-A" />
    <input value="15804" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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/soy-drink-without-sugar-organic-1-l-16810">
          <img alt="Soy Drink without Sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7828/file/small-27be229077c1f3d388901ef41ae2115e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7828/file/medium-fcc5d6301af9525887c21cacd7b7966f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7828/file/large-e28de2c4b61d0b68a01f6775595e8990.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7828/file/medium-fcc5d6301af9525887c21cacd7b7966f.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">Alpro</p>
          <a href="/en/products/soy-drink-without-sugar-organic-1-l-16810">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soy Drink without Sugar Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZJfrbBLEtaTczIXE8qACrFnOmPNF-MkN5Id7LFvp_svqdF2MTrA_OQf_0Vdsm0IToJZPtukHq6WdTemNsIhNzQ" />
    <input value="16810" 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/vegan-alternative-to-quark-nature-organic-190-g-9920">
          <img alt="Vegan Alternative to Quark NATURE Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5459/file/small-7f93710160da8b9bc56c3950e522c454.webp 600w, https://assets.fabulous.ch/public/variant_asset/5459/file/medium-3387309648b859cc836ec8c06d11a117.webp 900w, https://assets.fabulous.ch/public/variant_asset/5459/file/large-c341282f635452fe68d14fe7b30d3880.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5459/file/medium-3387309648b859cc836ec8c06d11a117.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Harvest Moon</p>
          <a href="/en/products/vegan-alternative-to-quark-nature-organic-190-g-9920">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Quark NATURE Organic, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vPG7WJK9lKzq5nGkaOWQaQw2E1oDLb87PSb0Fk9nWVcyEg24zskeMTHVJTf23tDW9W7EH6_S3ZNE7Ga3pAbqUQ" />
    <input value="9920" type="hidden" name="variant_id" id="variant_id" />
    <input value="3" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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/blackbean-tempeh-tamari-organic-200-g-17202">
          <img alt="BlackBean Tempeh Tamari Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8030/file/small-e9300e12f52cc7a897e41a472a6c8977.webp 600w, https://assets.fabulous.ch/public/variant_asset/8030/file/medium-a2ed0a45826afe90740f9fe615077b95.webp 900w, https://assets.fabulous.ch/public/variant_asset/8030/file/large-1e3f03b6cd6a55f1a8c8122e0fe65cc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8030/file/medium-a2ed0a45826afe90740f9fe615077b95.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">Tempehmanufaktur</p>
          <a href="/en/products/blackbean-tempeh-tamari-organic-200-g-17202">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">BlackBean Tempeh Tamari Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </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-17202-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GkiHfnRD-Xgrmc_sEhYKAad2fbtW728RuIH1fWwA5bSUqzGeKDdz5fCqm3-MLUq-Xi6q_voQDbnBS2fch2FWsg" />
    <input value="17202" 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/tempeh-burger-smoky-paprika-organic-200-g-17203">
          <img alt="Tempeh Burger Smoky Paprika Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8033/file/small-cb532bba367502ba63962a71c28324cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/8033/file/medium-4e5acef94871c8d7e8c2da87e19b8f84.webp 900w, https://assets.fabulous.ch/public/variant_asset/8033/file/large-721b330455e233064663e2912e86bde9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8033/file/medium-4e5acef94871c8d7e8c2da87e19b8f84.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">Tempehmanufaktur</p>
          <a href="/en/products/tempeh-burger-smoky-paprika-organic-200-g-17203">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh Burger Smoky Paprika Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </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-17203-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sjCDQdiwC8Mu4EVUv36onalBRLnP67GHxDgGawSNHZ480zWhhMSBXvXTEcchRegiUBmT_GMU0y-98pTK7-yumA" />
    <input value="17203" 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/oat-mango-maracuja-vegan-alternative-to-yoghurt-organic-275-g-9923">
          <img alt="Oat Mango Maracuja Vegan Alternative to Yoghurt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5467/file/small-d718409170247d03358fceb67e133582.webp 600w, https://assets.fabulous.ch/public/variant_asset/5467/file/medium-ea0fee750e155e97b8f24a45d95cd709.webp 900w, https://assets.fabulous.ch/public/variant_asset/5467/file/large-2767380d3bd0b35cf82682cdeaa13883.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5467/file/medium-ea0fee750e155e97b8f24a45d95cd709.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Harvest Moon</p>
          <a href="/en/products/oat-mango-maracuja-vegan-alternative-to-yoghurt-organic-275-g-9923">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Mango Maracuja Vegan Alternative to Yoghurt Organic, 275 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 1.64 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OOlUrhwbL2Nbq-0lgaTJzKFtBBnPFgii7UXLVse6ABy2CuJOQG-l_oCYubYfn4lzWDXTXGPpagqUj1n3LNuzGg" />
    <input value="9923" type="hidden" name="variant_id" id="variant_id" />
    <input value="3" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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/le-pain-des-fleurs-tiger-nut-organic-150-g-3238">
          <img alt="Le pain des fleurs Tiger Nut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2199/file/small-68b9f7de70ac2051a6f936a38e8bb7c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2199/file/medium-8f750cd0be0fa6a843aa592ce040c56c.webp 900w, https://assets.fabulous.ch/public/variant_asset/2199/file/large-d7101ef965d0f12c70e3964c30bcb846.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2199/file/medium-8f750cd0be0fa6a843aa592ce040c56c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Le Pain des Fleurs</p>
          <a href="/en/products/le-pain-des-fleurs-tiger-nut-organic-150-g-3238">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Le pain des fleurs Tiger Nut Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uSaxpvMMEushdLHneeKKWIO3pbkcsTdli7sKFmOxlvY3xQdGr3iYdvpH5XTn2crneu9y_LBOVc3ycZi3iNAl8A" />
    <input value="3238" 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/baking-mix-for-vegan-cheesecake-organic-485-g-1439">
          <img alt="Baking Mix for Vegan Cheesecake Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1192/file/small-c0fe049a487d174d2bb978756dfd70a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/1192/file/medium-2209eaf6b9539caf41d5cd36a29dd3a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/1192/file/large-d3f88d1f082420df6a748fd3aad2361e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1192/file/medium-2209eaf6b9539caf41d5cd36a29dd3a9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/en/products/baking-mix-for-vegan-cheesecake-organic-485-g-1439">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baking Mix for Vegan Cheesecake Organic, 485 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7bKstH-DR-ngXGpc_znxgeZb-UsZJzNIfuRcOyadcYFjURpUI_fNdDtvPs9hArE-HwMuDrXYUeAHLs6azfzChw" />
    <input value="1439" 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/hemp-seeds-whole-unpeeled-raw-food-quality-organic-500-g-2277">
          <img alt="Hemp Seeds Whole / Unpeeled Raw Food Quality Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1683/file/small-0e3a3183e0456c1ec2ffacdfb8b9a731.webp 600w, https://assets.fabulous.ch/public/variant_asset/1683/file/medium-7b40dbdd3c6edd2fd4739108c72decf5.webp 900w, https://assets.fabulous.ch/public/variant_asset/1683/file/large-6e700576a92284a9efcb4ae212eb2ebe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1683/file/medium-7b40dbdd3c6edd2fd4739108c72decf5.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">Hanf&amp;Natur</p>
          <a href="/en/products/hemp-seeds-whole-unpeeled-raw-food-quality-organic-500-g-2277">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hemp Seeds Whole / Unpeeled Raw Food Quality Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A3rkWmV8JoPt9Wjk-b3qeGX9DWw3UZGHIwAV_R_CqGyNmVK6OQisHjbGPHdnhqrHnKXaKZuu8y9ayodc9KMbag" />
    <input value="2277" 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/pasta-buckwheat-fusilli-organic-250-g-16625">
          <img alt="Pasta Buckwheat Fusilli Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7694/file/small-9e92d8d2dfcd09a68ba9059b6187f3ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/7694/file/medium-0e39a6a874891502da5a2634a84d65c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7694/file/large-7d6b13fbdba5e2c39f74f989805cb859.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7694/file/medium-0e39a6a874891502da5a2634a84d65c0.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">felicia</p>
          <a href="/en/products/pasta-buckwheat-fusilli-organic-250-g-16625">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Buckwheat Fusilli Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U_1UCds4mqsJSt3Fj4wE2IiSsXrodZyavlQtiHFqQBjdHuLph0wQNtJ5iVYRt0RnccpmP0SK_jLHnr8pmgvzHg" />
    <input value="16625" 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 3&#39;237 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/natura?format=turbo_stream&amp;page=18">Show more</a>
  </div>
</div>

</template></turbo-stream>