<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/washing-powder-color-sensitive-60-1-2-kg-11745">
          <img alt="Washing Powder Color Sensitive 60°" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6004/file/small-b75047f37f88e17fde3a9e579bc2a329.webp 600w, https://assets.fabulous.ch/public/variant_asset/6004/file/medium-f89e28e47d0347928a7db19c58dc964b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6004/file/large-012e7234f4f67a9e5027720f9b5e1d64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6004/file/medium-f89e28e47d0347928a7db19c58dc964b.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">Sonett</p>
          <a href="/en/products/washing-powder-color-sensitive-60-1-2-kg-11745">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Washing Powder Color Sensitive 60°, 1.2 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e8EKRoM9xI-7eEshrYHdmBhm89kYSFcCSyrhSKnQarHfcZnsDaMQE7GXXtHawfiCPdo8w6frZMCuskRCOjkgCQ" />
    <input value="11745" 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/cereal-oat-protein-gluten-free-425-g-7995">
          <img alt="Cereal Oat Protein Gluten Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4686/file/small-8a2ce9904315a8cfb120d98d4977f31a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4686/file/medium-7730ed49e4388a9b6b0d2185c877d4fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/4686/file/large-5aa29b1171aab7be42f86473ca1678ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4686/file/medium-7730ed49e4388a9b6b0d2185c877d4fa.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/cereal-oat-protein-gluten-free-425-g-7995">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cereal Oat Protein Gluten Free, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="81EtV_iFDJfnHQwhd3u9By4pCcErWX4pm2WknHzOcDFX4b79dhvYC-3yGdEAO5gdC5XG25T6Tet-_QGW7yc6iQ" />
    <input value="7995" 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/without-moooh-drink-1-5-fat-organic-1-l-11328">
          <img alt="Without Moooh Drink 1.5% Fat Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5806/file/small-fa58ff928962ee8904e6da2c6b289a69.webp 600w, https://assets.fabulous.ch/public/variant_asset/5806/file/medium-9db3acb9b44b030c8b96d417fe5efb7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5806/file/large-8c7126435c3b528cca29557de10bc309.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5806/file/medium-9db3acb9b44b030c8b96d417fe5efb7b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/en/products/without-moooh-drink-1-5-fat-organic-1-l-11328">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Without Moooh Drink 1.5% Fat Organic, 1 l</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 0.35 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mujTZgTBho2fizh88-nXO1A4DEkDgxBzxnKu0u5mQD0-WEDMil9SEZVkLYyEqfIhdYTDU7wgI7Ej6gvYfY8KhQ" />
    <input value="11328" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/oat-almond-drink-calcium-no-added-sugar-organic-1-l-11325">
          <img alt="Oat Almond Drink Calcium No Added Sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5803/file/small-82967e322c3980b9114d4984855058c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5803/file/medium-01836d2828c27211ef9353c6f9cc78d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5803/file/large-7a19c89ce1c74759dac04463d0b1e23a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5803/file/medium-01836d2828c27211ef9353c6f9cc78d4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/en/products/oat-almond-drink-calcium-no-added-sugar-organic-1-l-11325">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Almond Drink Calcium No Added Sugar Organic, 1 l</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 0.47 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CAf3_0LCCQDHvYmeHTBq5pnf1GtSP8SrhHr9DXeyk8Kst2RVzFzdnM1SnG5qcE_8vGMbce2c92lh4lgH5FvZeg" />
    <input value="11325" 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/new-roots-stracciatella-vegan-yogurt-organic-140-g-10590">
          <img alt="New Roots STRACCIATELLA 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/5584/file/small-3a6ac97322915542da135c47439c94c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5584/file/medium-3afd121cf8a34f26ccd5c2b81117887c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5584/file/large-379cf0d18ee74b7cab7b241814bc986f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5584/file/medium-3afd121cf8a34f26ccd5c2b81117887c.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-stracciatella-vegan-yogurt-organic-140-g-10590">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots STRACCIATELLA Vegan Yogurt Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZHOq-6C6_cQW1UyJRFE7g-FtX8bJur3jzNdDSB-fuUnAwzlRLiQpWBw6WXkzER6ZxNGQ3HYZjiEpT-ZCjHbz8Q" />
    <input value="10590" 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/veganella-smoked-organic-200-g-1196">
          <img alt="Veganella Smoked Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1055/file/small-2e3fc9ba869eb1537e64f1922be00a2d.webp 600w, https://assets.fabulous.ch/public/variant_asset/1055/file/medium-bc53c963128bc86753f004f40136d875.webp 900w, https://assets.fabulous.ch/public/variant_asset/1055/file/large-acd291afdc8310f4521477f76e491d5b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1055/file/medium-bc53c963128bc86753f004f40136d875.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/veganella-smoked-organic-200-g-1196">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Veganella Smoked Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </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.73 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oTqSmXr0Y-aEI0Iub-ZL2geXAKLgHd1YQkhQM1t4xAMFigEz9Gq3eo7MV94Ypm7AIivPuF--7pqn0PU5yJGOuw" />
    <input value="1196" 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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tip
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tofu-skewers-organic-190-g-110">
          <img alt="Tofu Skewers Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/120/file/small-6e2ea13608ad56ebfe5be47ed9a2ad4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/120/file/medium-d33cad24f07cc5f5de9dc01910c85b5f.webp 900w, https://assets.fabulous.ch/public/variant_asset/120/file/large-858843ebef8f0770ab08ba74de582442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/120/file/medium-d33cad24f07cc5f5de9dc01910c85b5f.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/tofu-skewers-organic-190-g-110">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Skewers Organic, 190 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aqKLUkkVM2xQR481y4UVqHVpKPBWU26-TkTd1TrrXGLOEhj4x4vn8FqomsW8xTCyUNXn6unwXXyr3HjfqQIW2g" />
    <input value="110" 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/tofu-sticks-organic-approx-150-g-15934">
          <img alt="Tofu Sticks Organic, approx." class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7328/file/small-c2eb97e0b7ca6aa600503f3543f146dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7328/file/medium-5c9e21c7de196fa0e10ec68b06c6c1a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7328/file/large-33c4bf6c2645fca3339b1d9b0c8d6bc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7328/file/medium-5c9e21c7de196fa0e10ec68b06c6c1a2.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/tofu-sticks-organic-approx-150-g-15934">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Sticks Organic, approx., 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </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.97 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-15934-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/margarine-palm-oil-free-megarine-organic-250-g-6344">
          <img alt="Margarine Palm Oil Free Megarine Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3637/file/small-944fa63327b220351f71f7ac564f5635.webp 600w, https://assets.fabulous.ch/public/variant_asset/3637/file/medium-999f158f041290089d42fd7184ef7341.webp 900w, https://assets.fabulous.ch/public/variant_asset/3637/file/large-12b0506098feef88e90432a9680926fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3637/file/medium-999f158f041290089d42fd7184ef7341.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">Vitaquell</p>
          <a href="/en/products/margarine-palm-oil-free-megarine-organic-250-g-6344">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Margarine Palm Oil Free Megarine Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.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 1.56 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7iKhOCLBeVPn-AVw4dkIheCGGCZkJEovn4IM_uyEwxVKkjKSrF-tz-0XEICWmS2fxTrXPNuHee16Gqn0f22JrQ" />
    <input value="6344" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-alternative-to-quark-soja-organic-400-g-5425">
          <img alt="Vegan Alternative to Quark Soja Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3163/file/small-941eb5cd349236d6f26fbbc2069eabd5.webp 600w, https://assets.fabulous.ch/public/variant_asset/3163/file/medium-8ed88692422183f02423b3faaf8d2838.webp 900w, https://assets.fabulous.ch/public/variant_asset/3163/file/large-7516b4fd5fb608aecb961c712fa37279.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3163/file/medium-8ed88692422183f02423b3faaf8d2838.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sojade</p>
          <a href="/en/products/vegan-alternative-to-quark-soja-organic-400-g-5425">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Quark Soja 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-5425-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JSFphslB9WdxPqiBK1MZqIU11X1Vii-NIg2KZI7YkIuBkfosR98h-3vRvXFcEzyyoIkaZ-opHE_HlS9uHTHaMw" />
    <input value="5425" 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-apricot-organic-400-g-3237">
          <img alt="Sojade So Soya! Apricot Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2198/file/small-1fc755f97ebd03d904964a240369ec07.webp 600w, https://assets.fabulous.ch/public/variant_asset/2198/file/medium-3ef8be27061a744d74591a9377674beb.webp 900w, https://assets.fabulous.ch/public/variant_asset/2198/file/large-7b490b4d1dfa1e69c800f8f07710f43b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2198/file/medium-3ef8be27061a744d74591a9377674beb.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-apricot-organic-400-g-3237">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojade So Soya! Apricot 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-3237-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="koTK4qVkYmTYykNEq5lzvxgJIfJxMOza671OFHTGWP82NFlIK_q2-NIlVrTc2ValPbXu6M6T3xgOJese5y8SRw" />
    <input value="3237" 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-raspberry-passion-fruit-organic-150-g-16508">
          <img alt="Sojade So Soya! Raspberry-Passion Fruit Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7606/file/small-6b7ea6960f1dc74e31117b6cce57b235.webp 600w, https://assets.fabulous.ch/public/variant_asset/7606/file/medium-e07bdf497ded94be2d824461156fa1f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7606/file/large-d057501c7b630edca80a45caefff420b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7606/file/medium-e07bdf497ded94be2d824461156fa1f3.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-raspberry-passion-fruit-organic-150-g-16508">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sojade So Soya! Raspberry-Passion Fruit Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.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.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0ayH2vl-m24pADJk0LaFEB3_JJOrNYxCIVnPaY0Ojr51HBRwd-BP8iPvJ5Sn9qAKOEPriRSWv4DEwWpjHufEBg" />
    <input value="16508" 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/new-roots-la-cotta-nature-organic-140-g-4114">
          <img alt="New Roots La Cotta Nature Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2596/file/small-465b980d68c3bbdb7bf0ed75f5be6674.webp 600w, https://assets.fabulous.ch/public/variant_asset/2596/file/medium-fdf0efc01b6209105a459862d91f1946.webp 900w, https://assets.fabulous.ch/public/variant_asset/2596/file/large-4881b487a78d026d97f15ee16894607d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2596/file/medium-fdf0efc01b6209105a459862d91f1946.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-la-cotta-nature-organic-140-g-4114">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots La Cotta Nature Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </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.18 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B5efm_BJm4WVMNUkkbOb6fHm_wt_ehiOdhPQijT1n06jJwwxftdPGZ_fwNTm877z1FowEcDZK0yTi3WApxzV9g" />
    <input value="4114" 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-terrine-graffiti-organic-200-g-11139">
          <img alt="Tofu Terrine Graffiti Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5707/file/small-26fcb6678978fdb5983b0799cd1bc7e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5707/file/medium-d4fba729a7e73b03de57db37358a992d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5707/file/large-252639b51c97c0de60828eba2970ef4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5707/file/medium-d4fba729a7e73b03de57db37358a992d.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-terrine-graffiti-organic-200-g-11139">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Terrine Graffiti 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-11139-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YKOM2lPm3VJErL57zgm_-hgf_9yWLbwRQMl5DFaB8e_EEx9w3XgJzk5Dq4u5SZrgPaMwximOj9OlUdwGxWi7Vw" />
    <input value="11139" 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/gartenjager-dry-sausage-chili-vegan-organic-57-g-15958">
          <img alt="Gartenjäger Dry Sausage Chili Vegan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7346/file/small-4685daf7ff3051ed086568e07c6c7a36.webp 600w, https://assets.fabulous.ch/public/variant_asset/7346/file/medium-92dcb073c6aa3904be0a8202e8c1e855.webp 900w, https://assets.fabulous.ch/public/variant_asset/7346/file/large-431c5add57fd3bc2b374d7d7fe1bb27b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7346/file/medium-92dcb073c6aa3904be0a8202e8c1e855.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">mikas</p>
          <a href="/en/products/gartenjager-dry-sausage-chili-vegan-organic-57-g-15958">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gartenjäger Dry Sausage Chili Vegan Organic, 57 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1VbQF67roUV-45l9A5RVxpOmBhs22y-tnGpUyICZC4xx5kO9IHV12XQMjI101HDcthrJAYl4HG958vHCE3BBNA" />
    <input value="15958" 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/wood-smoked-dry-aged-vegan-alternative-to-dried-meat-organic-80-g-10369">
          <img alt="Wood Smoked Dry Aged Vegan Alternative to Dried Meat Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5565/file/small-6c9b1feb1ced051f63a00940d448c515.webp 600w, https://assets.fabulous.ch/public/variant_asset/5565/file/medium-58c036958503cb0a2bced7a21ce6846d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5565/file/large-402541f644a5fec73c52540dafff4556.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5565/file/medium-58c036958503cb0a2bced7a21ce6846d.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">Wild Foods</p>
          <a href="/en/products/wood-smoked-dry-aged-vegan-alternative-to-dried-meat-organic-80-g-10369">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wood Smoked Dry Aged Vegan Alternative to Dried Meat Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.85
            </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 12.31 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NpnR16xgyyzTesrrUOIcxUTwn-RNqPwPRIxGTTn7ofaSKUJ9Iv4fsNmV3xsnojnfYUxQ_vILz82hFONHqhLrTg" />
    <input value="10369" 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/lupi-paprika-pepper-organic-170-g-15407">
          <img alt="LUPI - Paprika &amp; Pepper Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7044/file/small-371e708c4b45aca4d3be99c1f35a0cca.webp 600w, https://assets.fabulous.ch/public/variant_asset/7044/file/medium-46e38c32f05646c02485e61826b3533d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7044/file/large-3120b794df39014f6e650f5bfd7af8e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7044/file/medium-46e38c32f05646c02485e61826b3533d.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-paprika-pepper-organic-170-g-15407">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">LUPI - Paprika &amp; Pepper Organic, 170 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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.91 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eVWvcqoJ3Rp6kZYNE98WT6P11xiOUVnBpcZhGK5pKYjd5TzYJJcJhnB-g_1knzNVhkkYAjHyagNAXsQSPYBjMA" />
    <input value="15407" 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/guacamole-avocado-cream-organic-150-g-16104">
          <img alt="Guacamole Avocado Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7433/file/small-a0f7da41bd7b70fc6f27d54c0def73e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/7433/file/medium-f6a4b09de58e8f10bc22f3a9336dd8a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7433/file/large-55e21642d9037e8d7e80ef50174d3caf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7433/file/medium-f6a4b09de58e8f10bc22f3a9336dd8a9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">bio-verde</p>
          <a href="/en/products/guacamole-avocado-cream-organic-150-g-16104">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Guacamole Avocado Cream Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.85
            </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.57 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Bo7AosDrM2UL-OH0miDm27wYIN-zMSv36tisb2vhtu-iPlMITnXn-QEX9ATtYMPBmaTvxQySGDUPQAll-Aj8Vw" />
    <input value="16104" 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-almond-alternative-to-yogurt-organic-400-g-17233">
          <img alt="Fermented Vegan Almond Alternative to Yogurt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8043/file/small-fa6c192f9629a5bd36ab48434516d6e7.webp 600w, https://assets.fabulous.ch/public/variant_asset/8043/file/medium-2a163279bd2fdacd80beb1bfff5979c5.webp 900w, https://assets.fabulous.ch/public/variant_asset/8043/file/large-4b35904d6d9b22cb2eb5966b0e38088e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8043/file/medium-2a163279bd2fdacd80beb1bfff5979c5.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-almond-alternative-to-yogurt-organic-400-g-17233">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fermented Vegan Almond Alternative to Yogurt Organic, 400 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 1.03 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tkHm3BgzRLyYQL5DyPQ9CJaptQUC0qEU2gzSSmi4h3AS8XV2lq2QIJKvq7O_tBgSsxV6H71xktY_lHdA-1HNyA" />
    <input value="17233" 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/dinki-spelt-goulash-marinated-organic-200-g-1699">
          <img alt="Dinki Spelt Goulash Marinated Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1356/file/small-3ae9233c5ab1b82edaeefe172d447a34.webp 600w, https://assets.fabulous.ch/public/variant_asset/1356/file/medium-e80125cf57ccb95fb3cbcca649ccdd04.webp 900w, https://assets.fabulous.ch/public/variant_asset/1356/file/large-9644aa9ab15e191037bab3490cc61c84.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1356/file/medium-e80125cf57ccb95fb3cbcca649ccdd04.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/dinki-spelt-goulash-marinated-organic-200-g-1699">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dinki Spelt Goulash Marinated Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.95
            </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.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mDQG-AaJHxIAjxSFRTg34SbQL5KM5rBI0ORvMG0dpTo8hJVSiBfLjgpgAXUyeBL7A2zgiDNFg4o1fMo6_vTvgg" />
    <input value="1699" 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">
      240 of 3&#39;201 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/tempeh-bagus?format=turbo_stream&amp;page=13">Show more</a>
  </div>
</div>

</template></turbo-stream>