<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/protein-pudding-double-chocolate-organic-120-g-15069">
          <img alt="Protein Pudding Double Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6903/file/small-5706874bbd19a5c69bfa2fa3a596c590.webp 600w, https://assets.fabulous.ch/public/variant_asset/6903/file/medium-6344f782192da978dee99c61c5b489dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6903/file/large-80ca88fab2ed1702905f1bdd0d657d7a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6903/file/medium-6344f782192da978dee99c61c5b489dd.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">Harvest Moon</p>
          <a href="/en/products/protein-pudding-double-chocolate-organic-120-g-15069">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Pudding Double Chocolate Organic, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4i7SHr8aaVwVnlopHrFBxr0b6Z5GkWDl6fusO7z4woZHtZx4JE5_BDlbeJFWPPxLCufw13k2CwFAoTUikFt-eA" />
    <input value="15069" 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/completeorganics-the-original-kimchi-organic-230-g-10935">
          <img alt="completeorganics the ORIGINAL KIMCHI Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5648/file/small-6273a911d729b4c65170de70b089fb9d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5648/file/medium-ada1cba82d9fc62e6a8f936edc300b7f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5648/file/large-f4a335c60caa210d520216bd5fc03db1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5648/file/medium-ada1cba82d9fc62e6a8f936edc300b7f.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">completeorganics</p>
          <a href="/en/products/completeorganics-the-original-kimchi-organic-230-g-10935">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">completeorganics the ORIGINAL KIMCHI Organic, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.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 3.87 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DSWupqmHW6SNlhFUoCLVjprMGyr0UNgJ01vKTe_Yo8KovuDAMtNN_KFTM-zor2gDLTACY8v3s-16AVNUw3sfPA" />
    <input value="10935" 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/ice-lollies-fruit-water-ice-organic-400-ml-11478">
          <img alt="Ice Lollies Fruit Water Ice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5866/file/small-06d59cfa71558ab29547285c88cc1531.webp 600w, https://assets.fabulous.ch/public/variant_asset/5866/file/medium-329063fb749c1d73a570e001c3ede097.webp 900w, https://assets.fabulous.ch/public/variant_asset/5866/file/large-d7d504dd19eab13e8939211a73c614e7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5866/file/medium-329063fb749c1d73a570e001c3ede097.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">Terrasana</p>
          <a href="/en/products/ice-lollies-fruit-water-ice-organic-400-ml-11478">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ice Lollies Fruit Water Ice Organic, 400 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VVe-0UdMSypIIYdJf0huKQhW5pkvkH-YIjQ5l1NeWejwzPC33BhdcmTkpfE3xdOkv6r_0BA3FHyLbqCOf_3lFg" />
    <input value="11478" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/treets-crispy-crunch-balls-215-g-15944">
          <img alt="Treets Crispy Crunch Balls" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7338/file/small-4cdb198778af700f9fca59c04ab4c8bd.webp 600w, https://assets.fabulous.ch/public/variant_asset/7338/file/medium-4fca4c8c3db513f5882c253fc5d54d2c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7338/file/large-26e4772b067042be5c2c7b89203b81fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7338/file/medium-4fca4c8c3db513f5882c253fc5d54d2c.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">Treets GmbH</p>
          <a href="/en/products/treets-crispy-crunch-balls-215-g-15944">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Treets Crispy Crunch Balls, 215 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.50</span>
            </p>

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

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

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

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tip
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/treets-peanuts-with-chocolate-250-g-15374">
          <img alt="Treets Peanuts with Chocolate" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7022/file/small-6503520fda980efcbf3b596674a9f2c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7022/file/medium-299d28f096dbe7dfd7bd5c582625d156.webp 900w, https://assets.fabulous.ch/public/variant_asset/7022/file/large-165375673d29bef5a2840a20b4f576f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7022/file/medium-299d28f096dbe7dfd7bd5c582625d156.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">Treets GmbH</p>
          <a href="/en/products/treets-peanuts-with-chocolate-250-g-15374">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Treets Peanuts with Chocolate, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dXoSqHB5gJI3Y6SHuVprIrvlChwsa15l8Z1-yw09WZnQ4VzO6y2Wyhumhj_x19avDBkTVRPMNYFYx-fSIZ7lZw" />
    <input value="15374" 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/deodorant-stick-be-active-woodland-40-g-17472">
          <img alt="Deodorant Stick be active Woodland" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8140/file/small-cf57ea2e507dc4155793ee0d74339517.webp 600w, https://assets.fabulous.ch/public/variant_asset/8140/file/medium-ebf44164fcb72827122c2d5d3ea42517.webp 900w, https://assets.fabulous.ch/public/variant_asset/8140/file/large-eaaf7f793108060fb70d563e1c538ea5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8140/file/medium-ebf44164fcb72827122c2d5d3ea42517.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">The Lekker company</p>
          <a href="/en/products/deodorant-stick-be-active-woodland-40-g-17472">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deodorant Stick be active Woodland, 40 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 18.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g5HirFnHzNTAaKlamYOW0_sG5oRild3LcMax-5TLe2wmCqzKwpPajOyti-LRDiteTPr_zV0yti_ZnCjiuGjHkg" />
    <input value="17472" 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/deodorant-stick-have-fun-with-mandarin-and-lemon-40-g-17465">
          <img alt="Deodorant Stick have fun with Mandarin and Lemon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8139/file/small-735d2538eda4ff888a5c878b4722b0a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/8139/file/medium-2fd436e7aaa42cf8f9472edb8d790d73.webp 900w, https://assets.fabulous.ch/public/variant_asset/8139/file/large-22978b10fff42ad0a05f2269b456bc25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8139/file/medium-2fd436e7aaa42cf8f9472edb8d790d73.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">The Lekker company</p>
          <a href="/en/products/deodorant-stick-have-fun-with-mandarin-and-lemon-40-g-17465">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Deodorant Stick have fun with Mandarin and Lemon, 40 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 18.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7eM9yd6dCGl4qwgNAqYcQtjll17dlFWKf9zGcU1vC7xIeHOvRckeMVRuKrVKK6HPbxmOF-IzPm7Whl9oYcy3Qg" />
    <input value="17465" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tip
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/garlic-crunch-oil-chili-110-g-16289">
          <img alt="Garlic Crunch Oil Chili" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7504/file/small-1f01d8e100dfc1c1210a5e4fa6a2cc6e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7504/file/medium-463ea7ca2e73616fe55ad1382fba7408.webp 900w, https://assets.fabulous.ch/public/variant_asset/7504/file/large-db0170d64c1353febeff3b7ff9cd0303.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7504/file/medium-463ea7ca2e73616fe55ad1382fba7408.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">Odawaraya</p>
          <a href="/en/products/garlic-crunch-oil-chili-110-g-16289">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Garlic Crunch Oil Chili, 110 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 6.82 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7rP2lkFSLtbCVpamrKgXo1oz5eqXFG1DOQoukBIagkFLKLjw2gY4ju6TtB7kJaou7c_8o6izBqeQULeJPrk-vw" />
    <input value="16289" 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/japanese-pepper-spicy-tingly-sauce-panda-110-g-16290">
          <img alt="Japanese Pepper Spicy Tingly Sauce (Panda)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7505/file/small-262446e02f61d323dfcfa580d7ce37e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7505/file/medium-688c328e38b7f9a6932df458995a53ec.webp 900w, https://assets.fabulous.ch/public/variant_asset/7505/file/large-4384616c706fe4fe6c51e1435a1604b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7505/file/medium-688c328e38b7f9a6932df458995a53ec.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">Odawaraya</p>
          <a href="/en/products/japanese-pepper-spicy-tingly-sauce-panda-110-g-16290">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Japanese Pepper Spicy Tingly Sauce (Panda), 110 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 6.82 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9xi2ymTWImv66EkwGmjQG5C2nf9LoQNstK6xP7py4ZZSg_is_4I0M9Yta4hS5W2WJ0qEtnQGaIgd9CgmltFdaA" />
    <input value="16290" 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/cookie-dough-white-chocolate-and-sprinkles-organic-90-g-8384">
          <img alt="Cookie Dough White Chocolate and Sprinkles Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4953/file/small-6d8165d92e339b74209a9e5dcb3c4040.webp 600w, https://assets.fabulous.ch/public/variant_asset/4953/file/medium-013796fecf3050aef56b325583897a73.webp 900w, https://assets.fabulous.ch/public/variant_asset/4953/file/large-1891087365d0782f825635c4aaaf0255.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4953/file/medium-013796fecf3050aef56b325583897a73.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">Freely Handustry</p>
          <a href="/en/products/cookie-dough-white-chocolate-and-sprinkles-organic-90-g-8384">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookie Dough White Chocolate and Sprinkles Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tsVEpZnccgtGzu3lDcQiIb3g6I6oMlQ8ZhIB1zWWFwkTXgrDAohkU2oLz11FSZ-sChzxx5eVP9jPSJjOGTWr9w" />
    <input value="8384" 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/plant-based-alternative-to-half-cream-organic-500-ml-17939">
          <img alt="Plant-Based Alternative to Half Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8880/file/small-0d30e419113f2e327c5e42a107a7e871.webp 600w, https://assets.fabulous.ch/public/variant_asset/8880/file/medium-07ee480ff19a18ffa167d4008e3f8c7a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8880/file/large-af4200f78b52e4ca920796a4a1ca6569.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8880/file/medium-07ee480ff19a18ffa167d4008e3f8c7a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/en/products/plant-based-alternative-to-half-cream-organic-500-ml-17939">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Plant-Based Alternative to Half Cream Organic, 500 ml</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 0.59 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ht-CDEIWbJR8JctO5iNJ4yX4MDs0azhCNgoIzXY1yPe7RMxq2UJ6zFDg6faurvRukgQpcgvMU6afUJHUWpZ0CQ" />
    <input value="17939" 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/amaizin-jalapenos-green-cuts-organic-150-g-7071">
          <img alt="Amaizin Jalapenos Green Cuts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4063/file/small-a0e38b28e3f95e96945ccd33fd544b1f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4063/file/medium-ab58dd890fe7ae3310ecb833078f1ab4.webp 900w, https://assets.fabulous.ch/public/variant_asset/4063/file/large-5e4ac29008bf99da6ad7008c21c8ed87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4063/file/medium-ab58dd890fe7ae3310ecb833078f1ab4.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">Amaizin</p>
          <a href="/en/products/amaizin-jalapenos-green-cuts-organic-150-g-7071">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amaizin Jalapenos Green Cuts Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="My4lXDhLBtQGlNRPgMTPqhrAse4vHipY0RA-QOzboSmWtWs6ox8QjCpR9vfISXInrTyopxC5Qbx4SqdZwHgd1w" />
    <input value="7071" 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/amaretti-with-walnuts-vegan-organic-32-g-16795">
          <img alt="Amaretti with Walnuts Vegan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7810/file/small-762d68e1b43ec89b349e288744bb6f7e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7810/file/medium-0e5d7a50c72085ad32aa633b370d0122.webp 900w, https://assets.fabulous.ch/public/variant_asset/7810/file/large-1daef3c6b029bd3053e5a8184fdc8eaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7810/file/medium-0e5d7a50c72085ad32aa633b370d0122.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">Leibacher Biber-Manufaktur</p>
          <a href="/en/products/amaretti-with-walnuts-vegan-organic-32-g-16795">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amaretti with Walnuts Vegan Organic, 4 x 32 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9q5QB82JvBOM2h-zzRHk6f-ON_QFxUSJDMoWJ7W33i5TNR5hVt2qS6AfPQuFnFlkSHIuvTpiL22lkI8-mRRi0A" />
    <input value="16795" 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/amaretti-vegan-organic-32-g-d80f41b1-783c-4a38-a46b-3436d7a468d4-16770">
          <img alt="Amaretti Vegan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7788/file/small-8bca9fd73a65465d8c81da9a4c67558c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7788/file/medium-0aacaa2ecf4a56d7aa85a5ab9b5aa3be.webp 900w, https://assets.fabulous.ch/public/variant_asset/7788/file/large-d827a0cec206ea3a828ff52a60ffa4f5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7788/file/medium-0aacaa2ecf4a56d7aa85a5ab9b5aa3be.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">Leibacher Biber-Manufaktur</p>
          <a href="/en/products/amaretti-vegan-organic-32-g-d80f41b1-783c-4a38-a46b-3436d7a468d4-16770">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amaretti Vegan Organic, 4 x 32 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CxJ_xAf_u6SkviGrQwXJzZjDPm09xP5JQ2VlKNWFa3uuiTGinKut_Ih7AxMLiHRALz8nJAJjla3qP_wx-SbXhQ" />
    <input value="16770" 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/jellys-veggie-hearts-organic-100-g-5847">
          <img alt="Jellys Veggie-Hearts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3361/file/small-e0113d824d97ac382b3e88b3b88abdaf.webp 600w, https://assets.fabulous.ch/public/variant_asset/3361/file/medium-ed4ad63f31b41ee95afe62a5223d7ff4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3361/file/large-f31640a92ccf700048558bbb98ffc368.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3361/file/medium-ed4ad63f31b41ee95afe62a5223d7ff4.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">Ökovital</p>
          <a href="/en/products/jellys-veggie-hearts-organic-100-g-5847">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Jellys Veggie-Hearts Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </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-5847-card">
        

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-alternative-to-scrambled-egg-organic-50-g-9152">
          <img alt="Vegan Alternative to Scrambled Egg Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5197/file/small-62d37b78ed57a748db36122c87b56340.webp 600w, https://assets.fabulous.ch/public/variant_asset/5197/file/medium-6fbefd5c47c66b5302e03dce37a3ff38.webp 900w, https://assets.fabulous.ch/public/variant_asset/5197/file/large-bff8a7b82bcfbaafc2739bb5b461b2b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5197/file/medium-6fbefd5c47c66b5302e03dce37a3ff38.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">Biovegan</p>
          <a href="/en/products/vegan-alternative-to-scrambled-egg-organic-50-g-9152">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Scrambled Egg Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b-vFxz74qg36kVpiHW92cQ6f2rqZTQJXph7DyC3JblXKcIuhpay8VdZUeNpV4sv8uWPD86bqabMPRFrRAWrSqw" />
    <input value="9152" 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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/le-gratine-vegan-alternative-to-grated-cheese-organic-150-g-17588">
          <img alt="Le Gratiné Vegan Alternative to Grated Cheese Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8207/file/small-0fcd9b63ffd9bd7beabd4cbc8445fd46.webp 600w, https://assets.fabulous.ch/public/variant_asset/8207/file/medium-cbe2c1df2cce2112664267f43f4f2be3.webp 900w, https://assets.fabulous.ch/public/variant_asset/8207/file/large-8ae2b4973382cbcd8c70cd9ddfcb3658.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8207/file/medium-cbe2c1df2cce2112664267f43f4f2be3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">New Roots</p>
          <a href="/en/products/le-gratine-vegan-alternative-to-grated-cheese-organic-150-g-17588">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Le Gratiné Vegan Alternative to Grated Cheese Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 3.27 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wKTcheSqYQTqmVU_7XHBPhD4JnerTPDFs3gJpNIRu-ZlP5Ljf_53XMZcd4el_HyzpwQ_PpTrmyEaIpC9_rIHGA" />
    <input value="17588" 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-moments-apple-cinnamon-organic-100-g-16967">
          <img alt="Mini Moments Apple &amp; Cinnamon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7927/file/small-94cd8f42e694f781af6f5a08891d6b8f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7927/file/medium-a80d16ab84b6a6d354b8107e05d85b31.webp 900w, https://assets.fabulous.ch/public/variant_asset/7927/file/large-b6d9b826fb62b448fb11624cf7e60db3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7927/file/medium-a80d16ab84b6a6d354b8107e05d85b31.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">Harvest Moon</p>
          <a href="/en/products/mini-moments-apple-cinnamon-organic-100-g-16967">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Moments Apple &amp; Cinnamon Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IxzfDoSU9c38YlLeRBycAb0hYgT3PNjocLngKg0XUMGGh5FoH8DjldCncGYMkSGMCt17TcibswzZ43kzIbTsPw" />
    <input value="16967" 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-moments-raspberry-organic-100-g-16966">
          <img alt="Mini Moments Raspberry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7925/file/small-8b9da7392700f09a3c4fdb58c7b1bf7d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7925/file/medium-49b69d9065328449d09735ce71141bd3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7925/file/large-062270fee15b8de2d4380db17594d822.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7925/file/medium-49b69d9065328449d09735ce71141bd3.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">Harvest Moon</p>
          <a href="/en/products/mini-moments-raspberry-organic-100-g-16966">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Moments Raspberry Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wUk44xm8qbR8hxi55KATvaWg5ScoI3tbfuJGw51w9Gdk0naFgui_7FBCOgGsLa4wElz8bheEEL_XuN_asdNImQ" />
    <input value="16966" 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-moments-mango-organic-100-g-16965">
          <img alt="Mini Moments Mango Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7923/file/small-3432e469145d0a4bd2b895466a216300.webp 600w, https://assets.fabulous.ch/public/variant_asset/7923/file/medium-edd148accb0f66eb3f1fd112a91c8e93.webp 900w, https://assets.fabulous.ch/public/variant_asset/7923/file/large-b4e0d205439a0efb2af7562c8bc97db5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7923/file/medium-edd148accb0f66eb3f1fd112a91c8e93.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">Harvest Moon</p>
          <a href="/en/products/mini-moments-mango-organic-100-g-16965">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Moments Mango Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fdgy9pyJ0Dq3tEYsRTLQ-0-FdD9ae-HzymIH8gcAyF_YQ3yQB93GYptxZJQNv212-HltdmXcihdjOJ7rK6N0oQ" />
    <input value="16965" 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">
      140 of 3&#39;177 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/loma-linda?format=turbo_stream&amp;page=8">Show more</a>
  </div>
</div>

</template></turbo-stream>