<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/surface-disinfectant-bulk-buy-10-l-6954">
          <img alt="Surface Disinfectant Bulk Buy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4024/file/small-26d6496220218289062cb2a0baa1a2fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4024/file/medium-23d07fb63b6c4938eb4dfc0613082058.webp 900w, https://assets.fabulous.ch/public/variant_asset/4024/file/large-2f4390da1fc4a985a40aac935963eb7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4024/file/medium-23d07fb63b6c4938eb4dfc0613082058.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-bulk-buy-10-l-6954">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Surface Disinfectant Bulk Buy, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 159.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oCC2fw2LWSobSzxp58xprzH3N7lPI2VZT0leYBXcsrSHq4RzEInY77fYQf_WNNjDNzmri-8w5NjidcXA-fH2bw" />
    <input value="6954" 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/millet-golden-organic-500-g-6960">
          <img alt="Millet Golden Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4031/file/small-0cb887561639435d13852b42a161c40c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4031/file/medium-e0242d1d113d025807c48c588a7fc158.webp 900w, https://assets.fabulous.ch/public/variant_asset/4031/file/large-3184a6baf2c7bb356a0fb960c44650c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4031/file/medium-e0242d1d113d025807c48c588a7fc158.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">Biofarm</p>
          <a href="/en/products/millet-golden-organic-500-g-6960">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Millet Golden Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K7nY3RfuMciv6GiBJIBruEgZH9fR4qpVaAGVMo1adhoMMurRCuywDQN7FRcVeNrUTteD5XHxK9TFPQ6SYXcywQ" />
    <input value="6960" 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/buckwheat-organic-500-g-41d484d7-8de5-44e2-ab32-8847facd1072-6961">
          <img alt="Buckwheat Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4032/file/small-ff59b25068f01e4534e894f10cdbf7ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/4032/file/medium-3b2a453b4aecf4556406352c646ccd8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/4032/file/large-d3aefc349a39bc2bd433ef2d4971ab56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4032/file/medium-3b2a453b4aecf4556406352c646ccd8f.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">Biofarm</p>
          <a href="/en/products/buckwheat-organic-500-g-41d484d7-8de5-44e2-ab32-8847facd1072-6961">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Buckwheat Organic, 500 g</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 1.10 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CuLt7IG7H_fhkaY9i2kpidhjRDjTKkL5-ofIgSExMPstad_gnLmeMk0C26u6kZjl3q3YCnM5w3hXu1MhzRx0IA" />
    <input value="6961" 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/spelt-grains-organic-1-kg-6962">
          <img alt="Spelt Grains Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4033/file/small-731cdd6077404a366b03f5a03f66e047.webp 600w, https://assets.fabulous.ch/public/variant_asset/4033/file/medium-b674b8084951e504d00efa9ef1ece681.webp 900w, https://assets.fabulous.ch/public/variant_asset/4033/file/large-0fb0b0892e53287f00d18e9c9f746fd8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4033/file/medium-b674b8084951e504d00efa9ef1ece681.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">Biofarm</p>
          <a href="/en/products/spelt-grains-organic-1-kg-6962">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spelt Grains Organic, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="05LHJO1y__I1-Qev9Mq2cMUHH1r1mV84HxR7nQLOcu30GfUo8HB-N5lqejnFMgccw8mDaFWK3rmyKOA97uM2Ng" />
    <input value="6962" 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/conditioner-repair-deep-care-200-ml-6988">
          <img alt="Conditioner Repair &amp; Deep Care" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4043/file/small-41c6f5314a934075d65a1a8bad850123.webp 600w, https://assets.fabulous.ch/public/variant_asset/4043/file/medium-0139e409b04f5a6918f36f73132f1d22.webp 900w, https://assets.fabulous.ch/public/variant_asset/4043/file/large-b363f5c5c1850fdd6f90af37ace7e974.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4043/file/medium-0139e409b04f5a6918f36f73132f1d22.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">Lavera</p>
          <a href="/en/products/conditioner-repair-deep-care-200-ml-6988">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Conditioner Repair &amp; Deep Care, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YOw0ibYrhIY0lQdusApmzERgVCP4a7ijpUyCV-wOrb9HZwaFqykFQ5gGeviB8tegQq7IEVh4OSIIcBn3ACPpZA" />
    <input value="6988" 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/orange-power-cleaner-bulk-buy-10-l-6990">
          <img alt="Orange Power Cleaner Bulk Buy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4046/file/small-336a575c87f770dab35cbbf6a8359cc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/4046/file/medium-b0fa18372bc6d17f874abcab121320af.webp 900w, https://assets.fabulous.ch/public/variant_asset/4046/file/large-a591d9fef6ddfe5462a0719103573176.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4046/file/medium-b0fa18372bc6d17f874abcab121320af.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/orange-power-cleaner-bulk-buy-10-l-6990">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Orange Power Cleaner Bulk Buy, 10 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 83.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xk94GnvxIgHVEhXhdfmp3RNZWEAVGGGV2KqKYupPzUjhxEoWZvOjxHmBaHdEARixFZfEcrUL4BR1lhHCBmKJkw" />
    <input value="6990" 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-bulk-buy-5-kg-6996">
          <img alt="Bleach Complex and Stain Remover Bulk Buy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4045/file/small-548bdd18ea378ce302cf99cffe963760.webp 600w, https://assets.fabulous.ch/public/variant_asset/4045/file/medium-f139324cd157f87861c9047d687af25d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4045/file/large-bc906860f1b25b52f50d9f67f5dda37a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4045/file/medium-f139324cd157f87861c9047d687af25d.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-bulk-buy-5-kg-6996">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bleach Complex and Stain Remover Bulk Buy, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6CU4L0ZESDClmfG-Tq6KJm3ouG6M7TZXTdclownNmrbPrgojW0bJ9QkKjCh_VjtKayYkXCz-t9bg674D5eDebQ" />
    <input value="6996" 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/vitamin-b12-methylcobalamin-600-drops-vegan-250-g-600-drop-7007">
          <img alt="Vitamin B12 Methylcobalamin 250µg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4050/file/small-a029054d2e9d6766e1bd34fa391bfb3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4050/file/medium-6e0c544be4d5297998de8090b01be6cf.webp 900w, https://assets.fabulous.ch/public/variant_asset/4050/file/large-081b94eb5ee4465e4dd2b74d8081469d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4050/file/medium-6e0c544be4d5297998de8090b01be6cf.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">Bjökovit</p>
          <a href="/en/products/vitamin-b12-methylcobalamin-600-drops-vegan-250-g-600-drop-7007">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin B12 Methylcobalamin 250µg, 600 drops</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UKSYqDm6yYePyWKRVfnwA7yPCgt_3rtQjUvTySg3Pel3L6qkJLhIQiNaHwdkAUFvukGWOd_NOtEgd0hpxBp5Mg" />
    <input value="7007" 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/vitamin-d3-drops-20-g-800iu-600-drops-600-drop-7008">
          <img alt="Vitamin D3 Drops 20µg / 800IU" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4052/file/small-2db9787e3bea85f4c12c12741d2d8c4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4052/file/medium-c1950598eb61b8964f98093310ce2858.webp 900w, https://assets.fabulous.ch/public/variant_asset/4052/file/large-ca6814ac4b64d83ab0a9700ded3828d7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4052/file/medium-c1950598eb61b8964f98093310ce2858.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">Bjökovit</p>
          <a href="/en/products/vitamin-d3-drops-20-g-800iu-600-drops-600-drop-7008">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin D3 Drops 20µg / 800IU, 600 drops</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 40.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eKrotHCcyweffba2XU-RHKr0tk0ONqZezYUzWHCZPyRfIdq4bZ5KwjPuyyBstyBwrDoqf64lJ99guaj4nLR7_w" />
    <input value="7008" 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/vitamin-b12-for-children-methyl-3-1-g-vegan-120-chewable-tablets-120-piece-7020">
          <img alt="Vitamin B12 for Children Methyl 3.1μg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4053/file/small-a57d46368ecf90aeec162e51157c604c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4053/file/medium-7109ef8d5af09dcacb8432c0766db847.webp 900w, https://assets.fabulous.ch/public/variant_asset/4053/file/large-716d0851269123ddbbdd25150a240214.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4053/file/medium-7109ef8d5af09dcacb8432c0766db847.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">Bjökovit</p>
          <a href="/en/products/vitamin-b12-for-children-methyl-3-1-g-vegan-120-chewable-tablets-120-piece-7020">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin B12 for Children Methyl 3.1μg, 120 chewable tablets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.30
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.20 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X9cq--DP0y9VJgff68e4kz8tHHJ58py4ElWOX95_q1t4XBj3_c1S6vm1eknaPwn_OeOAQNnhHTm_aRX_MlLvgA" />
    <input value="7020" 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/vitamin-d3-k2-for-children-vegan-120-chewable-tablets-120-piece-7021">
          <img alt="Vitamin D3 + K2 for Children" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4054/file/small-7818bed76662d5be5c92a5dfea72b98d.webp 600w, https://assets.fabulous.ch/public/variant_asset/4054/file/medium-39eaff8d1e761bfe555c1a1bf1378289.webp 900w, https://assets.fabulous.ch/public/variant_asset/4054/file/large-de1861bc7479998511a565962cd02484.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4054/file/medium-39eaff8d1e761bfe555c1a1bf1378289.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">Bjökovit</p>
          <a href="/en/products/vitamin-d3-k2-for-children-vegan-120-chewable-tablets-120-piece-7021">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamin D3 + K2 for Children, 120 chewable tablets</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.85
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.22 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9NLhtb44YyPW2iw-5sMA-oDu-aQpZUuyrCTWSfZcd4bTWdO5ozri5npJUajXO7GWhiBllol2yjMBGE3pGnEzXQ" />
    <input value="7021" 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/amaranth-grain-organic-500-g-c2af8c78-d06e-406c-a7bc-6f3653582482-7039">
          <img alt="Amaranth Grain Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4058/file/small-574dc853e67bd7bb987541e49682e9cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/4058/file/medium-390a60882f44a08e76027b9cea56e358.webp 900w, https://assets.fabulous.ch/public/variant_asset/4058/file/large-0d26455efebc157a1f6fbcd9ae9304a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4058/file/medium-390a60882f44a08e76027b9cea56e358.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">Rapunzel</p>
          <a href="/en/products/amaranth-grain-organic-500-g-c2af8c78-d06e-406c-a7bc-6f3653582482-7039">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amaranth Grain Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NvrQHpTOW75FQqaI7EOTSAY6E8Jhb4R2F9QW49c5dy8RceISiczae-nR2x7duyIkAPSP8MF8Bfe66I1DOxQz9A" />
    <input value="7039" 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-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/mouthwash-tautona-dent-spearmint-xylitol-and-aloe-460-ml-7040">
          <img alt="Mouthwash Tautona-Dent Spearmint Xylitol and Aloe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4062/file/small-e2a948fa097155755f3bac741bdcdbbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/4062/file/medium-8d6866206a0902acf48771145b520a8e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4062/file/large-dcc914ee8f9b143eee52f01ce70862b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4062/file/medium-8d6866206a0902acf48771145b520a8e.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">Tautona</p>
          <a href="/en/products/mouthwash-tautona-dent-spearmint-xylitol-and-aloe-460-ml-7040">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mouthwash Tautona-Dent Spearmint Xylitol and Aloe, 460 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.85
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-7040-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  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/lecker-s-orangeat-candid-orange-organic-100-g-7081">
          <img alt="Lecker&#39;s Orangeat Candid Orange Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4071/file/small-c436321d7a58956c3f064992de91a373.webp 600w, https://assets.fabulous.ch/public/variant_asset/4071/file/medium-32b5dbd6c04996319d3c7730e0621344.webp 900w, https://assets.fabulous.ch/public/variant_asset/4071/file/large-f0a0d54677133e8636d8bd57bb5d4e66.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4071/file/medium-32b5dbd6c04996319d3c7730e0621344.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">Lecker&#39;s</p>
          <a href="/en/products/lecker-s-orangeat-candid-orange-organic-100-g-7081">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lecker&#39;s Orangeat Candid Orange Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OVLnSN4_ItCBZvBxj6sflJTjnq8MZzadYjbcNGjkA_Me2dVEwz2jFS31jee-U674ki0Cnax0txzPCkeUhMlHKA" />
    <input value="7081" 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/lecker-s-candid-lemon-organic-100-g-7082">
          <img alt="Lecker&#39;s Candid Lemon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4069/file/small-8d29d01077bb594529772678c067c225.webp 600w, https://assets.fabulous.ch/public/variant_asset/4069/file/medium-ecdd2d3b04abb45effdd19a9043441fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4069/file/large-84c2c41efdcdcbe8669e7c3fe96bfa59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4069/file/medium-ecdd2d3b04abb45effdd19a9043441fc.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">Lecker&#39;s</p>
          <a href="/en/products/lecker-s-candid-lemon-organic-100-g-7082">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lecker&#39;s Candid Lemon Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0tSdGmIgpH2PohQxWKX22lyP7F-FO8FPqH1cpEAxOUb1X68WfyIluCMxaadpXUe2WkFwbSUoQM4FQccErBx9nQ" />
    <input value="7082" 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/lecker-s-lemon-oil-organic-2-ml-7083">
          <img alt="Lecker&#39;s Lemon Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4070/file/small-d9420f8a9864402a5bf7908f5ab0bf95.webp 600w, https://assets.fabulous.ch/public/variant_asset/4070/file/medium-502416b5824bc3ea816e89bf87a92795.webp 900w, https://assets.fabulous.ch/public/variant_asset/4070/file/large-139efb9c3b52cd1b392475c8168cb78d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4070/file/medium-502416b5824bc3ea816e89bf87a92795.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">Lecker&#39;s</p>
          <a href="/en/products/lecker-s-lemon-oil-organic-2-ml-7083">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lecker&#39;s Lemon Oil Organic, 2 ml</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 225.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JSnVwK40sxwayegvY9vJYp8OH8Q4tHf2w4AZdL-M5fQCoufMszYy2bZalblSI3gOmcCD9pin9nduvILUU6GhLw" />
    <input value="7083" 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/drinking-water-analysis-1-piece-7102">
          <img alt="Drinking water analysis" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4081/file/small-535a3b3860aa2c061d18a344047e8d28.webp 600w, https://assets.fabulous.ch/public/variant_asset/4081/file/medium-91926561374bd560ef88eaa93651347c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4081/file/large-5b3fd74aa20b83d32a83737c9826f16f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4081/file/medium-91926561374bd560ef88eaa93651347c.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">ortho-analytic</p>
          <a href="/en/products/drinking-water-analysis-1-piece-7102">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Drinking water analysis, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 199.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 199.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FKhq6P6Q0hVzXQ_Gc7T4OlUqYZM23qOEn7BjAyVTDIEzI1jk45JT0N_OclBCTElWU-T9oZbNIgUyjPijyX5IWg" />
    <input value="7102" 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/green-beans-glass-jar-demeter-680-g-7124">
          <img alt="Green Beans Glass Jar Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4087/file/small-5e9b4e61ad40bcd95480120a1aecd425.webp 600w, https://assets.fabulous.ch/public/variant_asset/4087/file/medium-bef90624b717fe9dd26cff9dd61d5897.webp 900w, https://assets.fabulous.ch/public/variant_asset/4087/file/large-702a413e47c60222a7548be57aad6f04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4087/file/medium-bef90624b717fe9dd26cff9dd61d5897.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">de Rit</p>
          <a href="/en/products/green-beans-glass-jar-demeter-680-g-7124">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Green Beans Glass Jar Demeter, 680 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="V3EHC6_4hcPUi5f7aXNFw6JwL7P0Q3eD2CiKhByfbQ5w-jUHsvoEBngY6m1Yi_SvpL6zgVRQ9gJ1FBEk8LIp1Q" />
    <input value="7124" 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/beans-azuki-organic-500-g-7132">
          <img alt="Beans Azuki Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4095/file/small-bb94db5ad0ed317211cad352dbe23a93.webp 600w, https://assets.fabulous.ch/public/variant_asset/4095/file/medium-9049b1bdb25cbc94fd8cbb0fdd51e7f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4095/file/large-ab8ca14b428513f837b89ca3456e8fc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4095/file/medium-9049b1bdb25cbc94fd8cbb0fdd51e7f6.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">Rapunzel</p>
          <a href="/en/products/beans-azuki-organic-500-g-7132">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beans Azuki Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yCuWOXIRt-KRSEfWCopRAImYAjQtotlPMQUmhq3_rV7voKQ1bxM2Jz3bOkA7cuBsj1aeBo2xWM6cOb0mQdLphQ" />
    <input value="7132" 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/beans-borlotti-organic-400-g-7133">
          <img alt="Beans Borlotti Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4096/file/small-87200c32d6b651fece078e5448fdd612.webp 600w, https://assets.fabulous.ch/public/variant_asset/4096/file/medium-f7cf54d5f44ab9d1517cb6a1328b787e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4096/file/large-2b65fc7f8d4ccfa8f3d77d3eaae0ee61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4096/file/medium-f7cf54d5f44ab9d1517cb6a1328b787e.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">Alce Nero</p>
          <a href="/en/products/beans-borlotti-organic-400-g-7133">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beans Borlotti Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bxZLlqFdGgH0rwxo7rPu-8TpEPUpNVKML14m9_R98yJInXmavF-bxFg8cf7fS1-XwieMx4km0w2CYr1XGFC3-Q" />
    <input value="7133" 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">
      1&#39;940 of 3&#39;205 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/nabio?format=turbo_stream&amp;page=98">Show more</a>
  </div>
</div>

</template></turbo-stream>