<turbo-stream action="append" target="products_grid"><template>
    

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/nettle-herbal-tea-organic-50-g-17823">
          <img alt="Nettle Herbal Tea Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8839/file/small-653c5b0affd3b7a93a87a65df53e4851.webp 600w, https://assets.fabulous.ch/public/variant_asset/8839/file/medium-a09b3926140a8c0cec7aef404eefed2b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8839/file/large-843437853c7f4758f412127a2ecbf500.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8839/file/medium-a09b3926140a8c0cec7aef404eefed2b.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">Sonnentor</p>
          <a href="/en/products/nettle-herbal-tea-organic-50-g-17823">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nettle Herbal Tea Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v4J9tuanHphFwB2r5PcYghTMUXsr5H1pTWUp3YLttbmhzT6jDxOG38gbsC5miK3DArD0Uy3dKO21-ypK-VuYEQ" />
    <input value="17823" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/dates-with-stone-deglet-nour-bulk-pack-organic-5-kg-17849">
          <img alt="Dates with Stone Deglet Nour Bulk Pack Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8860/file/small-6fd8cf4589aeb9042831381e49183e5c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8860/file/medium-7bac583185ef9cdfd667b47580e2d13b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8860/file/large-d7fa40d65d84b6743637909671fb26f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8860/file/medium-7bac583185ef9cdfd667b47580e2d13b.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">Bio Grosshandel</p>
          <a href="/en/products/dates-with-stone-deglet-nour-bulk-pack-organic-5-kg-17849">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Dates with Stone Deglet Nour Bulk Pack Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="etk3thc1er2jUNVAgj6ykbym3xpRa9PFZUsO3lexVmFklnSj_oHi-i6LeMUAQQfQqtp6MldShkGd1Q1JLAd7yQ" />
    <input value="17849" 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/after-sun-lotion-200-ml-short-shelf-life-31-07-2026-17903">
          <img alt="After Sun Lotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6638/file/small-933e2c8a6dc78c8b3fdf80a780aee472.webp 600w, https://assets.fabulous.ch/public/variant_asset/6638/file/medium-fe1eb229262205e694d03938fb6b7a5a.webp 900w, https://assets.fabulous.ch/public/variant_asset/6638/file/large-05a01e8d7fc819bfc1d282c8da0fd00a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6638/file/medium-fe1eb229262205e694d03938fb6b7a5a.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">Lavera</p>
          <a href="/en/products/after-sun-lotion-200-ml-short-shelf-life-31-07-2026-17903">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">After Sun Lotion, 200 ml (Short shelf life 31.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 9.40</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 7.50</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ItrtqTBiD9RCYHxHZHEtbRpymcnux99BWiLMVsZ_Dto8la682daXk8-70cLmDpgsDA484ej-isWivM_Bvckjcg" />
    <input value="17903" 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/xylitol-chewing-gum-cinammon-28-g-short-shelf-life-23-07-2026-17905">
          <img alt="Xylitol Chewing Gum CINAMMON" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5295/file/small-a59a99273f7b55030b3a0bf27b855ac4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5295/file/medium-2974d23ae66e483f19f512b4add38037.webp 900w, https://assets.fabulous.ch/public/variant_asset/5295/file/large-03230c398bd1b2b6323dc6e35ca4e452.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5295/file/medium-2974d23ae66e483f19f512b4add38037.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/xylitol-chewing-gum-cinammon-28-g-short-shelf-life-23-07-2026-17905">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol Chewing Gum CINAMMON, 28 g (Short shelf life 23.07.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.60</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ucz_bYEZcHUegwBiaJ_9qlXMgUs5uS1cSccnojmeNZJPg7x4aK3oMpNYrefq4EjrQ7AkYz-AeNixWSQ1QigYOg" />
    <input value="17905" 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/cuisine-coconut-milk-sugar-free-organic-200-ml-short-shelf-life-08-07-2026-17906">
          <img alt="Cuisine Coconut Milk Sugar Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1170/file/small-c343976b868bfd229bf39355d0ff5dd0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1170/file/medium-63df1d30197812a7a80383f248c7dd0c.webp 900w, https://assets.fabulous.ch/public/variant_asset/1170/file/large-67f499a5bd96200f1089bca3c89710f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1170/file/medium-63df1d30197812a7a80383f248c7dd0c.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">Ecomil</p>
          <a href="/en/products/cuisine-coconut-milk-sugar-free-organic-200-ml-short-shelf-life-08-07-2026-17906">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cuisine Coconut Milk Sugar Free Organic, 200 ml (Short shelf life 08.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.15</span>
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/new-roots-la-cotta-nature-organic-1-kg-17940">
          <img alt="New Roots La Cotta Nature Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8881/file/small-85f7ab671fc9a432e291a6b0dc6eefe5.webp 600w, https://assets.fabulous.ch/public/variant_asset/8881/file/medium-e972c5989926dd93baa6d923cccc1b18.webp 900w, https://assets.fabulous.ch/public/variant_asset/8881/file/large-4982daed4f97008123f67537213749a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8881/file/medium-e972c5989926dd93baa6d923cccc1b18.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-la-cotta-nature-organic-1-kg-17940">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">New Roots La Cotta Nature Organic, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5Q0-SE-5B1GK20pdZ4AhiSbaRfz5dEVvHalYYaraj0n7Qn1dpg2fFgcA59jl_5TIMKbg1P9NEOvlN1v20Wyi4Q" />
    <input value="17940" 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">
    30 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/sleep-support-for-a-better-sleep-supplement-60-capsules-short-shelf-life-31-07-2026-17943">
          <img alt="Sleep Support ‘for a better sleep’ Supplement" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8801/file/small-e77237a3d91bdad5538169012d3efc5b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8801/file/medium-edcb2336481aae8b32d5414cc3dd9853.webp 900w, https://assets.fabulous.ch/public/variant_asset/8801/file/large-fd28c722b2191bc82d4f3a531a06896f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8801/file/medium-edcb2336481aae8b32d5414cc3dd9853.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">Vegetology</p>
          <a href="/en/products/sleep-support-for-a-better-sleep-supplement-60-capsules-short-shelf-life-31-07-2026-17943">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sleep Support ‘for a better sleep’ Supplement, 60 capsules (Short shelf life 31.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 25.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 18.15</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GYHFs6VFBSpkQXnvk4xFCu7EEoGSLCM-eIJrxYXDoqQHzoamTPGdbema1GoR8_BL-Li3qZQVdrqAHGhS_nWPDA" />
    <input value="17943" 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">
    21 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mummy-meegz-vegan-m-z-gems-peanut-80-g-short-shelf-life-31-07-2026-17944">
          <img alt="Mummy Meegz Vegan M’z Gems Peanut" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7139/file/small-33cdf7ce50ec85378b980fdb9b8c5ee2.webp 600w, https://assets.fabulous.ch/public/variant_asset/7139/file/medium-c657c40850dc6d9c6111289a0b77e013.webp 900w, https://assets.fabulous.ch/public/variant_asset/7139/file/large-4204f47360546da29375e551c285b8b9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7139/file/medium-c657c40850dc6d9c6111289a0b77e013.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">Mummy Meagz</p>
          <a href="/en/products/mummy-meegz-vegan-m-z-gems-peanut-80-g-short-shelf-life-31-07-2026-17944">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mummy Meegz Vegan M’z Gems Peanut, 80 g (Short shelf life 31.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.10</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vcGxwgUCb3qv8Dm-6r6JCl124f6GHpGKQi00H0oDDbSjjvLX7Lb3PSIrlDtowTxLSwpE1oAnxA66szeIMbUgHA" />
    <input value="17944" 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">
    30 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tampons-super-plus-without-applicator-20-pcs-20-pieces-short-shelf-life-01-08-2026-17972">
          <img alt="Tampons Super Plus without applicator, 20 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1337/file/small-97009756985418a1dca7fc5b92389bc7.webp 600w, https://assets.fabulous.ch/public/variant_asset/1337/file/medium-9821877494959534d76d629edf542ee0.webp 900w, https://assets.fabulous.ch/public/variant_asset/1337/file/large-30bc3322e0980baa64a1df041eca35a1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1337/file/medium-9821877494959534d76d629edf542ee0.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">Natracare</p>
          <a href="/en/products/tampons-super-plus-without-applicator-20-pcs-20-pieces-short-shelf-life-01-08-2026-17972">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tampons Super Plus without applicator, 20 pcs, 20 pieces (Short shelf life 01.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.20</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.35</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zJSTKJoE9v1y6l1t-RB3wvk9XjQWvSPYs5Fer589s1PS29A9c7Buuv8x8Oh7b8KD70H7HBCEdlxLD1045Iue-w" />
    <input value="17972" 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">
    70 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/xylitol-pastilles-orange-no-added-sugar-30-g-short-shelf-life-02-07-2026-17973">
          <img alt="Xylitol pastilles orange 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/3167/file/small-597eafc7a3a651f9b812bda51cdb9a5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3167/file/medium-7b8da8950a7bc4981c3941a6778934d3.webp 900w, https://assets.fabulous.ch/public/variant_asset/3167/file/large-d86a6748d280b2cf0106e5a9943db3e2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3167/file/medium-7b8da8950a7bc4981c3941a6778934d3.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/xylitol-pastilles-orange-no-added-sugar-30-g-short-shelf-life-02-07-2026-17973">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylitol pastilles orange No Added Sugar, 30 g (Short shelf life 02.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.95</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 1.20</span>
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/riso-ph-400-g-17977">
          <img alt="Riso PH Infant Formula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8909/file/small-99e40406d06338d78401b66ef69117c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8909/file/medium-deb918281f9a7ddc74cf6084f8f17a8b.webp 900w, https://assets.fabulous.ch/public/variant_asset/8909/file/large-3a1a2eef7b48e95b33e21eaa88bac14e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8909/file/medium-deb918281f9a7ddc74cf6084f8f17a8b.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">Bimbosan</p>
          <a href="/en/products/riso-ph-400-g-17977">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Riso PH Infant Formula, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3nxhYkJs_i_apEr8KsTaz8au4j7Y_1r4b1fQgEHp2w3AMyJ3q9hmaFd_53mou2-O0NJHFt7GD3yXydMXOl_2pQ" />
    <input value="17977" 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/prebaked-baguette-spelt-organic-400-g-short-shelf-life-07-07-2026-18007">
          <img alt="Prebaked Baguette Spelt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/562/file/small-1b57b286136b09657dafdd1c6fcfd675.webp 600w, https://assets.fabulous.ch/public/variant_asset/562/file/medium-578710f8c93036d69af84fe12fadb875.webp 900w, https://assets.fabulous.ch/public/variant_asset/562/file/large-df9b1f69d25af5b0a9939496d26f7e30.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/562/file/medium-578710f8c93036d69af84fe12fadb875.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">L&#39;Angelus</p>
          <a href="/en/products/prebaked-baguette-spelt-organic-400-g-short-shelf-life-07-07-2026-18007">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Prebaked Baguette Spelt Organic, 400 g (Short shelf life 07.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.65</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pUuii883a_eCxaSWSYZaQSjy5diV8A_mdaVJaxn5tza7BOGeJoPzsA8eCRPL-e8APo5A8JPJWmKNO0r8Yk-ang" />
    <input value="18007" 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">
    49 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/durum-wheat-semolina-organic-500-g-short-shelf-life-07-07-2026-18008">
          <img alt="Durum Wheat Semolina Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4432/file/small-c0e376380ff8d3e44d19447cf81c4232.webp 600w, https://assets.fabulous.ch/public/variant_asset/4432/file/medium-55bd24d0f960b4d5b6809ce7d6dfabfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4432/file/large-6f87cb9da2d3c67993b54acf5113d348.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4432/file/medium-55bd24d0f960b4d5b6809ce7d6dfabfc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/en/products/durum-wheat-semolina-organic-500-g-short-shelf-life-07-07-2026-18008">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Durum Wheat Semolina Organic, 500 g (Short shelf life 07.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.65</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.35</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zXHktGKsz8CWh6Pr54mL1Z7qki-JnspQHwph3hY0PwDTPqehixhXhxtcDm5l9j6UiJY3B4-nn9TnlGJJbYISqA" />
    <input value="18008" 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/puffed-rice-gluten-free-organic-125-g-short-shelf-life-08-07-2026-18010">
          <img alt="Puffed Rice Gluten-Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7657/file/small-df0c911836fdc6a95caffafe1505af20.webp 600w, https://assets.fabulous.ch/public/variant_asset/7657/file/medium-d75045b103da8139cb94b32b3ed5b25f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7657/file/large-a2aced9ea9b2d67908f879c0638f4b92.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7657/file/medium-d75045b103da8139cb94b32b3ed5b25f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Werz</p>
          <a href="/en/products/puffed-rice-gluten-free-organic-125-g-short-shelf-life-08-07-2026-18010">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Puffed Rice Gluten-Free Organic, 125 g (Short shelf life 08.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.10</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.30</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2LXQf8uooLTOnZJ31ukR7GuMEljSFWlunheivGKnWAnG-pNqIhw480NGP_JUlqStffC3cNQsPOpmiaErGRF1oQ" />
    <input value="18010" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/wood-smoked-vegan-alternative-to-salmon-asian-style-organic-130-g-18034">
          <img alt="Wood Smoked Vegan Alternative to Salmon Asian Style Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8989/file/small-2a60fdbac3d681824e2ae9225f8fa4f1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8989/file/medium-a511d653c8cd9853baece7dbdebf338c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8989/file/large-391b8bbd974cf79edb9b4ca3145e89c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8989/file/medium-a511d653c8cd9853baece7dbdebf338c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wild Foods</p>
          <a href="/en/products/wood-smoked-vegan-alternative-to-salmon-asian-style-organic-130-g-18034">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wood Smoked Vegan Alternative to Salmon Asian Style Organic, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rujxYAAV7u-E-d5dw-XQj5v3fglSJbbXMZXUR8QVCAmwp7J16aF2qAkic9hBmmXOjYvbIVQc41PJC9fQv6MloQ" />
    <input value="18034" 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/konjac-spaghetti-style-organic-270-g-short-shelf-life-10-07-2026-18035">
          <img alt="Konjac Spaghetti Style Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4824/file/small-5122a7a3f1346daa51cdaf4f541e51b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4824/file/medium-2f496d5271e6dc26a83cc63b7f8f642b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4824/file/large-36376ada5d7ceac4345d1baeb9380377.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4824/file/medium-2f496d5271e6dc26a83cc63b7f8f642b.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">Vitanu</p>
          <a href="/en/products/konjac-spaghetti-style-organic-270-g-short-shelf-life-10-07-2026-18035">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Konjac Spaghetti Style Organic, 270 g (Short shelf life 10.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.70</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nr7ERrcAzivJ-dCYsKyxj-RPCT3jU5vG6M5kzV08NwCA8YdTXrRWbEQifR0y0wTO8jOsFeVqzkIQUGdaJooaqA" />
    <input value="18035" 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/konjac-rice-style-organic-270-g-short-shelf-life-10-07-2026-18036">
          <img alt="Konjac Rice Style Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4833/file/small-fb168b85cce5e7ac46e6326cf715e479.webp 600w, https://assets.fabulous.ch/public/variant_asset/4833/file/medium-172a7a71785ae01d3fd010810080e8ed.webp 900w, https://assets.fabulous.ch/public/variant_asset/4833/file/large-6929feaf171e3bd6ef38bef4c9ddef88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4833/file/medium-172a7a71785ae01d3fd010810080e8ed.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">Vitanu</p>
          <a href="/en/products/konjac-rice-style-organic-270-g-short-shelf-life-10-07-2026-18036">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Konjac Rice Style Organic, 270 g (Short shelf life 10.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.70</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vlcDerOZr9CXWnzCXM9mXEfQKxtYMDWz3Iigifdvmn2gGEBvWi03lxqB0UfesNMdUayOM14JYDckFqMejNm31Q" />
    <input value="18036" 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/konjac-noodle-style-organic-270-g-short-shelf-life-10-07-2026-18038">
          <img alt="Konjac Noodle Style Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4825/file/small-e4c033148a0da35aea3ff35467ee9635.webp 600w, https://assets.fabulous.ch/public/variant_asset/4825/file/medium-d431aceb0e4bd0b6383ed93b25a6c719.webp 900w, https://assets.fabulous.ch/public/variant_asset/4825/file/large-768d3edda84c85b49fe39e049628e092.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4825/file/medium-d431aceb0e4bd0b6383ed93b25a6c719.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">Vitanu</p>
          <a href="/en/products/konjac-noodle-style-organic-270-g-short-shelf-life-10-07-2026-18038">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Konjac Noodle Style Organic, 270 g (Short shelf life 10.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.70</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KSvvKub-eHx1qTFUIbpQxpYDHaXo2REu7J_J5NVGFyY3ZKw_D0rgO_hynNGjxeWHgH-4je7gRKoUAcpzrvA6jg" />
    <input value="18038" 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/coconut-custard-400-g-short-shelf-life-11-07-2026-18043">
          <img alt="Coconut Custard" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6589/file/small-650d4a706c6970d4a24c16325f674aeb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6589/file/medium-d1e97fd3e066b5966e14631456e72275.webp 900w, https://assets.fabulous.ch/public/variant_asset/6589/file/large-369e550d880c4a4e90830c7b9efff42f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6589/file/medium-d1e97fd3e066b5966e14631456e72275.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">Nature&#39;s Charm</p>
          <a href="/en/products/coconut-custard-400-g-short-shelf-life-11-07-2026-18043">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Coconut Custard, 400 g (Short shelf life 11.07.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 1.23 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9u8_Ikj-WA3AUxP0BV2oHA9Gkttwe_FEHR-cZIskCu7ooHw3oUrASk2IvnGHIh1dGTo383ZCpMDlgZ_z8JInRg" />
    <input value="18043" 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/xylit-sirup-organic-raspberry-sweetened-with-birch-sugar-500-ml-short-shelf-life-07-07-2026-18060">
          <img alt="Xylit Sirup Organic Raspberry Sweetened with Birch Sugar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2767/file/small-c3dd3ac6f1cfcabf2ac1a1708cb49be8.webp 600w, https://assets.fabulous.ch/public/variant_asset/2767/file/medium-b9181df24a4f62cd0b949bafc772eb9f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2767/file/large-4185af99456f0a83c0bf6a6c8b646c7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2767/file/medium-b9181df24a4f62cd0b949bafc772eb9f.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">Tautona</p>
          <a href="/en/products/xylit-sirup-organic-raspberry-sweetened-with-birch-sugar-500-ml-short-shelf-life-07-07-2026-18060">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Xylit Sirup Organic Raspberry Sweetened with Birch Sugar, 500 ml (Short shelf life 07.07.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 12.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.40</span>
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ARwKH0PA9oCmAUlEhn8ceqGen1xZMfJGpx2sF9OG-kgfU0kKqnRuxyva5MEEAKk7t-I6dF8Ip8Jfg6-AqDDX4A" />
    <input value="18060" 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;140 of 3&#39;200 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/sojade?format=turbo_stream&amp;page=158">Show more</a>
  </div>
</div>

</template></turbo-stream>