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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/peanuts-roasted-with-sea-salt-organic-150-g-short-shelf-life-30-04-2026-17570">
          <img alt="Peanuts roasted with sea salt organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5546/file/small-46ef6e8de92f89c7d92de00763fc121f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5546/file/medium-9bf795788a364d62c2f9c4a1252668e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/5546/file/large-a8eaa8b624595c596997d04c9f084903.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5546/file/medium-9bf795788a364d62c2f9c4a1252668e2.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">Pakka</p>
          <a href="/en/products/peanuts-roasted-with-sea-salt-organic-150-g-short-shelf-life-30-04-2026-17570">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peanuts roasted with sea salt organic, 150 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 4.15</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.00</span>
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/nut-mix-roasted-with-sea-salt-organic-100-g-short-shelf-life-30-04-2026-17572">
          <img alt="Nut Mix roasted with Sea Salt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5558/file/small-310687a6d7388fcb0c8038123c48be48.webp 600w, https://assets.fabulous.ch/public/variant_asset/5558/file/medium-ad08acb54c1d9252d45f09cde01bec18.webp 900w, https://assets.fabulous.ch/public/variant_asset/5558/file/large-117dd0ee8d8c8013b18e7fa072daae01.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5558/file/medium-ad08acb54c1d9252d45f09cde01bec18.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">Pakka</p>
          <a href="/en/products/nut-mix-roasted-with-sea-salt-organic-100-g-short-shelf-life-30-04-2026-17572">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nut Mix roasted with Sea Salt Organic, 100 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.15</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 5.15 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VW7ba73XcDTbN1kPaV2NreT9GQFQUZ-F6QeawFF5zh2UIBs-YvITXKP_DjXXhBtHiXwHeLFKz8juBnAafFKANw" />
    <input value="17572" 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">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pill-cosmetics-ceramide-skin-firming-cream-50-ml-short-shelf-life-31-05-2026-17581">
          <img alt="Pill Cosmetics - Ceramide Skin-Firming Cream" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6385/file/small-d9432bbca73d6bf9a83ef0ced453c660.webp 600w, https://assets.fabulous.ch/public/variant_asset/6385/file/medium-209d07dadf435ab48036d3cb1ef7b561.webp 900w, https://assets.fabulous.ch/public/variant_asset/6385/file/large-eda3632e9e986705fd518ad958532475.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6385/file/medium-209d07dadf435ab48036d3cb1ef7b561.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-ceramide-skin-firming-cream-50-ml-short-shelf-life-31-05-2026-17581">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Ceramide Skin-Firming Cream, 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 48.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 24.30</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dvnpPQH-MFTTAx2Uj8MDPpj79Lr5nRNXVTqLxN_bnju3tylo3ttTPKvLSq4xGpXU9XrqwxiGQxpSO2Ee8vDQEQ" />
    <input value="17581" 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-regenerating-cleansing-milk-with-hyaluronic-acid-200-ml-short-shelf-life-31-05-2026-17582">
          <img alt="Pill Cosmetics - Regenerating Cleansing Milk 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/6415/file/small-99b8ba5332b16b0705ec83391ead3fd0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6415/file/medium-89f4f38f29cdc1c0ded1e83befa57f1e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6415/file/large-91453d2880298fd2defee676a4787a68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6415/file/medium-89f4f38f29cdc1c0ded1e83befa57f1e.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-regenerating-cleansing-milk-with-hyaluronic-acid-200-ml-short-shelf-life-31-05-2026-17582">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Regenerating Cleansing Milk with Hyaluronic Acid, 200 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 22.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 11.30</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8Bh2qlHCnRqIOA26Mkekbj0oeoccZd2p6isSCZyoa4UxVrb_juf-cvDwWoCMnjKEUKlk_v1-jeTtKvjTsYMlrw" />
    <input value="17582" 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">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pill-cosmetics-clarifying-cream-gel-50-ml-short-shelf-life-31-05-2026-17584">
          <img alt="Pill Cosmetics - Clarifying Cream Gel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6424/file/small-8d80048340f01eae2f7f3109eb43f07d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6424/file/medium-6310eb71c122a810f8c4d0ca83f6b654.webp 900w, https://assets.fabulous.ch/public/variant_asset/6424/file/large-2dc0f1de2c0ad8ccd288ff8318c6ded3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6424/file/medium-6310eb71c122a810f8c4d0ca83f6b654.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-clarifying-cream-gel-50-ml-short-shelf-life-31-05-2026-17584">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pill Cosmetics - Clarifying Cream Gel, 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.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 15.75</span>
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cookies-birkengold-chocolate-biscuits-with-no-added-sugar-125-g-short-shelf-life-08-05-2026-17608">
          <img alt="Cookies Birkengold Chocolate Biscuits with no added Sugar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4565/file/small-497c56098d79e787a1d18e98d5e0623a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4565/file/medium-af88b7185fd07302789d168227d12e79.webp 900w, https://assets.fabulous.ch/public/variant_asset/4565/file/large-ed68b675a0cb95fe44a51502df4fa0b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4565/file/medium-af88b7185fd07302789d168227d12e79.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">Birkengold</p>
          <a href="/en/products/cookies-birkengold-chocolate-biscuits-with-no-added-sugar-125-g-short-shelf-life-08-05-2026-17608">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Birkengold Chocolate Biscuits with no added Sugar, 125 g (Short shelf life 08.05.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.00</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d_J4RTqOuXzVTg2efJvNKgJlleUixMWlc-bK4Ln9Tne2vLgQ5avaFK2GWqTCQlvAb-SLnMPfleh05yA6lNYAXQ" />
    <input value="17608" 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">
    36 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cracker-sauerkraut-buckwheat-raw-organic-90-g-short-shelf-life-04-05-2026-17612">
          <img alt="Cracker Sauerkraut Buckwheat Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7457/file/small-2dd9c98116fce4ade71707d1c34746b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7457/file/medium-5d65085e58a05facee59aa6657a029a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/7457/file/large-1dc6f70d6f3dd4ff6ac3860f4beeb314.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7457/file/medium-5d65085e58a05facee59aa6657a029a2.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">Lifefood</p>
          <a href="/en/products/cracker-sauerkraut-buckwheat-raw-organic-90-g-short-shelf-life-04-05-2026-17612">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cracker Sauerkraut Buckwheat Raw Organic, 90 g (Short shelf life 04.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 9.35</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.00</span>
            </p>

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

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/choccy-buttons-chocolate-gluten-free-25-g-short-shelf-life-24-04-2026-17614">
          <img alt="Choccy Buttons Chocolate Gluten Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4354/file/small-e34cf14c510fe80ad2cece357be9d6c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4354/file/medium-b13a7f2ac4500b390b92191b987a37bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/4354/file/large-173f09d46e9d256c5088c6c4a9e68471.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4354/file/medium-b13a7f2ac4500b390b92191b987a37bd.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">Moo Free Chocolates</p>
          <a href="/en/products/choccy-buttons-chocolate-gluten-free-25-g-short-shelf-life-24-04-2026-17614">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Choccy Buttons Chocolate Gluten Free, 25 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 1.80</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 7.20 / 100 g
            </p>
        </div>
      </div>

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/barbecue-sauce-organic-220-ml-short-shelf-life-30-06-2026-17623">
          <img alt="Barbecue Sauce Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/382/file/small-1122efbc29aea4cd575ab88cd68d157a.webp 600w, https://assets.fabulous.ch/public/variant_asset/382/file/medium-2d501925f2aa91d80adfc3ed76c715b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/382/file/large-e479b9943ff7f0ebb4624b7e61a83374.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/382/file/medium-2d501925f2aa91d80adfc3ed76c715b1.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">Sanchon</p>
          <a href="/en/products/barbecue-sauce-organic-220-ml-short-shelf-life-30-06-2026-17623">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barbecue Sauce Organic, 220 ml (Short shelf life 30.06.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.00</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hlOuecKgsqf4B2tvvqLSocqk7rZBTD-i8viBszE77YpHHW4sHYXRz4DPPFUAe0RLpyXwz6BXb-_1-WtpHBCjoA" />
    <input value="17623" 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">
    52 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cookies-bio-bis-choc-nut-spelt-choc-o-nut-organic-85-g-short-shelf-life-14-05-2026-17631">
          <img alt="Cookies Bio Bis Choc Nut Spelt Choc&#39;O Nut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4679/file/small-a5bcdbe53e5a9a11e4520a352a16934f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4679/file/medium-463e0df610e5b5949310dced9697355c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4679/file/large-c8d61607028f24fbb8fffcd071c25c83.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4679/file/medium-463e0df610e5b5949310dced9697355c.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/cookies-bio-bis-choc-nut-spelt-choc-o-nut-organic-85-g-short-shelf-life-14-05-2026-17631">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Bio Bis Choc Nut Spelt Choc&#39;O Nut Organic, 85 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 2.10</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 2.47 / 100 g
            </p>
        </div>
      </div>

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/grill-set-barbecue-dips-110-g-short-shelf-life-29-04-2026-17636">
          <img alt="Grill Set Barbecue Dips" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7051/file/small-6651f58ae2d3658b1c35fc5490372526.webp 600w, https://assets.fabulous.ch/public/variant_asset/7051/file/medium-6db9c9ebd0312882b02dd34a8c8fe3cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/7051/file/large-1e642e396b9d93e59a68f8129f90adae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7051/file/medium-6db9c9ebd0312882b02dd34a8c8fe3cd.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">BUFIS</p>
          <a href="/en/products/grill-set-barbecue-dips-110-g-short-shelf-life-29-04-2026-17636">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Grill Set Barbecue Dips, 110 g (Short shelf life 29.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 13.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 10.00</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 12.27 / 100 g
            </p>
        </div>
      </div>

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/sproud-salted-caramel-iced-coffee-250-ml-short-shelf-life-15-05-2026-17637">
          <img alt="Sproud Salted Caramel Iced Coffee" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7176/file/small-eed1c12acc772e23b2d0a660c479aec5.webp 600w, https://assets.fabulous.ch/public/variant_asset/7176/file/medium-1ff7fd0689a3935ee489291709f59ce6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7176/file/large-0e96f1b6222de65dbbe41f7bd4aeecc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7176/file/medium-1ff7fd0689a3935ee489291709f59ce6.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">SPROUD</p>
          <a href="/en/products/sproud-salted-caramel-iced-coffee-250-ml-short-shelf-life-15-05-2026-17637">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sproud Salted Caramel Iced Coffee, 250 ml (Short shelf life 15.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.95</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 1.18 / 100 ml
            </p>
        </div>
      </div>

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/sproud-original-iced-coffee-250-ml-short-shelf-life-15-05-2026-17638">
          <img alt="Sproud Original Iced Coffee" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7177/file/small-08081e2745ea638bd1214459dbb52ebe.webp 600w, https://assets.fabulous.ch/public/variant_asset/7177/file/medium-827e98eebda867970156b9f678312eae.webp 900w, https://assets.fabulous.ch/public/variant_asset/7177/file/large-f7804e6d601eb6f521b2abc097cbebc1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7177/file/medium-827e98eebda867970156b9f678312eae.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">SPROUD</p>
          <a href="/en/products/sproud-original-iced-coffee-250-ml-short-shelf-life-15-05-2026-17638">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sproud Original Iced Coffee, 250 ml (Short shelf life 15.05.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.95</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 1.18 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Q0YIy9dARsRrlm8o9a2OBqJYHKJL6ep0h6M9UmpcxGWCCMieCGUlrBNeOBJLdBjsz9kC26ryujmAoteIR3eKTw" />
    <input value="17638" 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/hummus-gluten-free-organic-170-g-short-shelf-life-21-04-2026-17640">
          <img alt="Hummus Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/56/file/small-970185bd511c27f3c2c8e720c70091c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/56/file/medium-d3520438b74b0db68dcefcff29c16075.webp 900w, https://assets.fabulous.ch/public/variant_asset/56/file/large-a8fc7000aa53f304b358b27f1f791be2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/56/file/medium-d3520438b74b0db68dcefcff29c16075.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">Florentin</p>
          <a href="/en/products/hummus-gluten-free-organic-170-g-short-shelf-life-21-04-2026-17640">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hummus Gluten Free Organic, 170 g (Short shelf life 21.04.2026)</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 2.20</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.59 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="24gwJpjQcbqVqr5UdtSEZuvWx7Wx9nO1ADwW87fWL-UaxvBzR_US0u1i6W7IDRKMhlfZzFDtI_gHPfwpmv1hzw" />
    <input value="17640" 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">
    50 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/falafel-burger-hans-im-gluck-organic-200-g-short-shelf-life-21-04-2026-17641">
          <img alt="Falafel Burger - Hans im Glück Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7120/file/small-7e8fbdbe6e94922ae53fd3d5849d434d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7120/file/medium-83c613f602ea5fb4cb9b93b70d616c52.webp 900w, https://assets.fabulous.ch/public/variant_asset/7120/file/large-68b34612701588d382e1737dfbffa68e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7120/file/medium-83c613f602ea5fb4cb9b93b70d616c52.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">Soto</p>
          <a href="/en/products/falafel-burger-hans-im-gluck-organic-200-g-short-shelf-life-21-04-2026-17641">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Falafel Burger - Hans im Glück Organic, 200 g (Short shelf life 21.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.15</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.60</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.58 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JPODC3Irh6mCk-0BCH9zZ3-fh7rDlYmCS4RiNQV-4g_lvUNerQ7kwfpbuju2puWNEh6ZwyKO2c9MhYjvKFWsJQ" />
    <input value="17641" 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">
    25 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-alternative-to-creme-fraiche-organic-180-g-short-shelf-life-22-04-2026-17642">
          <img alt="Vegan Alternative to Crème Fraîche Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8133/file/small-591ed6e57b58cc95e43129630581b690.webp 600w, https://assets.fabulous.ch/public/variant_asset/8133/file/medium-f8d29a873bcab2543d9606b54b991826.webp 900w, https://assets.fabulous.ch/public/variant_asset/8133/file/large-9cbfa2420ddcad3044838a9032b6492f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8133/file/medium-f8d29a873bcab2543d9606b54b991826.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">Züger</p>
          <a href="/en/products/vegan-alternative-to-creme-fraiche-organic-180-g-short-shelf-life-22-04-2026-17642">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Crème Fraîche Organic, 180 g (Short shelf life 22.04.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.25</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.45</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.81 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tempeh-mountain-herb-spice-organic-200-g-short-shelf-life-22-04-2026-17643">
          <img alt="Tempeh Mountain Herb Spice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6036/file/small-9b75720b33c761d7fcd7139fd5c284ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/6036/file/medium-fb3ddfebf384130ae4f6ef3a1635e4ce.webp 900w, https://assets.fabulous.ch/public/variant_asset/6036/file/large-04fb1d2193498aa73065077c355126fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6036/file/medium-fb3ddfebf384130ae4f6ef3a1635e4ce.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">Peaceful Delicious</p>
          <a href="/en/products/tempeh-mountain-herb-spice-organic-200-g-short-shelf-life-22-04-2026-17643">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh Mountain Herb Spice Organic, 200 g (Short shelf life 22.04.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.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 2.75 / 100 g
            </p>
        </div>
      </div>

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </div>
    </div>
  </div>


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <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">
    25 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tempeh-garlic-coriander-organic-200-g-short-shelf-life-22-04-2026-17644">
          <img alt="Tempeh Garlic Coriander Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8023/file/small-0204b5f9a751ef7b2cbadbdf412aceb1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8023/file/medium-609401254a436a19f1379c7ce58f92d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8023/file/large-75162a43ba3efd21c44f0ae1e7d335c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8023/file/medium-609401254a436a19f1379c7ce58f92d6.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">Tempehmanufaktur</p>
          <a href="/en/products/tempeh-garlic-coriander-organic-200-g-short-shelf-life-22-04-2026-17644">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tempeh Garlic Coriander Organic, 200 g (Short shelf life 22.04.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 3.95</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.65 / 100 g
            </p>
        </div>
      </div>

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/la-cooking-vegan-alternative-to-cooking-cream-organic-200-ml-short-shelf-life-22-04-2026-17645">
          <img alt="La Cooking Vegan Alternative to Cooking Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5751/file/small-d14f19bed1b3c884fd320f9df112b7a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5751/file/medium-b56b66ab56772a3c03d10d516ff875b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5751/file/large-178d43166fde183fab4b9c7c5eb535f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5751/file/medium-b56b66ab56772a3c03d10d516ff875b3.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/la-cooking-vegan-alternative-to-cooking-cream-organic-200-ml-short-shelf-life-22-04-2026-17645">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">La Cooking Vegan Alternative to Cooking Cream Organic, 200 ml (Short shelf life 22.04.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 1.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 1.15 / 100 ml
            </p>
        </div>
      </div>

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

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/new-roots-raspberry-vegan-yogurt-organic-140-g-short-shelf-life-22-04-2026-17646">
          <img alt="New Roots RASPBERRY Vegan Yogurt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5583/file/small-4b254f5734d8e9800655d75186779872.webp 600w, https://assets.fabulous.ch/public/variant_asset/5583/file/medium-cbbe02588c8acb2b79c667a30724c6e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/5583/file/large-c11c714d4750b6f5610338e3f4ccc39d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5583/file/medium-cbbe02588c8acb2b79c667a30724c6e7.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-raspberry-vegan-yogurt-organic-140-g-short-shelf-life-22-04-2026-17646">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots RASPBERRY Vegan Yogurt Organic, 140 g (Short shelf life 22.04.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.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 1.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jKbXZlC_f3cdi9epIdH31zGGJMjIlwaW8TK9GGg1qtFN6Bczj5ocH2VDgJOfCGE9XAc6sSmMVtv2M1fCRR7k-w" />
    <input value="17646" 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">
      60 of 78 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/collections/sale?format=turbo_stream&amp;page=4">Show more</a>
  </div>
</div>

</template></turbo-stream>