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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/amaretti-with-chocolate-vegan-organic-34-g-short-shelf-life-30-04-2026-17764">
          <img alt="Amaretti with Chocolate Vegan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6576/file/small-cb5edd5495222c537bb97a5c5cdb14e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6576/file/medium-45457a132f34bc4d2809428c44598596.webp 900w, https://assets.fabulous.ch/public/variant_asset/6576/file/large-96048724a4156c29c4cd14453fa1da1d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6576/file/medium-45457a132f34bc4d2809428c44598596.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-chocolate-vegan-organic-34-g-short-shelf-life-30-04-2026-17764">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amaretti with Chocolate Vegan Organic, 34 g (Short shelf life 30.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.95</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7jUZpDoj4UQM44NyQhUJQ8e1C8wcAG_nRf-n2-FCW7FiRuMbm5Iuo-l_ea_1oq2wTO_ak0P98xWryHQJaiJK0Q" />
    <input value="17764" 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">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/amaretti-with-chocolate-vegan-organic-34-g-short-shelf-life-30-04-2026-526906bf-1ef5-41b6-ae6b-9067e4ccb632-17765">
          <img alt="Amaretti with Chocolate Vegan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6577/file/small-b8ea5cc6a1d7038dd3d1a18bd94d0eb0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6577/file/medium-6fbd4f9277e7bf07e3294f2be3e3a8c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6577/file/large-1e42659174411a7601cbab59027fca7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6577/file/medium-6fbd4f9277e7bf07e3294f2be3e3a8c1.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-chocolate-vegan-organic-34-g-short-shelf-life-30-04-2026-526906bf-1ef5-41b6-ae6b-9067e4ccb632-17765">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Amaretti with Chocolate Vegan Organic, 34 g (Short shelf life 30.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 11.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.75</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4Wf01vlouxxlu3-bL_eU_Z2PKy_q2y523VQlW5WvnhhtFA5pWNl0-4AnhUaYQDAOFtX6cLUmsoQzY_aJHs-PeA" />
    <input value="17765" 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/minced-lentils-100-g-short-shelf-life-11-06-2026-17766">
          <img alt="Minced Lentils" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7408/file/small-651a7521a0503ac5fcee5169f8e468db.webp 600w, https://assets.fabulous.ch/public/variant_asset/7408/file/medium-27382df9ed398722b3b681ac96c915cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7408/file/large-7e1961c9d821ee91a585cbaa3a180f89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7408/file/medium-27382df9ed398722b3b681ac96c915cd.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">Vantastic</p>
          <a href="/en/products/minced-lentils-100-g-short-shelf-life-11-06-2026-17766">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Minced Lentils, 100 g (Short shelf life 11.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.35</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-17766-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Dy0Eo_a7n1i5sSeTN_oveW8WGlWxzE2FxVuDy3TfureDXv4cVwpQv1wt3U6ATYuK5EzLCu4x0XcrbFAZ_7-r1w" />
    <input value="17766" 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/catherine-s-originals-wonky-cherry-caramel-buttons-100-g-short-shelf-life-11-05-2026-17767">
          <img alt="Catherine&#39;s Originals Wonky Cherry &amp; Caramel Buttons" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7862/file/small-d584ef6b7af71ad5fbfc907f40e64950.webp 600w, https://assets.fabulous.ch/public/variant_asset/7862/file/medium-1bf4566d742b89865189dc22580c02b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7862/file/large-40dd61aa15fb9af6d1cac4df067acdb1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7862/file/medium-1bf4566d742b89865189dc22580c02b9.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">Catherine&#39;s Originals</p>
          <a href="/en/products/catherine-s-originals-wonky-cherry-caramel-buttons-100-g-short-shelf-life-11-05-2026-17767">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Catherine&#39;s Originals Wonky Cherry &amp; Caramel Buttons, 100 g (Short shelf life 11.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.40</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JhS-9MgRru5RJ_IIcr2vQHTawgdJg6ySl6_vaHg1bASqZ0RLaaBhCbS7CNXFCguz_4ATWBZ-MGB5mDy681V9ZA" />
    <input value="17767" 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/artisan-lokum-rose-with-blackberry-99-g-short-shelf-life-11-05-2026-17768">
          <img alt="Artisan Lokum Rose with Blackberry" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7906/file/small-b81e95f55c193382d6cd3f7ab0da83c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7906/file/medium-b19f4469269db9e87ebf2dcc20aa6feb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7906/file/large-2988204c41b94fc3576816c6c74b9ec2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7906/file/medium-b19f4469269db9e87ebf2dcc20aa6feb.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">Marsel Delights</p>
          <a href="/en/products/artisan-lokum-rose-with-blackberry-99-g-short-shelf-life-11-05-2026-17768">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Artisan Lokum Rose with Blackberry, 99 g (Short shelf life 11.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.20</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yAbS7D6zTxSN5KRZyk4SB5rN4nHRd-ZkWeHqAbOVNW1EdShTnwKA82h4XoR9-bb0EZczLo6Kepa31jnTOPUkDQ" />
    <input value="17768" 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">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pill-cosmetics-moisturising-mask-with-hyaluronic-acid-50-ml-short-shelf-life-31-05-2026-17769">
          <img alt="Pill Cosmetics - Moisturising Mask with Hyaluronic Acid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6394/file/small-cdeb59661e3f8fe8dc5482d4f44080bf.webp 600w, https://assets.fabulous.ch/public/variant_asset/6394/file/medium-e700fe02717e31c25f299081e965d484.webp 900w, https://assets.fabulous.ch/public/variant_asset/6394/file/large-6c87fbb666c513b0aaf72f9dc76bb67c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6394/file/medium-e700fe02717e31c25f299081e965d484.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/en/products/pill-cosmetics-moisturising-mask-with-hyaluronic-acid-50-ml-short-shelf-life-31-05-2026-17769">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Moisturising Mask with Hyaluronic Acid, 50 ml (Short shelf life 31.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 31.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 15.80</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o-XDHGYWbY4SJ_-ITcdtW6JJpdJhEOg5GAva6C39Cfwvljmjx6eiafe7BVX6cMmoKRN0jT7tdMv2PAk6pp0YnA" />
    <input value="17769" 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/artisan-lokum-hazelnut-with-caramel-99-g-short-shelf-life-12-05-2026-17770">
          <img alt="Artisan Lokum Hazelnut with Caramel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7909/file/small-205d06fc9e46bc6961da52a04de6bdc9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7909/file/medium-316de16be96f7fe9e64c17d6d4e38afd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7909/file/large-e692c72ffd6c384ee699e7e8a53b6597.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7909/file/medium-316de16be96f7fe9e64c17d6d4e38afd.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">Marsel Delights</p>
          <a href="/en/products/artisan-lokum-hazelnut-with-caramel-99-g-short-shelf-life-12-05-2026-17770">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Artisan Lokum Hazelnut with Caramel, 99 g (Short shelf life 12.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.20</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qG1norKPYa9GWTgXThgwmF_7jWC3rZNiPbujt2ZTTpEkHp0dEz6uSKPFwsr5r5Rr1KFcP-hQD5DTjHBl7TNf8Q" />
    <input value="17770" 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/leckerli-walnut-duo-organic-35-g-short-shelf-life-05-05-2026-17771">
          <img alt="Leckerli Walnut Duo Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2599/file/small-66eb79bb034e44d4fa23330c7ea2d37c.webp 600w, https://assets.fabulous.ch/public/variant_asset/2599/file/medium-b11a3334923e574d2ee7a5db680a5cc6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2599/file/large-7a252e18968aed7c7eb2257f3ca89f2e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2599/file/medium-b11a3334923e574d2ee7a5db680a5cc6.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/leckerli-walnut-duo-organic-35-g-short-shelf-life-05-05-2026-17771">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Leckerli Walnut Duo Organic, 35 g (Short shelf life 05.05.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 14.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hI18eoEsfJU8wFj3acqNe5CEFcsz93lVm4IHDN31qUwI_obFIJ2zctlcoirefSmIG97ElGwK5ad1tdTeVpW4LA" />
    <input value="17771" 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/walnut-lackerli-s-organic-75-g-short-shelf-life-05-05-2026-17772">
          <img alt="Walnut Läckerli S Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7787/file/small-696fcf73a23b6b502096ed158faa5867.webp 600w, https://assets.fabulous.ch/public/variant_asset/7787/file/medium-20924e283aab0c4812d2aebce721e4e1.webp 900w, https://assets.fabulous.ch/public/variant_asset/7787/file/large-5b596dcfbae5b50325a22d1eaca348d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7787/file/medium-20924e283aab0c4812d2aebce721e4e1.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/walnut-lackerli-s-organic-75-g-short-shelf-life-05-05-2026-17772">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Walnut Läckerli S Organic, 75 g (Short shelf life 05.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.85</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.70</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9MFAe6ye4_14BtNd83lhz2_i-mOhW2rhu19_kH7Ed1R4srrEDS8sGp2aKYBEzsU85LgrPP6m9hNVaKxC9aRmNA" />
    <input value="17772" 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/artisan-lokum-pomegranate-with-raspberry-sumac-99-g-short-shelf-life-13-05-2026-17773">
          <img alt="Artisan Lokum Pomegranate with Raspberry &amp; Sumac" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7899/file/small-935b58b4b5b4f087f45e8ea612993bac.webp 600w, https://assets.fabulous.ch/public/variant_asset/7899/file/medium-62b47c587bb071754770b203ce2a675a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7899/file/large-9229af284ec820c4bee40a986040532d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7899/file/medium-62b47c587bb071754770b203ce2a675a.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">Marsel Delights</p>
          <a href="/en/products/artisan-lokum-pomegranate-with-raspberry-sumac-99-g-short-shelf-life-13-05-2026-17773">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Artisan Lokum Pomegranate with Raspberry &amp; Sumac, 99 g (Short shelf life 13.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.20</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qWCwoGe1vBDqiaiA9kUQF1stS4H2NbhQY_987TTrqIclE0ofxgRz9w8VUl1B8rTk0Hea3qnIJKKNyK8_v4u55w" />
    <input value="17773" 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/soy-tempeh-natural-pasteurized-organic-200-g-short-shelf-life-03-05-2026-17774">
          <img alt="Soy Tempeh Natural Pasteurized Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8103/file/small-5b55089590ad664b632c2c7b80c6896f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8103/file/medium-b9adb8610aeb56f5b0c8a90a43e341c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8103/file/large-72703d7ad2951da4787a005138634aec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8103/file/medium-b9adb8610aeb56f5b0c8a90a43e341c6.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">Tempeh bagus</p>
          <a href="/en/products/soy-tempeh-natural-pasteurized-organic-200-g-short-shelf-life-03-05-2026-17774">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soy Tempeh Natural Pasteurized Organic, 200 g (Short shelf life 03.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.60</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 2.95 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q8Krvjb9P4Tcnt2pVcYan407G4mefPOQz8NCQRYo3u7PsVEBl0zwYzkCJ3Ticb5sBmHK1sGBb2Ih9JGTnUjPjg" />
    <input value="17774" 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">
      3&#39;171 of 3&#39;171 products
    </p>
  </div>
</div>

</template></turbo-stream>