<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">
    <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">
    23 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/lemonplus-lemon-juice-organic-200-ml-short-shelf-life-01-05-2026-17647">
          <img alt="Lemonplus Lemon Juice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2863/file/small-32541cbdcf3ce004c000a9511d2c4393.webp 600w, https://assets.fabulous.ch/public/variant_asset/2863/file/medium-0143803d5a715f491b0d046eb80b73b2.webp 900w, https://assets.fabulous.ch/public/variant_asset/2863/file/large-5b27b8bee831605487d1face7de43c68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2863/file/medium-0143803d5a715f491b0d046eb80b73b2.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">Lemon Plus</p>
          <a href="/en/products/lemonplus-lemon-juice-organic-200-ml-short-shelf-life-01-05-2026-17647">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lemonplus Lemon Juice Organic, 200 ml (Short shelf life 01.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 1.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.00</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I2C9PgHqlljjYK7OL4UOu5r17DRxjflJxEiP_qt0Bb433E5BlXsWHI6MgzsKtospaHvnsR-ulvs51DtxFcOixw" />
    <input value="17647" 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">
    15 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/chips-coconut-salted-caramel-organic-70-g-short-shelf-life-16-05-2026-17648">
          <img alt="Chips Coconut Salted Caramel Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2721/file/small-bfd10cdf9018f513736384f726043caf.webp 600w, https://assets.fabulous.ch/public/variant_asset/2721/file/medium-84acf8628904f043a8f50c2f3adc96cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/2721/file/large-2113eb12ef476fc997bf2396ca8f8d49.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2721/file/medium-84acf8628904f043a8f50c2f3adc96cd.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">bett&#39;r</p>
          <a href="/en/products/chips-coconut-salted-caramel-organic-70-g-short-shelf-life-16-05-2026-17648">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Coconut Salted Caramel Organic, 70 g (Short shelf life 16.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.35</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.00</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1UFyfHkcTJmxpYjva-K5Qm3h-BfF89Y96OoiFmXrIs7B_YED7Y3M3dxJpRpO0TzQn2_zkqvQuY8VdpaZ21yFtw" />
    <input value="17648" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    15 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/gnocchi-classic-organic-400-g-short-shelf-life-23-04-2026-17649">
          <img alt="Gnocchi Classic Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/213/file/small-8f20dfe30c2f2eb360a2553b8eb42a9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/213/file/medium-28c50cce89a81a1d8a9f67faeae79845.webp 900w, https://assets.fabulous.ch/public/variant_asset/213/file/large-be9cd2519d3a934ffe9d6dbdd8756ba5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/213/file/medium-28c50cce89a81a1d8a9f67faeae79845.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">Pural</p>
          <a href="/en/products/gnocchi-classic-organic-400-g-short-shelf-life-23-04-2026-17649">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Gnocchi Classic Organic, 400 g (Short shelf life 23.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.15</span>
            </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.23 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I283jnTibtgxef-fyVbbxGQ9thSAWhYjsP5LMofULLU308Tx4HPunFyV0mrsZV5WlrO9ke55eZFNYv-9OWOLzA" />
    <input value="17649" 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">
    15 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/wood-smoked-vegan-alternative-to-salmon-organic-130-g-short-shelf-life-23-04-2026-17650">
          <img alt="Wood Smoked Vegan Alternative to Salmon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4244/file/small-dbc4db4032c532b58292c044c6d6a1e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/4244/file/medium-dfb163441ef0ffdebf6c91645506ccb8.webp 900w, https://assets.fabulous.ch/public/variant_asset/4244/file/large-9c51bcd5aee3654ec9dee9ac25f4564b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4244/file/medium-dfb163441ef0ffdebf6c91645506ccb8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wild Foods</p>
          <a href="/en/products/wood-smoked-vegan-alternative-to-salmon-organic-130-g-short-shelf-life-23-04-2026-17650">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wood Smoked Vegan Alternative to Salmon Organic, 130 g (Short shelf life 23.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 9.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 8.40</span>
            </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 7.62 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9Hfi9uUjCEAlp2zXZQztvVtOG9SYzQW-L69Zsirl2-fgyxGJcbKIBEhLQSJAP2gvqcAQUfbuagzSM-09lFJ8ng" />
    <input value="17650" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    15 %
  </p>
</div>


    <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-short-shelf-life-23-04-2026-17651">
          <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-short-shelf-life-23-04-2026-17651">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookie Dough White Chocolate and Sprinkles Organic, 90 g (Short shelf life 23.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.55</span>
            </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-17651-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MDO2Y_D2kF76_ubrwKcTh0UHCHPnrQ3B3nh9wR-N6L8kj0UcZGcQGpcSyx7llJYVt4kD9omOYnMj5MlOoTpPxg" />
    <input value="17651" 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/sesame-hamburger-buns-organic-50-g-short-shelf-life-26-04-2026-17652">
          <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-short-shelf-life-26-04-2026-17652">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sesame Hamburger Buns Organic, 50 g (Short shelf life 26.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.90</span>
            </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-17652-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jDleRZ-Xr_tM7wnretBDXBeidR8eRgsx4qfY0b9oCwKYha06CwYvvyEDJB5f48bO5Sx-mnBlZIMfO2xeAd-sew" />
    <input value="17652" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/soyananda-sun-dried-tomatoes-fermented-organic-140-g-short-shelf-life-24-04-2026-17653">
          <img alt="Soyananda Sun-Dried Tomatoes fermented Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3316/file/small-7e865003fa8387ad19d36c2c7dad6f5a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3316/file/medium-9d48b95860574f589d73ce34aacb13ee.webp 900w, https://assets.fabulous.ch/public/variant_asset/3316/file/large-a76dc1cd40ff0b350e25c00bd3a652a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3316/file/medium-9d48b95860574f589d73ce34aacb13ee.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/soyananda-sun-dried-tomatoes-fermented-organic-140-g-short-shelf-life-24-04-2026-17653">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soyananda Sun-Dried Tomatoes fermented Organic, 140 g (Short shelf life 24.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.70</span>
            </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.93 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JJfTBDp_ZD3CHoN0qKeboDOuquRA4FH2XhsUgynGCsIwKyB7ru7kea_yroGNlB4ywSChYS7DPkSjh6AMl3Gtuw" />
    <input value="17653" 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">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/potato-salad-with-vinegar-oil-organic-400-g-short-shelf-life-24-04-2026-17654">
          <img alt="Potato Salad with Vinegar &amp; Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7291/file/small-9f80de7cfa0c1eb8c29510d964574e99.webp 600w, https://assets.fabulous.ch/public/variant_asset/7291/file/medium-77532e9afaf6e64b0263cafc878fdeea.webp 900w, https://assets.fabulous.ch/public/variant_asset/7291/file/large-827df4ad673db852e0f7a88a6613a05f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7291/file/medium-77532e9afaf6e64b0263cafc878fdeea.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">Grünhof</p>
          <a href="/en/products/potato-salad-with-vinegar-oil-organic-400-g-short-shelf-life-24-04-2026-17654">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Potato Salad with Vinegar &amp; Oil Organic, 400 g (Short shelf life 24.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.70</span>
            </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.30 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RTh0nEZAV37K5f_yzH8jbfU77d_H2isXjdNfN5n4rU9RhIfj0tHXOqcJ0gfpTKb_B7XmWqn5RKVwT-u4J08KNg" />
    <input value="17654" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bio-natto-nattosana-super-umami-paste-200-g-short-shelf-life-24-04-2026-17655">
          <img alt="Bio-Natto Nattosana Super-Umami Paste" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6855/file/small-a89d38bc1efbd7033ed41e31b42a8d15.webp 600w, https://assets.fabulous.ch/public/variant_asset/6855/file/medium-e676f3e3bb5d91aeae0a27a53814a581.webp 900w, https://assets.fabulous.ch/public/variant_asset/6855/file/large-c68473603e0247fdb65e64e32e385130.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6855/file/medium-e676f3e3bb5d91aeae0a27a53814a581.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/bio-natto-nattosana-super-umami-paste-200-g-short-shelf-life-24-04-2026-17655">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bio-Natto Nattosana Super-Umami Paste, 200 g (Short shelf life 24.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.65</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o8umKm9UASxl4mr8G7KO4U6kPCeeSHFm-kPrRyMSZ4e3d1VV-8WBaAgORwk-gQtzvCo3ovBrHtQH31_InaXA_g" />
    <input value="17655" 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">
    5 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/new-roots-black-pepper-organic-115-g-short-shelf-life-25-04-2026-17656">
          <img alt="New Roots Black Pepper Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4468/file/small-92a5ab6083e11ba69b8e4857624e9a30.webp 600w, https://assets.fabulous.ch/public/variant_asset/4468/file/medium-a59841e2a603fd0939bd812f4da759b0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4468/file/large-747044413759e79f161992ebff7d46bf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4468/file/medium-a59841e2a603fd0939bd812f4da759b0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">New Roots</p>
          <a href="/en/products/new-roots-black-pepper-organic-115-g-short-shelf-life-25-04-2026-17656">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Black Pepper Organic, 115 g (Short shelf life 25.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.75</span>
            </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 6.17 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UwPMljbuFqmzSo8DHVnwaEI-49qRNBDiMuOOMv7GTiNHvz_pon-W7d6movY4anX6sLDoX_8Xf1DPfzq9QHHpWg" />
    <input value="17656" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    5 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/new-roots-le-chives-extra-creamy-organic-115-g-short-shelf-life-25-04-2026-17657">
          <img alt="New Roots Le Chives Extra Creamy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6937/file/small-6dfb9a44aade8d6223b5bbd0f00bd1dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6937/file/medium-5d952b8adc27cd7b1e9195c060de597b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6937/file/large-ef98308e5c18fdfebbbeed57ae74dbb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6937/file/medium-5d952b8adc27cd7b1e9195c060de597b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">New Roots</p>
          <a href="/en/products/new-roots-le-chives-extra-creamy-organic-115-g-short-shelf-life-25-04-2026-17657">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots Le Chives Extra Creamy Organic, 115 g (Short shelf life 25.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.65</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aFP_je1ikvwopwWVoqNHM0razBv5H92QH9ig-zur74t87wzyefMSuEVLKGCHkMKhuFTHnpc8siLiRBR0hRxI8g" />
    <input value="17657" 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/yellow-mango-multi-100-direct-juice-demeter-750-ml-short-shelf-life-17-05-2026-17658">
          <img alt="Yellow Mango Multi 100% Direct Juice Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7377/file/small-bde6f571ec08056152aed8b1977deee8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7377/file/medium-fb7ada891cded434110f985fdfea79a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7377/file/large-0a57ad8da764f5ede5a4141d6ab7e984.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7377/file/medium-fb7ada891cded434110f985fdfea79a4.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">Voelkel</p>
          <a href="/en/products/yellow-mango-multi-100-direct-juice-demeter-750-ml-short-shelf-life-17-05-2026-17658">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Yellow Mango Multi 100% Direct Juice Demeter, 750 ml (Short shelf life 17.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.25</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hLyMJcPK7oa5rJu-8Z1scowCQr6lXHn-XrkyHVN80_yQAH9aV1tuwtRAtkvUrungfoxJO8t_FkyjJYaS7ct0hQ" />
    <input value="17658" 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-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/almond-drink-unsweetened-organic-1-l-short-shelf-life-18-05-2026-17659">
          <img alt="Almond Drink Unsweetened Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7446/file/small-46138d2899e883eec23ef48ca86c7f4e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7446/file/medium-90dc98c90522dbb636ce5dd6ad4b908d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7446/file/large-a9ac65c2f756809588401bfad6c93988.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7446/file/medium-90dc98c90522dbb636ce5dd6ad4b908d.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">Alpro</p>
          <a href="/en/products/almond-drink-unsweetened-organic-1-l-short-shelf-life-18-05-2026-17659">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Almond Drink Unsweetened Organic, 1 l (Short shelf life 18.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.00</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.20</span>
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.00 / l
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0JeAWi_18tMSaEyI71tOOFHs6lF4s-5a62CC8YR9z9_EK3Mlu2Ryl3-EYX3KaMuqo2Lh1BaQgegW_DZ-Ospopg" />
    <input value="17659" 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">
    11 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pinado-classic-vibe-250-ml-short-shelf-life-14-06-2026-17660">
          <img alt="Piñado Classic Vibe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6652/file/small-59ca2ee73d2d81b027fff2f626d2b2b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6652/file/medium-e1d6dbdedc7730a2b059f381207bfb85.webp 900w, https://assets.fabulous.ch/public/variant_asset/6652/file/large-df69b36620bf42ff228636408642d0af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6652/file/medium-e1d6dbdedc7730a2b059f381207bfb85.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">Pinado AG</p>
          <a href="/en/products/pinado-classic-vibe-250-ml-short-shelf-life-14-06-2026-17660">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Piñado Classic Vibe, 250 ml (Short shelf life 14.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.05</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mExLyLGT43xrl_LX8HOdM1O51myaB1Fis3ePp5aII8KM8Li3JQJjOAZ73yLVQBihoTfd6fQkPtBO6zsoKD-Euw" />
    <input value="17660" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    19 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mayo-veganaise-di-riso-natur-organic-170-g-short-shelf-life-14-05-2026-17661">
          <img alt="Mayo Veganaise di Riso NATUR Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/864/file/small-154cd520c67251f42e59055df74381c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/864/file/medium-854f837b5295163b15d0a2dddc8f5258.webp 900w, https://assets.fabulous.ch/public/variant_asset/864/file/large-800cfe6d04b28f807f784c891113cfaa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/864/file/medium-854f837b5295163b15d0a2dddc8f5258.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">Gautschi</p>
          <a href="/en/products/mayo-veganaise-di-riso-natur-organic-170-g-short-shelf-life-14-05-2026-17661">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mayo Veganaise di Riso NATUR Organic, 170 g (Short shelf life 14.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.90</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Mr_5cZJPXpMMDyo2mWp34oRP0rXrSktO9r-PxMoGzJQmAwoOBt7e12HjB8O8WfJwdsHZMIVpJPwLIztLdLFr7Q" />
    <input value="17661" 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">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mani-olive-paste-organic-180-g-short-shelf-life-20-05-2026-17662">
          <img alt="Mani Olive paste Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4732/file/small-f605f884b5a010d6e4c0d6ccd1b298d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4732/file/medium-360b5501000adfb0e0a65ed9db018b03.webp 900w, https://assets.fabulous.ch/public/variant_asset/4732/file/large-cf60bdd9d79beb8676dbdd171d0d766b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4732/file/medium-360b5501000adfb0e0a65ed9db018b03.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">Mani</p>
          <a href="/en/products/mani-olive-paste-organic-180-g-short-shelf-life-20-05-2026-17662">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mani Olive paste Organic, 180 g (Short shelf life 20.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.85</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aviyk2-M3i9E_-PpyYIQpbSgFSifmEw4aa5oOXd26NF-REHs-x1eaykTzhzssZU3Ri4erfG7I4qUMty2ycFPqA" />
    <input value="17662" 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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    11 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/apple-and-elderflower-spritzer-organic-500-ml-short-shelf-life-09-05-2026-17663">
          <img alt="Apple and Elderflower Spritzer Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7605/file/small-b880d431f4880270936a59e7c6e5d6fe.webp 600w, https://assets.fabulous.ch/public/variant_asset/7605/file/medium-734b810b9b56e9f61a2eda0f9f33e336.webp 900w, https://assets.fabulous.ch/public/variant_asset/7605/file/large-1602d1da64eec38751136a4b80bc5e1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7605/file/medium-734b810b9b56e9f61a2eda0f9f33e336.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">Holderhof</p>
          <a href="/en/products/apple-and-elderflower-spritzer-organic-500-ml-short-shelf-life-09-05-2026-17663">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apple and Elderflower Spritzer Organic, 500 ml (Short shelf life 09.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 1.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.70</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H6FO7OmgvZNE6QuTR1fmK_vYTT8izWBNESlqUw2jpEELHb2TfTE91ykFJmZiZGO5CVZGukzuD__std7csxQDOA" />
    <input value="17663" 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/potato-chips-paprika-organic-125-g-short-shelf-life-09-05-2026-17664">
          <img alt="Potato Chips Paprika Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7493/file/small-72dbf77367d13aff5156561428ac3adb.webp 600w, https://assets.fabulous.ch/public/variant_asset/7493/file/medium-d40e67876df505a1017b230a045df952.webp 900w, https://assets.fabulous.ch/public/variant_asset/7493/file/large-917804c3957c97361045e278b1a2957f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7493/file/medium-d40e67876df505a1017b230a045df952.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">Heimatgut</p>
          <a href="/en/products/potato-chips-paprika-organic-125-g-short-shelf-life-09-05-2026-17664">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Potato Chips Paprika Organic, 125 g (Short shelf life 09.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.25</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.20</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fQJRPjG_jcy8GLljVBQNau3pFqtZexkc1aWBFvxBy49pvqJBpS4NiNH0lJZxJ4j4H2cdLjdYdq4oOTWZQvZs9g" />
    <input value="17664" 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">
      78 of 78 products
    </p>
  </div>
</div>

</template></turbo-stream>