<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/vegan-alternative-to-tuna-in-tomato-sauce-organic-180-g-16175">
          <img alt="Vegan Alternative to Tuna in Tomato Sauce Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7448/file/small-c12bf2b3063ac568c7a9d494191a6938.webp 600w, https://assets.fabulous.ch/public/variant_asset/7448/file/medium-35b7c628165e5914c5dcaa73d2c858a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7448/file/large-931e41623e48202ba9f827de1a17f55b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7448/file/medium-35b7c628165e5914c5dcaa73d2c858a8.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">followfood</p>
          <a href="/en/products/vegan-alternative-to-tuna-in-tomato-sauce-organic-180-g-16175">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Tuna in Tomato Sauce Organic, 180 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.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uZxcoouTsP-tEGauFdLcChoiqzFoGscoevb_651uXOhUTDm5CVTvQ2Z4Ix5ncpJNQe2aG08HlRErXmvmT72SNQ" />
    <input value="16175" 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-100-cacao-nibs-organic-80-g-16535">
          <img alt="Dark Chocolate 100% Cacao + Nibs Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7626/file/small-3638fd8cfd53fbd820153c69f51c9597.webp 600w, https://assets.fabulous.ch/public/variant_asset/7626/file/medium-fa723465af78057f8194aebc2fd727ce.webp 900w, https://assets.fabulous.ch/public/variant_asset/7626/file/large-969fbde455750cee55602f6ad7ed9d1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7626/file/medium-fa723465af78057f8194aebc2fd727ce.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">Vivani / Ichoc</p>
          <a href="/en/products/dark-chocolate-100-cacao-nibs-organic-80-g-16535">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dark Chocolate 100% Cacao + Nibs Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JBtIZpEPO5Qxu8SA67gxkFJlEPt9yQFTQKoX63QtSC7Jyy19E8hkKPrTgTCZGH_XCaoh0VrUU2oRAoPmpv6G8w" />
    <input value="16535" 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/oat-bran-gluten-free-demeter-300-g-6193">
          <img alt="Oat Bran Gluten Free Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3558/file/small-6acd7ac6b003389e3036a24763629602.webp 600w, https://assets.fabulous.ch/public/variant_asset/3558/file/medium-db96ade2337c46235169f89933d9d8c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3558/file/large-114e9c4fc51e2ee0d2d1664720151490.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3558/file/medium-db96ade2337c46235169f89933d9d8c8.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/oat-bran-gluten-free-demeter-300-g-6193">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Bran Gluten Free Demeter, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_71phhGnxTjXE0DbGlwSsoi09c6wovvQUYvGwteGJHASbQydk2CahBx7BWto_Fz103vE5Je_qekAI1LPBVXqrQ" />
    <input value="6193" 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/turmeric-grounded-organic-50-g-465">
          <img alt="Turmeric Grounded Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/419/file/small-862f288775aa9626414cb554e18ea50b.webp 600w, https://assets.fabulous.ch/public/variant_asset/419/file/medium-cc496783551eed34a8baeb7334395462.webp 900w, https://assets.fabulous.ch/public/variant_asset/419/file/large-c07d834e9eebb7d9583ddd633ee891ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/419/file/medium-cc496783551eed34a8baeb7334395462.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">Lebensbaum</p>
          <a href="/en/products/turmeric-grounded-organic-50-g-465">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Turmeric Grounded Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0xhcJKBh9SQAIbYEQzmdXsfyWmAlQdmKFGRjMOmQe10-yDk_IqaqmMtJ87QxmdMZnD1rSgJci7NFzPc9O0O1gA" />
    <input value="465" 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="8RDDynnKufFibJa5zA29U9CwPCHC-HI-VU6QytEQpIscwKbR-w3mTakE0wm-rfMUi38NC-XlIAcE5gTHA8NqVg" />
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/fupi-tofu-chips-sichuan-mala-flavour-75-g-17753">
          <img alt="Fupi Tofu Chips Sichuan Mala Flavour" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8704/file/small-0718afebcfe0f53de16ad1f6b899ca3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8704/file/medium-3cefa384b90e77574d62e6ebb08a044a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8704/file/large-aa296ad4d468976fff3461221f57bfd6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8704/file/medium-3cefa384b90e77574d62e6ebb08a044a.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">Fupi</p>
          <a href="/en/products/fupi-tofu-chips-sichuan-mala-flavour-75-g-17753">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fupi Tofu Chips Sichuan Mala Flavour, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/fupi-tofu-chips-seaweed-wasabi-flavour-75-g-17754">
          <img alt="Fupi Tofu Chips Seaweed Wasabi Flavour" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8706/file/small-d9eda4f4e1669a71f14c58aad2914532.webp 600w, https://assets.fabulous.ch/public/variant_asset/8706/file/medium-411d501dde79c251aa10afe88dd2a4a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/8706/file/large-1842948a374f3e7a8c4bdf17c8c983b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8706/file/medium-411d501dde79c251aa10afe88dd2a4a7.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">Fupi</p>
          <a href="/en/products/fupi-tofu-chips-seaweed-wasabi-flavour-75-g-17754">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fupi Tofu Chips Seaweed Wasabi Flavour, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uUKlxwCz8RgItM0UWLVQLpfpLEtQ9S1WImd2RyN7U-5UksDcgnSupMPciKQqFR5pzCYdYXfof29zz-JK8aidMw" />
    <input value="17754" 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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/fupi-tofu-chips-hot-pot-tomato-75-g-17752">
          <img alt="Fupi Tofu Chips Hot Pot Tomato" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8713/file/small-b564245d241bac07115891d90de5fea2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8713/file/medium-7218fd4d9729dcf355cec8e5d0445216.webp 900w, https://assets.fabulous.ch/public/variant_asset/8713/file/large-16c680b7124df7b5ad8404a8354ad66f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8713/file/medium-7218fd4d9729dcf355cec8e5d0445216.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">Fupi</p>
          <a href="/en/products/fupi-tofu-chips-hot-pot-tomato-75-g-17752">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fupi Tofu Chips Hot Pot Tomato, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d87xDNnlAZ0HxXcvqrXH1L-XQACMdgNTNU3Fi5cqWy-aHpQXWyJeIcytMp_YFYmT5FhxKqtrUWpk5VGGRfmV8g" />
    <input value="17752" 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/mikroveda-m33-mouth-spray-organic-50-ml-16324">
          <img alt="MikroVeda Oral Mouth Spray Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8697/file/small-449307daf659abcefe2d2a5bb895b82d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8697/file/medium-c7c204708e5973e5b7690f80683882cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/8697/file/large-d5fe366a65d5cff1c8a3194533e6aaac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8697/file/medium-c7c204708e5973e5b7690f80683882cb.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">MikroVeda</p>
          <a href="/en/products/mikroveda-m33-mouth-spray-organic-50-ml-16324">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MikroVeda Oral Mouth Spray Organic, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AYAQju3Fve0gWgeV1Z4yjhITQQ0IhXhmoMbYdpkPWozsUHWVbwLiUesyQiWnPnzJSdxwJy-YKl_xbkx7S9yUUQ" />
    <input value="16324" 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/mitocell-omega-3-oil-vegan-100-ml-16513">
          <img alt="Mitocell Omega-3 Oil Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7610/file/small-78bed1f235b814e08f09f733c3827b01.webp 600w, https://assets.fabulous.ch/public/variant_asset/7610/file/medium-1a786b8529ee9d46cdff8f406656d25b.webp 900w, https://assets.fabulous.ch/public/variant_asset/7610/file/large-b118163148b277d7e0d005fe5bd9672b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7610/file/medium-1a786b8529ee9d46cdff8f406656d25b.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">MitoSana</p>
          <a href="/en/products/mitocell-omega-3-oil-vegan-100-ml-16513">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mitocell Omega-3 Oil Vegan, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_ehDMIqPGm0n6Op-GDuw-5i1YipyMwS1qyHmaXf_i9sQOCYrCEhF0eyAr85qm_68w3pTAFUuVoz6iXJkpSxFBg" />
    <input value="16513" 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/mikroveda-enzyme-ferment-life-organic-0-5-l-16321">
          <img alt="MikroVeda Enzyme Ferment LIFE+ Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8692/file/small-1f525c6cfdb4e9cb1ea5787bd9ebb6c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8692/file/medium-f4fe32c758aefbddb63e05e9028ec07b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8692/file/large-3fd8bf1afe50614ddb8a2ed3d8f524a3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8692/file/medium-f4fe32c758aefbddb63e05e9028ec07b.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">MikroVeda</p>
          <a href="/en/products/mikroveda-enzyme-ferment-life-organic-0-5-l-16321">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MikroVeda Enzyme Ferment LIFE+ Organic, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4JxPMApWrXHtLOPzXt_jZLLVdsO8zG4eCa9Uu5hCPFQNTCoriJHyzSZEpkMsf60j6RpH6ZvRPCdYB8C2SpHyiQ" />
    <input value="16321" 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/mikroveda-enzyme-ferment-life-organic-1-l-16322">
          <img alt="MikroVeda Enzyme Ferment LIFE+ Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8687/file/small-58f77e19e5935322ad9eb8f6849c33d6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8687/file/medium-ebc7ba69d2129eaecdbbe263723b8c4a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8687/file/large-e80fffbe7b255c063fbd595d80b1aa91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8687/file/medium-ebc7ba69d2129eaecdbbe263723b8c4a.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">MikroVeda</p>
          <a href="/en/products/mikroveda-enzyme-ferment-life-organic-1-l-16322">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MikroVeda Enzyme Ferment LIFE+ Organic, 1 l</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 4.49 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1D4RMVaHJz0sE0lTbDeYX1ljJyZ2zG_79grf9Em3QkU57nQq1EB4ged7DOMel9YYAqwWDFHRPcKnokv5m2SMmA" />
    <input value="16322" 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/mikroveda-enzyme-ferment-life-pur-organic-0-5-l-16301">
          <img alt="MikroVeda Enzyme Ferment LIFE Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8682/file/small-82651d2549425d21612dc733cbcf6ca8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8682/file/medium-dd99ed34207692b885d1ac9b0d8af24e.webp 900w, https://assets.fabulous.ch/public/variant_asset/8682/file/large-813513abb6cdd6035200540fd8438d7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8682/file/medium-dd99ed34207692b885d1ac9b0d8af24e.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">MikroVeda</p>
          <a href="/en/products/mikroveda-enzyme-ferment-life-pur-organic-0-5-l-16301">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MikroVeda Enzyme Ferment LIFE Organic, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dzofKJafbPyo4VJP3HDd5omHsllyKoGf-3msCaCf5eya6nozFFgzQGOJF_-u0JOh0kiDc1U306aq0TgEckwrMQ" />
    <input value="16301" 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/mikroveda-enzyme-ferment-life-pur-organic-1-l-16302">
          <img alt="MikroVeda Enzyme Ferment LIFE Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8677/file/small-15899a4d8f6fcfe641149720b1163a91.webp 600w, https://assets.fabulous.ch/public/variant_asset/8677/file/medium-aa834c619324ea0229bdecbe88178032.webp 900w, https://assets.fabulous.ch/public/variant_asset/8677/file/large-baad5bfa8cd7c2b819c595c32f9ac1d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8677/file/medium-aa834c619324ea0229bdecbe88178032.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">MikroVeda</p>
          <a href="/en/products/mikroveda-enzyme-ferment-life-pur-organic-1-l-16302">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">MikroVeda Enzyme Ferment LIFE Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QW0p1IR8V-r155Kd8yuDJCBXAXaHUeQXqjmKKqS7BTOsvUzPBrsIVj6P1y2Bi81je5gwXKBMti77kR4ndmjL7g" />
    <input value="16302" 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/coconut-butter-raw-organic-200-g-6687">
          <img alt="Coconut Butter Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3862/file/small-5f5d35667e1a72a1ca1cbea6d2d6278e.webp 600w, https://assets.fabulous.ch/public/variant_asset/3862/file/medium-2f5690c49ef95f8895c42e15b1eb7c4f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3862/file/large-54a8692a65b7f6e75ee4502411292c7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3862/file/medium-2f5690c49ef95f8895c42e15b1eb7c4f.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/coconut-butter-raw-organic-200-g-6687">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Butter Raw 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-6687-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C9HELBlkkR1ojEOQcloMGn_Nyc0N8b_wPLsKYfwDa8TmAaE3m6POoaPkBiAA-kJdJAL45yrs7cltE55sLtClGQ" />
    <input value="6687" 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/walnut-butter-raw-organic-180-g-6685">
          <img alt="Walnut Butter Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3861/file/small-6eb2934b3f30dcef5d20df0a2c936b53.webp 600w, https://assets.fabulous.ch/public/variant_asset/3861/file/medium-9feefcd8c477e450f5e1fad04ff8abe1.webp 900w, https://assets.fabulous.ch/public/variant_asset/3861/file/large-6677c29096dcc0350d42d8c177360062.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3861/file/medium-9feefcd8c477e450f5e1fad04ff8abe1.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/walnut-butter-raw-organic-180-g-6685">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Walnut Butter Raw Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1B3BQg-jFxmp2yji-ORNGCT74WwVHviYKgXGTXpi8GY5zaRZjWRIpWKzbVKKRANffzTQRjIDqqF7rVJAqLE-uw" />
    <input value="6685" 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/chocolate-drops-bolivia-wild-85-dates-organic-150-g-17241">
          <img alt="Chocolate Drops Bolivia Wild 85% Dates Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8054/file/small-1a4e51cce8d121ff152785f6e5aff35e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8054/file/medium-b7dec6a61c6ed15eadb5de4a996b2205.webp 900w, https://assets.fabulous.ch/public/variant_asset/8054/file/large-aa85dd1f84af4ffc7dbf14bb1081d80f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8054/file/medium-b7dec6a61c6ed15eadb5de4a996b2205.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/chocolate-drops-bolivia-wild-85-dates-organic-150-g-17241">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chocolate Drops Bolivia Wild 85% Dates Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Yh23eqVUC1DNRotybH6Nk40fTwqqw1BkiVgL3_PfHISPzdJhJ5NU7AYuzsIe3sPU1tB-II3eAl3Y8J_SIQzSWQ" />
    <input value="17241" 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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/walnuts-switzerland-wild-sprouted-raw-250-g-4428">
          <img alt="Walnuts Switzerland Wild Sprouted Raw" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2755/file/small-541b0c924f67bc8e5bde5b02c0f7fef9.webp 600w, https://assets.fabulous.ch/public/variant_asset/2755/file/medium-3405e8c1d6b2b11c7004696e78052f33.webp 900w, https://assets.fabulous.ch/public/variant_asset/2755/file/large-bc695dcb10396501174762ee7760e13c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2755/file/medium-3405e8c1d6b2b11c7004696e78052f33.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/walnuts-switzerland-wild-sprouted-raw-250-g-4428">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Walnuts Switzerland Wild Sprouted Raw, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.50
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </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/hazelnuts-piemont-sprouted-raw-organic-250-g-7488">
          <img alt="Hazelnuts Piemont Sprouted Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4304/file/small-d114bba29794b5d5808277d53db1d14b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4304/file/medium-1f26396d6e10572be8026d529176b198.webp 900w, https://assets.fabulous.ch/public/variant_asset/4304/file/large-689bd4b80c5accf3cb41afafbc36dbf8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4304/file/medium-1f26396d6e10572be8026d529176b198.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/hazelnuts-piemont-sprouted-raw-organic-250-g-7488">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hazelnuts Piemont Sprouted Raw Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HvDXly2nhU6lGgIos1vJe3B3NNbv4CwGzUwF9SWj3CfzILKMr2Da8m5yR5jB-4c8K7gF_Mj9fj-c5JH493AS-g" />
    <input value="7488" 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="t4RINpmCnJz8LxTvkFY9OFJR99cnJo4w5aDfcFLRQ7JaVC0tG0XDIDdHUV_i9nN_CZ7G_QA73Am0CEt9gAKNbw" />
    <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>



</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">
      760 of 3&#39;165 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/hemp?format=turbo_stream&amp;page=39">Show more</a>
  </div>
</div>

</template></turbo-stream>