<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/pasta-oat-mezzi-rigatoni-organic-250-g-12005">
          <img alt="Pasta Oat Mezzi Rigatoni Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6094/file/small-61d198659a15712dde21e0f6a24e69f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6094/file/medium-a2b2b768edf395cd4ea537c99a1772fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6094/file/large-01fdf73b81666e8bc1d10b13edbb8fbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6094/file/medium-a2b2b768edf395cd4ea537c99a1772fc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">felicia</p>
          <a href="/en/products/pasta-oat-mezzi-rigatoni-organic-250-g-12005">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Oat Mezzi Rigatoni Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tPheuMmyPYDz-jumEyXog7ub5YldUxF-dczriwT7Al-bc_A1w1dWWLg2nPXcKJITUTvwbphfU5-sQQKd7SbR_A" />
    <input value="12005" 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/muesli-coloured-multigrain-loops-gluten-free-organic-300-g-11165">
          <img alt="Muesli Coloured Multigrain Loops Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5715/file/small-47874399e4986a5eab2d8ecc1277a53e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5715/file/medium-8d72646a076c9730942c1a2ee18315e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5715/file/large-a7662ec862f53ba973885ce539ec736d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5715/file/medium-8d72646a076c9730942c1a2ee18315e8.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">turtle Better Breakfast</p>
          <a href="/en/products/muesli-coloured-multigrain-loops-gluten-free-organic-300-g-11165">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Muesli Coloured Multigrain Loops Gluten Free Organic, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0LoN4xjJHTbbZThNQpoM58Zk8ogxM-KKYy2hoL6r-Sr_MaNuEix27pCpnx6Nl3Z3LMTnb_Q_oGu6oEi2V3YqiQ" />
    <input value="11165" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/oat-spirals-gluten-free-demeter-250-g-16390">
          <img alt="Oat Spirals gluten-free Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7538/file/small-5f8d625cbc7165abb21ba8fce885746f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7538/file/medium-e22de268f3cfb9b445cd4c26d04cb1cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7538/file/large-f17b48baf3bc6f4ed6914c784aa14648.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7538/file/medium-e22de268f3cfb9b445cd4c26d04cb1cb.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">Spielberger Mühle</p>
          <a href="/en/products/oat-spirals-gluten-free-demeter-250-g-16390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Spirals gluten-free Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8mLMEieJPwXfj4bQ8f1WhzQXnBLTJ-A0flhBmQI2krfd6WKfLWxU3ZRDIYM-8CwX3reJ9RYrotWn1aiP6-tBFA" />
    <input value="16390" 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/mustard-seeds-black-whole-organic-80-g-7535">
          <img alt="Mustard Seeds Black Whole Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4337/file/small-bbb72850540f3615380065e504d44958.webp 600w, https://assets.fabulous.ch/public/variant_asset/4337/file/medium-8e841e2c72c0c92e522e6b014ee5b37c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4337/file/large-4e217975a29eac165944fd3f880146de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4337/file/medium-8e841e2c72c0c92e522e6b014ee5b37c.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">Sonnentor</p>
          <a href="/en/products/mustard-seeds-black-whole-organic-80-g-7535">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mustard Seeds Black Whole Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SnG1AxlUR8JuORPsrgOtZ3LQmwdcAi_XdVNgVyDz1GRl-huOE7EsGiX1tL9hDtf3mHCO4JkObTas3olByS4Hxw" />
    <input value="7535" 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/almond-drink-without-added-sugar-organic-1-l-10204">
          <img alt="Almond Drink Without 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/5510/file/small-e30656d437be5b252d95ad78ed2e02e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5510/file/medium-92ff15536d22087eaf0e8213aa3dc5c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5510/file/large-79cf1677d297541f762baa7c0419fbbc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5510/file/medium-92ff15536d22087eaf0e8213aa3dc5c4.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">Ecomil</p>
          <a href="/en/products/almond-drink-without-added-sugar-organic-1-l-10204">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Almond Drink Without Added Sugar Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="88jB-q1gKUfQV7D1zBBbMJ7XUsYV2ggtzKSo06n8xczcQ293p4VCn5ubF6YDHSGgdHdHIdDWSswVKUHFQCEWbw" />
    <input value="10204" 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/chickpeas-organic-500-g-309">
          <img alt="Chickpeas Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/276/file/small-e6cea3aee32738f8ecc60f5da4a6bc5c.webp 600w, https://assets.fabulous.ch/public/variant_asset/276/file/medium-de988dd246233dfb8c2f247856d44056.webp 900w, https://assets.fabulous.ch/public/variant_asset/276/file/large-a4ebf80d1a1f58932ea2c908a55a0c91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/276/file/medium-de988dd246233dfb8c2f247856d44056.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">Davert</p>
          <a href="/en/products/chickpeas-organic-500-g-309">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chickpeas Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Kz9ntOKfjMjz8BTz_gX5xrN7vb0J_WUOMm7Pw2K6oiMEtMk56HrnELg8s6AxCINWWduoWszxJ-_r4ybVi2dxgA" />
    <input value="309" 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/365-energy-drink-melon-organic-330-ml-16025">
          <img alt="365 Energy Drink Melon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7404/file/small-0806cebd63667dd3d80e3b745fca5fa6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7404/file/medium-3d23cc75cfe5df0cd0467174264fcc3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7404/file/large-6eab8a5e52432efab0c02cdeea01fe72.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7404/file/medium-3d23cc75cfe5df0cd0467174264fcc3a.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">Eos Bio</p>
          <a href="/en/products/365-energy-drink-melon-organic-330-ml-16025">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">365 Energy Drink Melon Organic, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gOwITjMiWmh9DE-VRH8wT6Yuw-C9_ZelwsQh2qDdsFCvZ6bDOccxsDbA6MaLckrfTI7WB3jx1UQbScjMSQBj8w" />
    <input value="16025" 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/muesli-cocoa-pillows-with-hazelnut-cream-organic-300-g-11167">
          <img alt="Muesli Cocoa Pillows with Hazelnut Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5717/file/small-cc1c5855a20193b9e4111be62e2b51fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/5717/file/medium-9dc7e4305ee2f893f9abbe2fbb7248bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/5717/file/large-b8432116381076c25821d73715468a4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5717/file/medium-9dc7e4305ee2f893f9abbe2fbb7248bc.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">turtle Better Breakfast</p>
          <a href="/en/products/muesli-cocoa-pillows-with-hazelnut-cream-organic-300-g-11167">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Muesli Cocoa Pillows with Hazelnut Cream Organic, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EktEGlpsbJPJrPbTmCtRWzc75zxtacJzDjFBfQYIR889wOqXUIkHS4JgUYBXJivL3Zvy26hlgJLXvKhr79WUbA" />
    <input value="11167" 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/sausage-vegan-gran-chorizo-organic-200-g-172">
          <img alt="Sausage Vegan Gran Chorizo Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/182/file/small-30f737da5afbfdd14c6e62ffe21ff36e.webp 600w, https://assets.fabulous.ch/public/variant_asset/182/file/medium-d37dc83db0395e3433c600da9b36b591.webp 900w, https://assets.fabulous.ch/public/variant_asset/182/file/large-2b91d1c9bfa8c797c57ae917c6fbabcc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/182/file/medium-d37dc83db0395e3433c600da9b36b591.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/sausage-vegan-gran-chorizo-organic-200-g-172">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sausage Vegan Gran Chorizo Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cdjQbNZyyqqHVAeUzf3jVhp0mgiYmwQ_VQOg9OknS0teU37h3JehcsyYoMcC8JnG8NSP712XRt6MjkniAPqY6A" />
    <input value="172" 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/mountain-lentil-tempeh-organic-185-g-17200">
          <img alt="Mountain Lentil Tempeh Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8026/file/small-58f2439242a68ac4f00cc4829f438e06.webp 600w, https://assets.fabulous.ch/public/variant_asset/8026/file/medium-3431619496a9dd3f45100e1d078312b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/8026/file/large-d694cbc9b90e2267adf9de8d32567208.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8026/file/medium-3431619496a9dd3f45100e1d078312b9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Tempehmanufaktur</p>
          <a href="/en/products/mountain-lentil-tempeh-organic-185-g-17200">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mountain Lentil Tempeh Organic, 185 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TdGlc6tVfFm7HQrZfzFNxguKh3V9C7xDtyeE5iDdjCtiWgv-obAXgfDRrYqwPDdW4SqSkrgH_qJuqm3wyQBfiA" />
    <input value="17200" 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/mozzarella-flavour-grated-150-g-11352">
          <img alt="Mozzarella Flavour Grated" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5824/file/small-65502691a1b32685f88863dafa9d19b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5824/file/medium-5f438b8c0c590af139143716549f256b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5824/file/large-8c3485e04c3db807080f51acae7af319.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5824/file/medium-5f438b8c0c590af139143716549f256b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Violife</p>
          <a href="/en/products/mozzarella-flavour-grated-150-g-11352">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mozzarella Flavour Grated, 150 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="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.30 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ity9-VeCkW4RvFy1pLQUh8GbqB0UanCfu3DjThW4dcelVxN0XWf6tlpw--ZruW4XKzu9-tFmMn5i_QpY_GWmZA" />
    <input value="11352" 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/stain-remover-spray-100-ml-11742">
          <img alt="Stain Remover Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6001/file/small-934922df0a4692524a42a8a7c4e1b5b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6001/file/medium-724d98da3ed4fbfb1089180c3f1adb41.webp 900w, https://assets.fabulous.ch/public/variant_asset/6001/file/large-a27ae8a92033028b5b7853d0f1e73315.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6001/file/medium-724d98da3ed4fbfb1089180c3f1adb41.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/stain-remover-spray-100-ml-11742">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Stain Remover Spray, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FpuPQA8UcydisbjED1LVmI1HTFUeK-wIQwtVTeMI-tw5ECHNBfEY_yl9H5fAX68IZ-dZstsnrumahrxbCtUpfw" />
    <input value="11742" 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/bleach-complex-and-stain-remover-450-g-6998">
          <img alt="Bleach Complex and Stain Remover" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4048/file/small-34b94a0d34b160e89677d413ca82fef1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4048/file/medium-9901aa66fa9c26519008ea72dac066b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4048/file/large-d19806104d8e45cad03bca5f43ec37e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4048/file/medium-9901aa66fa9c26519008ea72dac066b5.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/bleach-complex-and-stain-remover-450-g-6998">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bleach Complex and Stain Remover, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xf1Pl_cWnjF5H4tvUSLO84xItOQWm0F82rIyHc8zWQRyduEa_fP16TLTLDyeL7RjZuihA9OXA50DP9sLJu6Kpw" />
    <input value="6998" 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/toilet-cleaner-cedar-citronella-0-75-l-540">
          <img alt="Toilet Cleaner Cedar-Citronella" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/489/file/small-c0edd928d76e9b93e62120baca09a372.webp 600w, https://assets.fabulous.ch/public/variant_asset/489/file/medium-ba2299c025d18160f84cfdebaf5bbd4d.webp 900w, https://assets.fabulous.ch/public/variant_asset/489/file/large-a723e2d35749f3f36cffdabcd870e6ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/489/file/medium-ba2299c025d18160f84cfdebaf5bbd4d.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/toilet-cleaner-cedar-citronella-0-75-l-540">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Toilet Cleaner Cedar-Citronella, 0.75 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yhbU9gNAabs9-OyZfeVEGhz8RVbwVfEyQflcpjyAs6LlnXp7CaUCY3Y0S8qy6D6K9lxQsTVZs9OYdLWw1V1gAQ" />
    <input value="540" 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/all-purpose-cleanser-1-l-538">
          <img alt="All-Purpose Cleanser" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/485/file/small-39444f697aab1bdcd9e433cd82fbe00b.webp 600w, https://assets.fabulous.ch/public/variant_asset/485/file/medium-d68bde4a00b5a3ed72bf062cf1954900.webp 900w, https://assets.fabulous.ch/public/variant_asset/485/file/large-c64af2737527d20bbaebad92502b37d5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/485/file/medium-d68bde4a00b5a3ed72bf062cf1954900.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/all-purpose-cleanser-1-l-538">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">All-Purpose Cleanser, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fvJP0Eylm8kyso5buKFk3ms4XHA-ug5ghnyJmwF00ixReeFdRkDwEXl-KQh3rB5OgZhJl_u2TIFf8WCN6KkBjw" />
    <input value="538" 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/maple-syrup-grade-c-bio-1000-ml-15175">
          <img alt="Maple Syrup Grade C+ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6955/file/small-b1f8305588e8f5d25767728f7009c539.webp 600w, https://assets.fabulous.ch/public/variant_asset/6955/file/medium-8e7ea61cc2f98bfb7703d7045fa03199.webp 900w, https://assets.fabulous.ch/public/variant_asset/6955/file/large-77c5e0de12b523256b05182caff5bfc3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6955/file/medium-8e7ea61cc2f98bfb7703d7045fa03199.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">Madal Bal</p>
          <a href="/en/products/maple-syrup-grade-c-bio-1000-ml-15175">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Maple Syrup Grade C+ Bio, 1000 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4FeD0F1y4k4klQdbMMAlsKtOhN8xM_vwDhFZyJqMKG7P3C1dV5eJlm9ZoAj_zV8gQe6ROPQ_uRHXnLDec1H7zQ" />
    <input value="15175" 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/surface-disinfectant-500-ml-3980">
          <img alt="Surface Disinfectant" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2522/file/small-0ca653fa3ef9c909b2f7a3fced4a83d4.webp 600w, https://assets.fabulous.ch/public/variant_asset/2522/file/medium-72ce7901207c97bf6ca22b54657c3fb7.webp 900w, https://assets.fabulous.ch/public/variant_asset/2522/file/large-b227ee65969b6ade4ea90464d3552da4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2522/file/medium-72ce7901207c97bf6ca22b54657c3fb7.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/surface-disinfectant-500-ml-3980">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Surface Disinfectant, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dprfljxrZLEGddzAAV06XUwAaptbN1i9-yqyEMvhw-JZEXEbNo4PaU25e5POUEDNpqB_fJ47Glwip1sGIjwQQQ" />
    <input value="3980" 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/carrot-bites-organic-180-g-17776">
          <img alt="Carrot Bites Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8722/file/small-0606bc23056772714dd7776144d9d34b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8722/file/medium-37a117f9ac418240b77c9749cd94274a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8722/file/large-fbdc74aca773b07513f3bf775a9c694e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8722/file/medium-37a117f9ac418240b77c9749cd94274a.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/carrot-bites-organic-180-g-17776">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Carrot Bites Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 4.14 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ikgqTqGffCFtSVFoBo8-_775ewwXvhleuxuUPcm8nJulw4TDq3oX-SaF9jvJgkRvVFlu69KyW79iln0rIGFPOA" />
    <input value="17776" 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/grattaveg-grated-vegan-alternative-to-hard-cheese-organic-80-g-15919">
          <img alt="GrattaVeg Grated Vegan Alternative to Hard Cheese Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7319/file/small-edccdc196e505c043a53c4c2b359f707.webp 600w, https://assets.fabulous.ch/public/variant_asset/7319/file/medium-24961a3e84b335936004670a86ac0715.webp 900w, https://assets.fabulous.ch/public/variant_asset/7319/file/large-05da26c41b5c0c388426cee09e0eeadb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7319/file/medium-24961a3e84b335936004670a86ac0715.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">Vegeatal</p>
          <a href="/en/products/grattaveg-grated-vegan-alternative-to-hard-cheese-organic-80-g-15919">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">GrattaVeg Grated Vegan Alternative to Hard Cheese Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 5.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z-31vNMfsnXIFdCGYKZrUOpt7Dg6oPz7H7uG4dnKbU1IZlsx2frZrYPZd9WvqxHAAM353_-svhrGNm_3MBe-7g" />
    <input value="15919" 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/grattaveg-vegan-alternative-to-hard-cheese-organic-200-g-13532">
          <img alt="GrattaVeg Vegan Alternative to Hard Cheese Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6538/file/small-1b88723470da85e63f562e32218d694e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6538/file/medium-3bbb14e9d2222941474903ebd832d037.webp 900w, https://assets.fabulous.ch/public/variant_asset/6538/file/large-cf4b7ecf0f34393c389d866877b809ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6538/file/medium-3bbb14e9d2222941474903ebd832d037.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">Vegeatal</p>
          <a href="/en/products/grattaveg-vegan-alternative-to-hard-cheese-organic-200-g-13532">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">GrattaVeg Vegan Alternative to Hard Cheese Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.75
            </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.38 / 100 g
            </p>
        </div>
      </div>

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

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

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      760 of 3&#39;202 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/germline?format=turbo_stream&amp;page=39">Show more</a>
  </div>
</div>

</template></turbo-stream>