<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-slices-smoked-organic-100-g-28">
          <img alt="Vegan Slices Smoked Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/27/file/small-99084bd981fcf313c7bbde673d766b78.webp 600w, https://assets.fabulous.ch/public/variant_asset/27/file/medium-ebf7eed4baef412a2e9073d907ba4ce6.webp 900w, https://assets.fabulous.ch/public/variant_asset/27/file/large-8abd464c7be0d2ee67d262b58a5238ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/27/file/medium-ebf7eed4baef412a2e9073d907ba4ce6.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">Wheaty</p>
          <a href="/en/products/vegan-slices-smoked-organic-100-g-28">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Slices Smoked Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </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.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nQiTEtysk_7Olvs_hI64QOzBm2EL_G11-hU3wjMMWJNaLuWwYO8lLrPOC61znd1bTBv2RhnUoo1U2BYeWNnMVw" />
    <input value="28" 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/sojade-so-soya-nature-organic-100-g-4290">
          <img alt="Sojade So Soya! Nature Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2687/file/small-96beabd8b52521d582d9ec93e1605bdd.webp 600w, https://assets.fabulous.ch/public/variant_asset/2687/file/medium-5e3f4fbc94b5d6287cbd5849220cdff4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2687/file/large-4ef32e568a62b94501fc552c8b36dc35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2687/file/medium-5e3f4fbc94b5d6287cbd5849220cdff4.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/sojade-so-soya-nature-organic-100-g-4290">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojade So Soya! Nature Organic, 4 x 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vW5H9siWP0Au8DbFe02UV2PtGhAP6c4501UbjQCd8_16SDFUdNWJkFOoxleMXvFMwzd3Nx3BAcF9mDpRa0hnOQ" />
    <input value="4290" 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/vegan-alternative-to-greek-cheese-with-herbs-organic-200-g-3975">
          <img alt="Vegan Alternative to Greek Cheese with Herbs Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2517/file/small-a0b81aed5ab03a7dbe6d101d61652a7d.webp 600w, https://assets.fabulous.ch/public/variant_asset/2517/file/medium-ef8af7103e8f112f6e754df30bbe6c7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/2517/file/large-85e782325acb7f11cbfd3bd53377ba0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2517/file/medium-ef8af7103e8f112f6e754df30bbe6c7b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/en/products/vegan-alternative-to-greek-cheese-with-herbs-organic-200-g-3975">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Greek Cheese with Herbs Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zjVOjIVEjKYV-pUTVphwtLl3WeeH7MWXnDDLDTtVqLEJEzguOQc6dmiiZYGhixWvGa00wJXECm8y_erRUIA8dQ" />
    <input value="3975" 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/vegan-alternative-to-greek-style-cheese-natural-organic-200-g-17965">
          <img alt="Vegan Alternative to Greek-Style Cheese Natural Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8904/file/small-5c3865dd911f7c62a8891d6501bd4529.webp 600w, https://assets.fabulous.ch/public/variant_asset/8904/file/medium-c092eee51032c666dff42169e6ab1d9d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8904/file/large-94f7416a2f6d4e9259d6bd01a08f761c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8904/file/medium-c092eee51032c666dff42169e6ab1d9d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/en/products/vegan-alternative-to-greek-style-cheese-natural-organic-200-g-17965">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Greek-Style Cheese Natural Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GNEN1LlEp8ZDEtIQpfanINpQbJAzdLIDajRaF2GxqH_f93t2BQcRFj5KIoJS5cI7eooBtyFcffvE-XvLCmQ8uw" />
    <input value="17965" 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/bio-natto-nattosana-natural-200-g-14950">
          <img alt="Bio-Natto Nattosana Natural" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6852/file/small-fd35e63c73f37ab26550263eed352bd9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6852/file/medium-34369eb49728b6f388e9d1c20e4ad8ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/6852/file/large-7a4e8c60a7ec4e08d08bd1a9766589ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6852/file/medium-34369eb49728b6f388e9d1c20e4ad8ab.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/en/products/bio-natto-nattosana-natural-200-g-14950">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bio-Natto Nattosana Natural, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G5Olh-b_OG5mkMyqeQQNJBY-K5POOD2FV5AB_UOl2WvctdMlWryOvhvIPDiOF2g_tuRGtNwQ8n35XSAhKHBNrw" />
    <input value="14950" 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/silken-tofu-choco-organic-250-g-17332">
          <img alt="Silken Tofu Choco Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8090/file/small-e9f28d2ee145ad1eaad4a35b1fc3c448.webp 600w, https://assets.fabulous.ch/public/variant_asset/8090/file/medium-fef7f494a571bc2d84cebd32bca134c3.webp 900w, https://assets.fabulous.ch/public/variant_asset/8090/file/large-f4510fd38f22dfb3a66c26a5fe86810a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8090/file/medium-fef7f494a571bc2d84cebd32bca134c3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/en/products/silken-tofu-choco-organic-250-g-17332">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Silken Tofu Choco Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.05
            </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.62 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bNTrLK-LngpbMb9KFy0g3cr8Q_LEEaSUTmIREVs4ccKr8p2OE8go2iZpT9jgPkXGaiYu1dY5a2zgrzDNMO3lBg" />
    <input value="17332" 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/soy-tempeh-natural-pasteurized-organic-200-g-17377">
          <img alt="Soy Tempeh Natural Pasteurized Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8103/file/small-5b55089590ad664b632c2c7b80c6896f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8103/file/medium-b9adb8610aeb56f5b0c8a90a43e341c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8103/file/large-72703d7ad2951da4787a005138634aec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8103/file/medium-b9adb8610aeb56f5b0c8a90a43e341c6.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">Tempeh bagus</p>
          <a href="/en/products/soy-tempeh-natural-pasteurized-organic-200-g-17377">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soy Tempeh Natural Pasteurized Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TMr08dwfurctDBFlAV1vb5MLsk0hEFDqSGQFb-OA-N2L7IJTYFwMZ1BU4ff2Tgp0M9HfajM4nxLmqSSziFVsGQ" />
    <input value="17377" 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-tempeh-smoked-pasteurized-organic-150-g-17378">
          <img alt="Soy Tempeh Smoked Pasteurized Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8105/file/small-da209042bcec063e44ef4bbb0503fada.webp 600w, https://assets.fabulous.ch/public/variant_asset/8105/file/medium-b96aff1175a82747e12e877fa05c67a0.webp 900w, https://assets.fabulous.ch/public/variant_asset/8105/file/large-bfc84ea56129ede8a8550a3dc4fe8cad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8105/file/medium-b96aff1175a82747e12e877fa05c67a0.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">Tempeh bagus</p>
          <a href="/en/products/soy-tempeh-smoked-pasteurized-organic-150-g-17378">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soy Tempeh Smoked Pasteurized Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="adI2pmwIBz1c87ZXQOdDK2vlMKBl6BKJ4v28q2PX6SKu9EAE0Eux7SGrRsW39CYwyz9dh3fA3XFMMJ13CAJ95g" />
    <input value="17378" 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/soy-tempeh-mediterranean-organic-200-g-17375">
          <img alt="Soy Tempeh Mediterranean Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8102/file/small-58fb6c5402437ab13fbf4c0074712bf4.webp 600w, https://assets.fabulous.ch/public/variant_asset/8102/file/medium-ff6d451c6571c9095b1d1ab254eed639.webp 900w, https://assets.fabulous.ch/public/variant_asset/8102/file/large-250bf52cf2cb4813312922238a590895.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8102/file/medium-ff6d451c6571c9095b1d1ab254eed639.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">Tempeh bagus</p>
          <a href="/en/products/soy-tempeh-mediterranean-organic-200-g-17375">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soy Tempeh Mediterranean Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hYguE3VViP7_FWSE70P1DlM6lTvThxYb8w82mOGBbKpCrlixyRY-LoJNlBYYUJAV8-D4HMGv2eNdwhdEilT4bg" />
    <input value="17375" 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/lupi-nature-organic-146-g-15405">
          <img alt="LUPI - Nature Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7040/file/small-55d09f6b66a55d7c700d37775be5ae4b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7040/file/medium-4f965821f703970e3e1ed2703af5df88.webp 900w, https://assets.fabulous.ch/public/variant_asset/7040/file/large-fab4c1ae454676fe40e5d0ea97f85ba1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7040/file/medium-4f965821f703970e3e1ed2703af5df88.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">Yellow Sunshine</p>
          <a href="/en/products/lupi-nature-organic-146-g-15405">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LUPI - Nature Organic, 146 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tgJmp9lObgCXkCsNLL6-aX6jEj2hH78ODsm8cXBQUplxJBAFZQ3Y0OrI25_brdty3nl_GrM3cPagBJ2tG4XGXQ" />
    <input value="15405" 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-fried-egg-omelette-organic-200-g-6950">
          <img alt="Vegan Alternative to Fried Egg &amp; Omelette Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4019/file/small-b39f72ef55fdec28906cae5d39216a1e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4019/file/medium-ea73ee8d18280c609e3d3660a127513c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4019/file/large-403bbf30942d50ea0e88c8958afd58b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4019/file/medium-ea73ee8d18280c609e3d3660a127513c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/en/products/vegan-alternative-to-fried-egg-omelette-organic-200-g-6950">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Fried Egg &amp; Omelette Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gx_KXE3e7jgqFooclc2fc4-0MhmS5LCtRiO9PFuCz6hEObz-8Z1Y6FdOeo5i3vpoL25fPoDMf1Xo7pzgMFdbbA" />
    <input value="6950" 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/soja-paneer-basic-organic-200-g-111">
          <img alt="Soja-Paneer Basic Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/121/file/small-dc427ba0bbd12c8c12f4e1d962240414.webp 600w, https://assets.fabulous.ch/public/variant_asset/121/file/medium-cecde4a37302133289a13b87cd85b580.webp 900w, https://assets.fabulous.ch/public/variant_asset/121/file/large-7c21b935fbfed841766fcf69c735252a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/121/file/medium-cecde4a37302133289a13b87cd85b580.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Engel-Tofu</p>
          <a href="/en/products/soja-paneer-basic-organic-200-g-111">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja-Paneer Basic Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.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 3.15 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vhxa7fWfraEJLoakgVNAh-QTZtxFGL28tvai687_0Yl5OixPSdwbcXR2djZ2QCWcRMkL-1cwckQYO4M3pSpFTQ" />
    <input value="111" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" 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/new-roots-natural-vegan-yogurt-organic-1-kg-17941">
          <img alt="New Roots NATURAL Vegan Yogurt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8882/file/small-db10a736af66a67d1ee2d39a6ac3492e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8882/file/medium-3b27b330de6885ed268b2c2c7ec9ee14.webp 900w, https://assets.fabulous.ch/public/variant_asset/8882/file/large-fd3739591f70be349e60b58c7509ec29.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8882/file/medium-3b27b330de6885ed268b2c2c7ec9ee14.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">New Roots</p>
          <a href="/en/products/new-roots-natural-vegan-yogurt-organic-1-kg-17941">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots NATURAL Vegan Yogurt Organic, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.05
            </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.11 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2TN10DGZB8eksfG67WP9yQU8qstfPSA5R0CBN0-1dQceFQNyjdqxF9npASgacJjSpebH7E0V78HpjaDrJGDhww" />
    <input value="17941" 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/greek-style-nature-organic-400-g-16776">
          <img alt="Greek Style Nature Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7796/file/small-c00983fd6273463007de99c6dd7f34ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/7796/file/medium-08d6a0e304e1ecca158c1b4ad8730585.webp 900w, https://assets.fabulous.ch/public/variant_asset/7796/file/large-11a6417fd214c7cd329d2b4dd60deca6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7796/file/medium-08d6a0e304e1ecca158c1b4ad8730585.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sojade</p>
          <a href="/en/products/greek-style-nature-organic-400-g-16776">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Greek Style Nature Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kyW5mEyp3W68sXd5j4rC2dTyGRYAmxXwjB7EP4aUP6JUA8868OprvsHph-t4mafCdCh0MRKz2ggi0-Xj7UGrZg" />
    <input value="16776" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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/sojade-so-soya-no-added-sugar-blueberry-cherry-organic-400-g-7740">
          <img alt="Sojade So Soya! No Added Sugar Blueberry Cherry, Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4465/file/small-5ace9c2bfb04f989b746ae1171b3014c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4465/file/medium-f7129df3a362e785c6c5e2c6cfaa2528.webp 900w, https://assets.fabulous.ch/public/variant_asset/4465/file/large-e2b6d6d2152cc67b934b9ed80b271e07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4465/file/medium-f7129df3a362e785c6c5e2c6cfaa2528.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/sojade-so-soya-no-added-sugar-blueberry-cherry-organic-400-g-7740">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojade So Soya! No Added Sugar Blueberry Cherry, Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mZKPbId0RKJk-bi_6brc4pY0gR9Xhs1LHaTzFOh6T05etPnOOzfychmhSC0eqbn5Nu7sOEWuArOzadLIg6_big" />
    <input value="7740" 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/sojade-so-soya-vanille-organic-400-g-4291">
          <img alt="Sojade So Soya! Vanille, Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2689/file/small-0513a4af1b16c10f2216a3f35a23b467.webp 600w, https://assets.fabulous.ch/public/variant_asset/2689/file/medium-e816d24c2120273a1f234cf9cbb2e085.webp 900w, https://assets.fabulous.ch/public/variant_asset/2689/file/large-7eeef290b7ff8160c655567beba589eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2689/file/medium-e816d24c2120273a1f234cf9cbb2e085.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/sojade-so-soya-vanille-organic-400-g-4291">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojade So Soya! Vanille, Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </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.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XOsjqowuAxSHLCIIQvncEWVX8ecd2qI74PhTs1IXcH-bzVUIMG21xPp00pq16rkKxY2cwA_ybcNONXJvOcLkuw" />
    <input value="4291" 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-silken-organic-400-g-353">
          <img alt="Tofu Silken Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/314/file/small-4d323dbf89276d45aa16d07a7a9efe85.webp 600w, https://assets.fabulous.ch/public/variant_asset/314/file/medium-c32fc9c255babda93aa6d1b0c8dc4d93.webp 900w, https://assets.fabulous.ch/public/variant_asset/314/file/large-553bd9a528e77b35cb07d8bb57449742.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/314/file/medium-c32fc9c255babda93aa6d1b0c8dc4d93.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-silken-organic-400-g-353">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Silken Organic, 400 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.13 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-BC3_tJWeCmnegjsEdOhO27tOPuWdubuJkeHfrK5XSw_NsFcbhXO-doi-H7mwMQgzjdV3IReKRaIiqai2WzJ6A" />
    <input value="353" 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/soyananda-herbs-and-garlic-fermented-organic-140-g-766">
          <img alt="Soyananda Herbs and Garlic fermented Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/714/file/small-bcd87539b95cff7c034413eca5efcd31.webp 600w, https://assets.fabulous.ch/public/variant_asset/714/file/medium-8ce3178da3715799f3f5d17d392fc1a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/714/file/large-57a5a5dd394edf1057d6c0addfe8111b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/714/file/medium-8ce3178da3715799f3f5d17d392fc1a6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/en/products/soyananda-herbs-and-garlic-fermented-organic-140-g-766">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soyananda Herbs and Garlic fermented Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

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

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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/fermented-vegan-alternative-to-sour-cream-organic-200-g-272">
          <img alt="Fermented Vegan Alternative to Sour Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/249/file/small-b496d46a77af4161aa9216148dcab904.webp 600w, https://assets.fabulous.ch/public/variant_asset/249/file/medium-7a13fdc4170da2330af452701b15eb47.webp 900w, https://assets.fabulous.ch/public/variant_asset/249/file/large-1742421eff85e8e96211e2ba6b72bb4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/249/file/medium-7a13fdc4170da2330af452701b15eb47.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/en/products/fermented-vegan-alternative-to-sour-cream-organic-200-g-272">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fermented Vegan Alternative to Sour Cream Organic, 200 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.05 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YAlg0rsFjPqshxyeLDEBwYbaHt7Wn7qoqC95NEr6KA-nLxZwB0Y6KtHf7AzbImTaJgBz-cS3dVAG4ljoIS-8yw" />
    <input value="272" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tofu-feto-natur-fermented-organic-200-g-2977">
          <img alt="Tofu FETO  Natur Fermented Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2117/file/small-fb226ff45964ace888baa4d1ac4cd181.webp 600w, https://assets.fabulous.ch/public/variant_asset/2117/file/medium-230fa2a08c90425ff2b52cd425ab1afd.webp 900w, https://assets.fabulous.ch/public/variant_asset/2117/file/large-cbd292b8ebf81ce9361d4538ea11e147.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2117/file/medium-230fa2a08c90425ff2b52cd425ab1afd.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Taifun</p>
          <a href="/en/products/tofu-feto-natur-fermented-organic-200-g-2977">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu FETO  Natur Fermented Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bqxayQiqiGSirdb0KkvKhwhaFlwFpv5acgZmZ6QziUWpiixrtOk-tN_1JmbdWK-cqIB7exeOMaLcy0e7z-YdgQ" />
    <input value="2977" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          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">
      40 of 3&#39;202 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/the-lekker-company?format=turbo_stream&amp;page=3">Show more</a>
  </div>
</div>

</template></turbo-stream>