<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/sesame-hamburger-buns-organic-50-g-16590">
          <img alt="Sesame Hamburger Buns Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7649/file/small-bbabc82a8e852d808ca56cd6478ef62f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7649/file/medium-a867c45534d2839b5946a11cffd2ae9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7649/file/large-32e8a10905ee344f9c16fff9a55575ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7649/file/medium-a867c45534d2839b5946a11cffd2ae9e.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">L&#39;Angelus</p>
          <a href="/en/products/sesame-hamburger-buns-organic-50-g-16590">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sesame Hamburger Buns Organic, 50 g</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 9.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kgq-yTOh-doOuTdobAr-gZr9nLS3ose8osbGMsGwXAAlFIBpxjUfuN4FCT3oPUEF-vqWkWeBu8d3SxUSQUHalA" />
    <input value="16590" 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/capelli-d-angelo-fideli-gluten-free-250-g-16591">
          <img alt="Capelli d&#39;Angelo Fideli Gluten-Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7650/file/small-4f6f2c85f977ff6228532b9d058aad55.webp 600w, https://assets.fabulous.ch/public/variant_asset/7650/file/medium-b50e26885fc1b3545b4cfbb130a234c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7650/file/large-3a9d4c1b0323ead0fc05eef335a30b9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7650/file/medium-b50e26885fc1b3545b4cfbb130a234c6.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">Schär</p>
          <a href="/en/products/capelli-d-angelo-fideli-gluten-free-250-g-16591">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Capelli d&#39;Angelo Fideli Gluten-Free, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/coconut-fat-100-organic-250-g-16592">
          <img alt="Coconut Fat 100% Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7652/file/small-649d77bfb43621281831c0f743920490.webp 600w, https://assets.fabulous.ch/public/variant_asset/7652/file/medium-c65a76b68335fa071246a962bb492cb9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7652/file/large-c4587469fc8c19d6cf68badb7e33d3a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7652/file/medium-c65a76b68335fa071246a962bb492cb9.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">Naturata</p>
          <a href="/en/products/coconut-fat-100-organic-250-g-16592">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Fat 100% Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eDWIQilWTT3QQbgsCzZ4CujeyWVww1sW87Ns3vEGpXvPK7bi3MKrXwD9hnmPAceOiNnDQKDgJ20mPr_-cfcj7w" />
    <input value="16592" 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/bread-dough-sourdough-extract-organic-15-g-16593">
          <img alt="Bread Dough Sourdough Extract Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7651/file/small-23566c1cb12dde8512313eae8b995f1d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7651/file/medium-b2885356fb9fe7a348f0e9b736e7c068.webp 900w, https://assets.fabulous.ch/public/variant_asset/7651/file/large-a59633bb6362e7486f42307afa6870e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7651/file/medium-b2885356fb9fe7a348f0e9b736e7c068.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">VITAM</p>
          <a href="/en/products/bread-dough-sourdough-extract-organic-15-g-16593">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bread Dough Sourdough Extract Organic, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S8U8cgKvvQ3BNFAxuhu8w5C5dOtWWMgwi_N2wZLts_j82wLS9ztbbxGIbmQ-LANH8L5-zoZ7tEtefqXhEhw1bA" />
    <input value="16593" 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/swiss-sunflower-seeds-organic-200-g-16594">
          <img alt="Swiss Sunflower Seeds Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7655/file/small-2a405835c77c3a6130d5e13f538f9019.webp 600w, https://assets.fabulous.ch/public/variant_asset/7655/file/medium-8bd831db40fc868c43bffcf738388764.webp 900w, https://assets.fabulous.ch/public/variant_asset/7655/file/large-14401081b187514df17f23eee6ee62ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7655/file/medium-8bd831db40fc868c43bffcf738388764.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/swiss-sunflower-seeds-organic-200-g-16594">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Swiss Sunflower Seeds Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VYTFvxgYjBpo9xbaOsupipFg98B1HhpZ4Fwp_8ab7K_imvsf7YxqeLhLKI--_BYO8Wf95aU9ZiI10frfRmpqOw" />
    <input value="16594" 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/buckwheat-organic-500-g-5894c2a1-649f-44a4-8e88-8bec7393d14a-16595">
          <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/7656/file/small-aa9809258236a061745e20a95b0231f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7656/file/medium-457ac84191ae5c2e2aa7e912ccab1044.webp 900w, https://assets.fabulous.ch/public/variant_asset/7656/file/large-67d036ddc69570202d6fa399b3847927.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7656/file/medium-457ac84191ae5c2e2aa7e912ccab1044.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/buckwheat-organic-500-g-5894c2a1-649f-44a4-8e88-8bec7393d14a-16595">
            <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 4.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JjVAKpzOumvqFi_sqJu49VNQOZgbg5nWsjZ4GUPzUEiRK36KaVpcCTqqEbksrAdxM1czvcug5a1nu6s5wwLW3A" />
    <input value="16595" 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/puffed-rice-gluten-free-organic-125-g-16605">
          <img alt="Puffed Rice 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/7657/file/small-df0c911836fdc6a95caffafe1505af20.webp 600w, https://assets.fabulous.ch/public/variant_asset/7657/file/medium-d75045b103da8139cb94b32b3ed5b25f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7657/file/large-a2aced9ea9b2d67908f879c0638f4b92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7657/file/medium-d75045b103da8139cb94b32b3ed5b25f.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">Werz</p>
          <a href="/en/products/puffed-rice-gluten-free-organic-125-g-16605">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Puffed Rice Gluten-Free Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="86ZFWA1osSCf-WoFXbRKebqklkKKhIvkYpxH_J-g4KtEuHv4-PxXQk9FVFDZg_X92qOcZ1qn95-3EZTcH1FmPw" />
    <input value="16605" 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/instant-vegetable-bouillon-fat-free-gluten-free-500-g-16609">
          <img alt="Instant Vegetable Bouillon Fat-Free Gluten-Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7662/file/small-45364548d553e6891cc115fa7f4e7306.webp 600w, https://assets.fabulous.ch/public/variant_asset/7662/file/medium-4e179f84802f93d5fb04e647d39809e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7662/file/large-c894d7817ad873115deb11ffefd1e777.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7662/file/medium-4e179f84802f93d5fb04e647d39809e6.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">MORGA</p>
          <a href="/en/products/instant-vegetable-bouillon-fat-free-gluten-free-500-g-16609">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Instant Vegetable Bouillon Fat-Free Gluten-Free, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nF718RA9nJJ9spy5e7QQP1B9vOxAufxgo5dFkOO_TkIrQMtR5al68K0Oouz_g6-7MHq2yZCagBt2GpawY07I1g" />
    <input value="16609" 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/desiccated-coconut-organic-250-g-16610">
          <img alt="Desiccated Coconut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7664/file/small-7993c8c5439b3f7838e06a1f6dae3807.webp 600w, https://assets.fabulous.ch/public/variant_asset/7664/file/medium-1669eaf8758c5337f22448cf79b21e47.webp 900w, https://assets.fabulous.ch/public/variant_asset/7664/file/large-eb4d90f26fed982826d85884c348da0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7664/file/medium-1669eaf8758c5337f22448cf79b21e47.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/desiccated-coconut-organic-250-g-16610">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Desiccated Coconut Organic, 250 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 1.80 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YFEK4TfcwAHW8njxvbuXSmXhxTF-jCsiRN7zPWbyLCzXTzRBwkgmYwZORqQ5jCjOBebPFK6vV1mRUyAd5gOquA" />
    <input value="16610" 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/mini-bar-ombar-coconut-milk-dark-60-raw-chocolate-organic-35-g-16611">
          <img alt="Mini Bar Ombar Coconut Milk Dark 60% Raw Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7666/file/small-1ecacb0bb4fb0fa1e84e01787908024e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7666/file/medium-6ad4f343b6e1371f97963adc27a6f316.webp 900w, https://assets.fabulous.ch/public/variant_asset/7666/file/large-f1206e97f9e4487219a44ee6304f800c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7666/file/medium-6ad4f343b6e1371f97963adc27a6f316.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">Ombar</p>
          <a href="/en/products/mini-bar-ombar-coconut-milk-dark-60-raw-chocolate-organic-35-g-16611">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Bar Ombar Coconut Milk Dark 60% Raw Chocolate Organic, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tsDrD0UTmguV1nxdvrv6CqK7h9qAGDb0OuBagT5tu5sB3tWvsId8aUVqQgg6jEWOwryN_1A7So_vbYmhvpw9Dw" />
    <input value="16611" 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/mini-bar-ombar-dark-90-raw-chocolate-organic-35-g-16612">
          <img alt="Mini Bar Ombar Dark 90% Raw Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7667/file/small-08cc9cd6e3009265905038454d5a1f18.webp 600w, https://assets.fabulous.ch/public/variant_asset/7667/file/medium-3f7b067f558f86aee4401ad385ca6b61.webp 900w, https://assets.fabulous.ch/public/variant_asset/7667/file/large-8009b6e5f090ea7d83bc6ed299aa1ce2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7667/file/medium-3f7b067f558f86aee4401ad385ca6b61.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">Ombar</p>
          <a href="/en/products/mini-bar-ombar-dark-90-raw-chocolate-organic-35-g-16612">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Bar Ombar Dark 90% Raw Chocolate Organic, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2e8BFXRwWKhbIxwQT6nYF_SaB_DGxSaPVBZh3m27ItVu8T-1geS-youfIkXLnmeTlJ0N1RbmWvSBm7L-7UqkQQ" />
    <input value="16612" 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/bamboo-toothbrush-premium-super-soft-1-piece-1-piece-16614">
          <img alt="Bamboo Toothbrush Premium Super Soft, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7669/file/small-df17aad5d5793f026ba32a0829f3fa7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7669/file/medium-9433b1c01c8cb3bb7ffbb4fc8064cd10.webp 900w, https://assets.fabulous.ch/public/variant_asset/7669/file/large-4f7a947111f0da079ad7ffa5a276caf9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7669/file/medium-9433b1c01c8cb3bb7ffbb4fc8064cd10.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">Hydrophil</p>
          <a href="/en/products/bamboo-toothbrush-premium-super-soft-1-piece-1-piece-16614">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bamboo Toothbrush Premium Super Soft, 1 piece, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="n5kzJkDppa2iVMqkKiU-ZCTyqENVFRWOtSfLFu_0Il0ohw2GtX1Dz3Lo9PGuEoHgRPWiZoU2afVgqhg2bwWkyQ" />
    <input value="16614" 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/bamboo-toothbrush-premium-soft-1-piece-1-piece-16615">
          <img alt="Bamboo Toothbrush Premium Soft, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7672/file/small-4b7c07f07f6cd9dc8ea596ae430fc97e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7672/file/medium-c88baec0a90bea9aabde0a303d274882.webp 900w, https://assets.fabulous.ch/public/variant_asset/7672/file/large-44ab399d37a91e770b3a8205f5013550.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7672/file/medium-c88baec0a90bea9aabde0a303d274882.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">Hydrophil</p>
          <a href="/en/products/bamboo-toothbrush-premium-soft-1-piece-1-piece-16615">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bamboo Toothbrush Premium Soft, 1 piece, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y7lLOQ8F-9wkop2roSd6e0BAuJmBlcXhAofcm81rdK98p3WZ-pEdvvQeo_4lEMX_IEeyvFG2uZrXCg-7TZryOw" />
    <input value="16615" 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/bamboo-toothbrush-premium-medium-1-piece-1-piece-16616">
          <img alt="Bamboo Toothbrush Premium Medium, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7673/file/small-f501fc233c9445c9cfeee488622a051b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7673/file/medium-df2080114f22ee944f119955c7d37d6e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7673/file/large-c9c425473b1fc125042430699ce05da5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7673/file/medium-df2080114f22ee944f119955c7d37d6e.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">Hydrophil</p>
          <a href="/en/products/bamboo-toothbrush-premium-medium-1-piece-1-piece-16616">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bamboo Toothbrush Premium Medium, 1 piece, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RTFXB4Dzf71n1YTr1dPyyrsiXRch-xZ72tn-FJOSbufyL2mndWeZ37dpur5R5E1O2yVXMvHYagAPVC00E2Pocw" />
    <input value="16616" 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/bamboo-toothbrush-professional-soft-1-piece-1-piece-16617">
          <img alt="Bamboo Toothbrush Professional Soft, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7674/file/small-e9ef715e625994e60863d9be9d49b62d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7674/file/medium-69826da212d8334caa1e801079dca42c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7674/file/large-e098afada7c4ef8e6791be25e26b73c8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7674/file/medium-69826da212d8334caa1e801079dca42c.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">Hydrophil</p>
          <a href="/en/products/bamboo-toothbrush-professional-soft-1-piece-1-piece-16617">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bamboo Toothbrush Professional Soft, 1 piece, 1 piece</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 4.60 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v-Ef6fS2esy6GyB_ich1ldCmIT-TxA63M1IJSUVvHwYI_yFJASKcrmqnHioN_8oRsKErGkPncszm39ppxZ6Zkg" />
    <input value="16617" 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/bamboo-toothbrush-professional-medium-1-piece-1-piece-16618">
          <img alt="Bamboo Toothbrush Professional Medium, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7676/file/small-4b9b7d793a6124c1482c4ee0def13101.webp 600w, https://assets.fabulous.ch/public/variant_asset/7676/file/medium-7476b27d19f038753c26b6ab34c5a749.webp 900w, https://assets.fabulous.ch/public/variant_asset/7676/file/large-94dbd64d328b6e565d683bb29b1f2742.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7676/file/medium-7476b27d19f038753c26b6ab34c5a749.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">Hydrophil</p>
          <a href="/en/products/bamboo-toothbrush-professional-medium-1-piece-1-piece-16618">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bamboo Toothbrush Professional Medium, 1 piece, 1 piece</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 4.60 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_qGf8avq4IlLV2wNGesG1TAVKKiuNPiPZIDGfw__dVpJv6FRXn4G65vrUlid3LlRUBIijX4XhPSxDRVfjw7zzg" />
    <input value="16618" 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/bamboo-replacement-heads-sonic-professional-2-piece-2-piece-16620">
          <img alt="Bamboo Replacement Heads Sonic Professional, 2 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7685/file/small-b5e6ad85397c7767a80ff992b09a2a23.webp 600w, https://assets.fabulous.ch/public/variant_asset/7685/file/medium-93931f33a05bd268b7a590b759d6651c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7685/file/large-c4be7385e3f12143aa184402b5ca954f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7685/file/medium-93931f33a05bd268b7a590b759d6651c.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">Hydrophil</p>
          <a href="/en/products/bamboo-replacement-heads-sonic-professional-2-piece-2-piece-16620">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bamboo Replacement Heads Sonic Professional, 2 piece, 2 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="voDkL42NJO1D4_Q8E-doo65kvkNcXcZv1Wwdgp-9TOUJntqPeBnCj5NfymmX0NcnzmO0Zox-uhQA4c6iH0zKcQ" />
    <input value="16620" 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/laddu-natural-gluten-free-organic-120-g-16622">
          <img alt="Laddu Natural 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/7687/file/small-946138b3d3b4220ed2dc9f4382b8ef4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7687/file/medium-9322c28ae481400316470b12f8e22ed0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7687/file/large-b8828f9f056acc7a93c3d5d5e87a6fbe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7687/file/medium-9322c28ae481400316470b12f8e22ed0.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">Govinda</p>
          <a href="/en/products/laddu-natural-gluten-free-organic-120-g-16622">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Laddu Natural Gluten-Free Organic, 120 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 5.33 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jx_mBy-Jz_oVrY6EACbKCrHH7jHyivHrb2kn0Zpc6n-QAdin2h0pmMURsNGEEXWO0cDkFCKpjZC65PTxGq1s6w" />
    <input value="16622" 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/hildegard-spelt-porridge-organic-500-g-16626">
          <img alt="Hildegard Spelt Porridge Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7695/file/small-f9a705ea3ec921079e24b9c9d5a7fd62.webp 600w, https://assets.fabulous.ch/public/variant_asset/7695/file/medium-6c7b2471f73273387fb83908796d2a3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7695/file/large-3e0c8eb61917d4c32630920a59f33e8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7695/file/medium-6c7b2471f73273387fb83908796d2a3a.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/hildegard-spelt-porridge-organic-500-g-16626">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hildegard Spelt Porridge Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WOOvT7stonuYJAwJ7-WbTjum1ttSDJ9cVrWZOhzSlHnv_ZHvTrlEGUiYMlxr0iTKW6Hc_oIv4yeDOEoanCMS7Q" />
    <input value="16626" 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/smoothie-raspberry-cranberry-organic-250-ml-16661">
          <img alt="Smoothie Raspberry Cranberry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7708/file/small-3e902881834d203083486503ac387f7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7708/file/medium-ae6f67c2b698f02f1145f403bcff4522.webp 900w, https://assets.fabulous.ch/public/variant_asset/7708/file/large-1ccad269a6742634ae8bf454bdcdfe73.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7708/file/medium-ae6f67c2b698f02f1145f403bcff4522.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">Biotta</p>
          <a href="/en/products/smoothie-raspberry-cranberry-organic-250-ml-16661">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Smoothie Raspberry Cranberry Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R7q0nliexJmZ-QcXIPjgV4nnNQaMuT4Y1V-Zn9ruqc7wpIo-rQoi-0lFOUKkz1_T6eA_I1yaQmMA0kq_Wh8vWg" />
    <input value="16661" 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">
      2&#39;960 of 3&#39;216 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/rosenrot-naturkosmetik?format=turbo_stream&amp;page=149">Show more</a>
  </div>
</div>

</template></turbo-stream>