<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fveggi-filata%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/just-egg-alternative-for-eggs-340-ml-22452">
          <img alt="JUST Egg Alternative for Eggs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11881/file/small-b1044437bd7f6a9c1bb11970a2cd7af3.webp 600w, https://assets.fabulous.ch/public/variant_asset/11881/file/medium-fc9a4e7fcaf33aff7e4d9307ac6c5058.webp 900w, https://assets.fabulous.ch/public/variant_asset/11881/file/large-be6ae9f34e5b862691dfa0498e32ebc6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11881/file/medium-fc9a4e7fcaf33aff7e4d9307ac6c5058.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">Just Food Company</p>
          <a href="/en/products/just-egg-alternative-for-eggs-340-ml-22452">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">JUST Egg Alternative for Eggs, 340 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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 2.32 / 100 ml
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-22452-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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fveggi-filata%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/smoothie-mango-passion-fruit-organic-250-ml-short-shelf-life-24-10-2026-22462">
          <img alt="Smoothie Mango-Passion Fruit Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7710/file/small-197b6759478c27108c5132c54ca4898f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7710/file/medium-d3dc10f8daf45e84b0d0689f2b91725c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7710/file/large-16c068433ba1200b7e63ad186bec8526.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7710/file/medium-d3dc10f8daf45e84b0d0689f2b91725c.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">Biotta</p>
          <a href="/en/products/smoothie-mango-passion-fruit-organic-250-ml-short-shelf-life-24-10-2026-22462">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Smoothie Mango-Passion Fruit Organic, 250 ml (Short shelf life 24.10.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 1.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 1.56 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22462&quot;],&quot;content_name&quot;:&quot;Smoothie Mango-Passion Fruit Organic, 250 ml (Short shelf life 24.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22462&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ETstxcKTOFXsuCn_RpwP2-X4-oj2cu64ofcDR1dHQE-aRTnArVrDNbe88wVdeV2Gmej1_ze3L85xmdepwsPfsg" />
    <input value="22462" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fveggi-filata%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/pralines-raspberry-6-piece-box-organic-88-g-short-shelf-life-31-10-2026-22464">
          <img alt="Pralines Raspberry 6-Piece Box Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2648/file/small-4d6bab69ac1245d4548ac40fb88e5b72.webp 600w, https://assets.fabulous.ch/public/variant_asset/2648/file/medium-8ea97910f51cc6d1acde3301d1b0d991.webp 900w, https://assets.fabulous.ch/public/variant_asset/2648/file/large-00d7099b4de7044e5af992c28040d1ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2648/file/medium-8ea97910f51cc6d1acde3301d1b0d991.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">Naturkostbar</p>
          <a href="/en/products/pralines-raspberry-6-piece-box-organic-88-g-short-shelf-life-31-10-2026-22464">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pralines Raspberry 6-Piece Box Organic, 88 g (Short shelf life 31.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 15.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 11.15</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22464&quot;],&quot;content_name&quot;:&quot;Pralines Raspberry 6-Piece Box Organic, 88 g (Short shelf life 31.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22464&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PfbYxrn8xXCUkOODIPV52bf-D6utsHmdLBsJuKwch4a2iMzD1jU-EM-UOXk7ECuEy-4A3Gx1uOv8dd1WOZgYew" />
    <input value="22464" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fveggi-filata%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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">
    29 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-marshmallows-dandies-chocolate-105-g-short-shelf-life-30-10-2026-22465">
          <img alt="Vegan Marshmallows Dandies Chocolate" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9093/file/small-ff441dc4c1206ad7f7a3d59609765ce2.webp 600w, https://assets.fabulous.ch/public/variant_asset/9093/file/medium-10a20379c13781f947c7ac1416bdfa4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9093/file/large-f37f4460b8a6a3d71efe88d5a66a2ced.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9093/file/medium-10a20379c13781f947c7ac1416bdfa4e.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">Dandies Vegan Marshmallows</p>
          <a href="/en/products/vegan-marshmallows-dandies-chocolate-105-g-short-shelf-life-30-10-2026-22465">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Marshmallows Dandies Chocolate, 105 g (Short shelf life 30.10.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 2.75</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22465&quot;],&quot;content_name&quot;:&quot;Vegan Marshmallows Dandies Chocolate, 105 g (Short shelf life 30.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22465&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DMdJ7ZuKVxstrltcGFipPDm2N_Ls4iT1LiiEeDZWXb6HuV3o9EOse3aqgaYDvfthRaY4hS0n5YP-RlCWo9LCQw" />
    <input value="22465" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fveggi-filata%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/tortilla-chips-chili-organic-150-g-short-shelf-life-12-11-2026-22466">
          <img alt="Tortilla Chips Chili Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7488/file/small-40bea0e9520d2ee0b9738fc51d704a6c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7488/file/medium-0c066bd3df4153b0ac340a482c9cc088.webp 900w, https://assets.fabulous.ch/public/variant_asset/7488/file/large-69207ab123bb4ee1b2565c131d55d7f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7488/file/medium-0c066bd3df4153b0ac340a482c9cc088.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">MiAdelita</p>
          <a href="/en/products/tortilla-chips-chili-organic-150-g-short-shelf-life-12-11-2026-22466">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tortilla Chips Chili Organic, 150 g (Short shelf life 12.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.75</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 4.60</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22466&quot;],&quot;content_name&quot;:&quot;Tortilla Chips Chili Organic, 150 g (Short shelf life 12.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22466&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sXhv11DrsN38y00n7TSugkYCYpD9VszBtKQCBJoVIos6BnvSPyJLvafPl9320fzfOhJt5zyTDbdkytbqD5G9dg" />
    <input value="22466" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fveggi-filata%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/kombucha-matcha-passion-fruit-330-ml-22469">
          <img alt="Kombucha Matcha &amp; Passion Fruit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11883/file/small-2b1823df22ef992c68b49250c2372136.webp 600w, https://assets.fabulous.ch/public/variant_asset/11883/file/medium-1bbd58e050139971e83f8d36b9332cf4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11883/file/large-3e487fdde0e52596d70d7b513b1619b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11883/file/medium-1bbd58e050139971e83f8d36b9332cf4.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">Rudy&#39;s Kombucha</p>
          <a href="/en/products/kombucha-matcha-passion-fruit-330-ml-22469">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Matcha &amp; Passion Fruit, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </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-22469-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 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fveggi-filata%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/playful-pup-wellness-dog-treats-100-g-short-shelf-life-20-11-2026-22478">
          <img alt="Playful Pup! Wellness Dog Treats" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6156/file/small-f037471c10c9cac47825ac2adf35b25d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6156/file/medium-333b6f4f3a79aadfbdcafe0773bf95fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/6156/file/large-f9d219325e1cd63d6b5297bba67d0568.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6156/file/medium-333b6f4f3a79aadfbdcafe0773bf95fe.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">HOWND</p>
          <a href="/en/products/playful-pup-wellness-dog-treats-100-g-short-shelf-life-20-11-2026-22478">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Playful Pup! Wellness Dog Treats, 100 g (Short shelf life 20.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.30</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.05</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22478&quot;],&quot;content_name&quot;:&quot;Playful Pup! Wellness Dog Treats, 100 g (Short shelf life 20.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22478&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F7N0pJOhvAuiJIa0fIxYTjVZLp2iKCm-s2y8d4-TFLaczWCh_GhHa_kgXE5naQoTSUkh6mPt6MhjAmiZGheLSw" />
    <input value="22478" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fveggi-filata%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-alternative-to-butter-250-g-22484">
          <img alt="Vegan Alternative to Butter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11907/file/small-2b104ab10e9ab5841acaedc7153b5ca0.webp 600w, https://assets.fabulous.ch/public/variant_asset/11907/file/medium-0ee221dc90e0cbb359cfeefa2e025668.webp 900w, https://assets.fabulous.ch/public/variant_asset/11907/file/large-deda8781976dbd451f85c9d8b395dad3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11907/file/medium-0ee221dc90e0cbb359cfeefa2e025668.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">Alsan BIO</p>
          <a href="/en/products/vegan-alternative-to-butter-250-g-22484">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Alternative to Butter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22484&quot;],&quot;content_name&quot;:&quot;Vegan Alternative to Butter, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22484&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XS7iMl6NBktVf1BO2ayDphIK3HWDJqqF6m7YGCazKiDWUPY3MUT9Kw57irTCSdH7bhrTAkLja_M6AAz2sze13Q" />
    <input value="22484" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fveggi-filata%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/sausage-vegan-merguez-organic-200-g-short-shelf-life-26-10-2026-22489">
          <img alt="Sausage Vegan Merguez Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1275/file/small-66fe0c6b56e3c5890d22507103277572.webp 600w, https://assets.fabulous.ch/public/variant_asset/1275/file/medium-e046e57a5e306de67eabfe3788f605de.webp 900w, https://assets.fabulous.ch/public/variant_asset/1275/file/large-6c2ab5ae6e876457d826d96323bfce8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1275/file/medium-e046e57a5e306de67eabfe3788f605de.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">Wheaty</p>
          <a href="/en/products/sausage-vegan-merguez-organic-200-g-short-shelf-life-26-10-2026-22489">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sausage Vegan Merguez Organic, 200 g (Short shelf life 26.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 6.70</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.35</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22489&quot;],&quot;content_name&quot;:&quot;Sausage Vegan Merguez Organic, 200 g (Short shelf life 26.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22489&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CIE4Gih_5_O4tOGdOHBuZsCGBJQ--vZ9sKC_9Drp0ZGD_ywfR7Yck-OwO2cjlTw7vJYL4_8_Nwtgzmsar21ObA" />
    <input value="22489" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fveggi-filata%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/biang-biang-noodles-organic-300-g-short-shelf-life-21-11-2026-22490">
          <img alt="Biang Biang Noodles Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7757/file/small-74ed7c5f4160c3dc71fec91af31f1aa9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7757/file/medium-3b666f2ec271fb61258e7335f119d317.webp 900w, https://assets.fabulous.ch/public/variant_asset/7757/file/large-508e95706ae5e69e4d3d34f77fe47467.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7757/file/medium-3b666f2ec271fb61258e7335f119d317.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">Just Taste</p>
          <a href="/en/products/biang-biang-noodles-organic-300-g-short-shelf-life-21-11-2026-22490">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biang Biang Noodles Organic, 300 g (Short shelf life 21.11.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 3.95</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22490&quot;],&quot;content_name&quot;:&quot;Biang Biang Noodles Organic, 300 g (Short shelf life 21.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22490&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tdkUx_Dll2cNKWHYUuZD05csgoK8FVLjwUFAiPWkNWc-pwDCnyxsB1YtuyJJAxGO6zyN9X3Qk5URL5RmYCCqmg" />
    <input value="22490" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fveggi-filata%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/egg-alternative-eywhite-organic-5-x-200-g-22505">
          <img alt="Egg Alternative EyWHITE Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11930/file/small-454cb54054a43e7fb16054968ae6a761.webp 600w, https://assets.fabulous.ch/public/variant_asset/11930/file/medium-7b89bb9d1a63a29cb8bdeb7430ffc024.webp 900w, https://assets.fabulous.ch/public/variant_asset/11930/file/large-79b968385b5dbb88b33358cb4154ca6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11930/file/medium-7b89bb9d1a63a29cb8bdeb7430ffc024.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">MyEy</p>
          <a href="/en/products/egg-alternative-eywhite-organic-5-x-200-g-22505">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Egg Alternative EyWHITE Organic, 5 x 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 70.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22505&quot;],&quot;content_name&quot;:&quot;Egg Alternative EyWHITE Organic, 5 x 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22505&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:70.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ajwaH4BhYxvW3eiQSBupWpmzyaacH70nco9lyMMvv87hQg4a76iYe43ZMmpT_vsH5aPG0V3afFGi4bEmVqsgMw" />
    <input value="22505" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fveggi-filata%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/egg-replacer-eyyellow-organic-5-x-200-g-22506">
          <img alt="Egg Replacer EyYELLOW Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11931/file/small-6e7652a24f171fb1830745130aecdb4f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11931/file/medium-218348c19c29b8e3a646544850a56234.webp 900w, https://assets.fabulous.ch/public/variant_asset/11931/file/large-0170350c97948b12d6315a767c411168.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11931/file/medium-218348c19c29b8e3a646544850a56234.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">MyEy</p>
          <a href="/en/products/egg-replacer-eyyellow-organic-5-x-200-g-22506">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Egg Replacer EyYELLOW Organic, 5 x 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 70.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22506&quot;],&quot;content_name&quot;:&quot;Egg Replacer EyYELLOW Organic, 5 x 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22506&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:70.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cNdU8uIqVZHvnbjGLCi-2QAvcQ8IClTKRmAq_gKMRN37qUD3jeOu8bSZYjw3zeyEfD9-eMnPlbyWDv4QlwjbIA" />
    <input value="22506" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fveggi-filata%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/schlagfix-cream-spray-can-200-ml-short-shelf-life-23-11-2026-22509">
          <img alt="Schlagfix Cream Spray Can" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1046/file/small-796eb35e911ceb8a31e63a5a0bba70ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/1046/file/medium-5a99181eb9254483eb20d8227aaffb09.webp 900w, https://assets.fabulous.ch/public/variant_asset/1046/file/large-05f803175d59edb7eebd9148132368df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1046/file/medium-5a99181eb9254483eb20d8227aaffb09.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">Schlagfix</p>
          <a href="/en/products/schlagfix-cream-spray-can-200-ml-short-shelf-life-23-11-2026-22509">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schlagfix Cream Spray Can, 200 ml (Short shelf life 23.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 3.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 3.05</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22509&quot;],&quot;content_name&quot;:&quot;Schlagfix Cream Spray Can, 200 ml (Short shelf life 23.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22509&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8tW6k5ylB4BvKhwtSX6JK_CNSc9YCaQ5W-kKxLOVFpp5q66W82z84DQuxtdSm9t2jJ1GuJnMZU-Lh94qJhGJZw" />
    <input value="22509" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fveggi-filata%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/petit-frais-onion-chive-vegan-soft-cheese-alternative-organic-130-g-short-shelf-life-30-10-2026-22516">
          <img alt="Petit Frais Onion &amp; Chive Vegan Soft Cheese Alternative Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7777/file/small-8db3318776ef52cca29486a170420f9a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7777/file/medium-09bf899d4b79794afb88a6ada8a64c12.webp 900w, https://assets.fabulous.ch/public/variant_asset/7777/file/large-9d9e837d50789ec054c86ad526cd0f87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7777/file/medium-09bf899d4b79794afb88a6ada8a64c12.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">Petit Veganne</p>
          <a href="/en/products/petit-frais-onion-chive-vegan-soft-cheese-alternative-organic-130-g-short-shelf-life-30-10-2026-22516">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Petit Frais Onion &amp; Chive Vegan Soft Cheese Alternative Organic, 130 g (Short shelf life 30.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 10.50</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 9.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 8.08 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22516&quot;],&quot;content_name&quot;:&quot;Petit Frais Onion \u0026 Chive Vegan Soft Cheese Alternative Organic, 130 g (Short shelf life 30.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22516&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="knJS98P4FoJtd0a-9norWE2-f0vyJTbVNUCUJGs1_FQZDEbyrDHt4jZznETtn3kFMa5wPDPg96PlLkDK_rFjqQ" />
    <input value="22516" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fveggi-filata%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/grape-seed-flour-organic-140-g-short-shelf-life-30-11-2026-22519">
          <img alt="Grape Seed Flour Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1017/file/small-ee28729895913a64cfb4106d5dc94f05.webp 600w, https://assets.fabulous.ch/public/variant_asset/1017/file/medium-1ef2416c2edf2e6ade4f57dd778a33b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/1017/file/large-5851072353823cf21940d56df5b51972.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1017/file/medium-1ef2416c2edf2e6ade4f57dd778a33b8.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">Raab</p>
          <a href="/en/products/grape-seed-flour-organic-140-g-short-shelf-life-30-11-2026-22519">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grape Seed Flour Organic, 140 g (Short shelf life 30.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 8.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 6.90</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22519&quot;],&quot;content_name&quot;:&quot;Grape Seed Flour Organic, 140 g (Short shelf life 30.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22519&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uoArdfQWE9anxHOisiKjxz1_mBwamVQXsGqslWeBsMsx_j9wm9_otvzAqVipx_GaQW-Xa9tclWFgBHh78gUvNg" />
    <input value="22519" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fveggi-filata%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    19 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-curry-mayo-with-organic-rapeseed-oil-60-ml-short-shelf-life-19-11-2026-22520">
          <img alt="Vegan Curry Mayo with Organic Rapeseed Oil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7607/file/small-f00ad748ad9139b3cca262ad41918329.webp 600w, https://assets.fabulous.ch/public/variant_asset/7607/file/medium-a78042c9dfaefd686ab1b7d1c0799096.webp 900w, https://assets.fabulous.ch/public/variant_asset/7607/file/large-a20be8e7c536f598b9fa0a11f5bf6928.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7607/file/medium-a78042c9dfaefd686ab1b7d1c0799096.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">Naturata</p>
          <a href="/en/products/vegan-curry-mayo-with-organic-rapeseed-oil-60-ml-short-shelf-life-19-11-2026-22520">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Curry Mayo with Organic Rapeseed Oil, 60 ml (Short shelf life 19.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 2.60</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.10</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22520&quot;],&quot;content_name&quot;:&quot;Vegan Curry Mayo with Organic Rapeseed Oil, 60 ml (Short shelf life 19.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22520&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j1VOnTzQpGyaA_TpCR5GxCoVMp7RPlEelJ_mfvCq4MQEK1qYUxlfDMEHLhMS-xSZVgU96RD7kGhE8TKQZS5_OQ" />
    <input value="22520" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fveggi-filata%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/hazelnuts-organic-200-g-short-shelf-life-16-11-2026-22521">
          <img alt="Hazelnuts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5323/file/small-c482bf28dcb01c359193bbb26bb9bbf6.webp 600w, https://assets.fabulous.ch/public/variant_asset/5323/file/medium-7ce98eee33a308d2057566c0dac9b132.webp 900w, https://assets.fabulous.ch/public/variant_asset/5323/file/large-6c552d396d0962cac06175c7724e8c2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5323/file/medium-7ce98eee33a308d2057566c0dac9b132.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/hazelnuts-organic-200-g-short-shelf-life-16-11-2026-22521">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hazelnuts Organic, 200 g (Short shelf life 16.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 7.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 7.00</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22521&quot;],&quot;content_name&quot;:&quot;Hazelnuts Organic, 200 g (Short shelf life 16.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22521&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I8rHXWr8z9Q8SeLzCv9jrfT-OO7cOeioNyUJ1xzkvEOotNNYBTU0tGdNOAkRGjHwiO43mR38Kd7nS905iWAjvg" />
    <input value="22521" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fveggi-filata%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    10 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/dj-a-crispy-broccoli-florets-sea-salt-vinegar-25-g-short-shelf-life-09-11-2026-22523">
          <img alt="DJ&amp;A Crispy Broccoli Florets Sea Salt &amp; Vinegar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7267/file/small-d0fc0c9dfc58e45b3cdad9fed8686a16.webp 600w, https://assets.fabulous.ch/public/variant_asset/7267/file/medium-ef4c7ed66f908cf3b0fdbf4f35f602a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/7267/file/large-eeda5de292ba7f327435b170c7c9ff4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7267/file/medium-ef4c7ed66f908cf3b0fdbf4f35f602a4.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">DJ&amp;A</p>
          <a href="/en/products/dj-a-crispy-broccoli-florets-sea-salt-vinegar-25-g-short-shelf-life-09-11-2026-22523">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">DJ&amp;A Crispy Broccoli Florets Sea Salt &amp; Vinegar, 25 g (Short shelf life 09.11.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 5.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 5.30</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22523&quot;],&quot;content_name&quot;:&quot;DJ\u0026A Crispy Broccoli Florets Sea Salt \u0026 Vinegar, 25 g (Short shelf life 09.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22523&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_lf5f-xPILUjNFxEHahzRf93iiwwg_8HOKFq6k1Vc8t1Ke16g4bb1Xgwhr4GTSEYg2eFW_FGPnHoz74E2NHsNg" />
    <input value="22523" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fveggi-filata%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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/cookie-spice-organic-32-g-short-shelf-life-30-11-2026-581d14cf-92e9-400f-96c3-945f40293535-22540">
          <img alt="Cookie Spice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7597/file/small-72fae374351bced70fcd36339a344c90.webp 600w, https://assets.fabulous.ch/public/variant_asset/7597/file/medium-6a5dadcddeb30ddc292d1e513ac218f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7597/file/large-eac1bb1fbe9c9a62661da62d301be1cc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7597/file/medium-6a5dadcddeb30ddc292d1e513ac218f6.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">Brecht</p>
          <a href="/en/products/cookie-spice-organic-32-g-short-shelf-life-30-11-2026-581d14cf-92e9-400f-96c3-945f40293535-22540">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cookie Spice Organic, 32 g (Short shelf life 30.11.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 2.60</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22540&quot;],&quot;content_name&quot;:&quot;Cookie Spice Organic, 32 g (Short shelf life 30.11.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22540&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pM6Gn6wLNQyp47FF7pnbxPZiBbCMCVXt9nFTDcGA2-MvsJKaw8LObPLna7_1fImZinIKx03MlJsmH4fjVAREHg" />
    <input value="22540" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fveggi-filata%3Fformat%3Dturbo_stream%26page%3D199">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/habanero-ketchup-organic-230-g-22541">
          <img alt="Habanero Ketchup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11965/file/small-8222c7b23bf8414b2459e55f65ce40c8.webp 600w, https://assets.fabulous.ch/public/variant_asset/11965/file/medium-15a4eb56afbc349b4ee2f50fedeec787.webp 900w, https://assets.fabulous.ch/public/variant_asset/11965/file/large-9257adcdeaac19c2c48cceec14e6dfdd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11965/file/medium-15a4eb56afbc349b4ee2f50fedeec787.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">Connie&#39;s Kitchen</p>
          <a href="/en/products/habanero-ketchup-organic-230-g-22541">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Habanero Ketchup Organic, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22541&quot;],&quot;content_name&quot;:&quot;Habanero Ketchup Organic, 230 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22541&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y1OZORwPvL88YO0wEWIcbEVEapVyHlN3rw-Kw2svigtALY08c8ZH32dkN8oKh04xOVRl4rPbkgF_YV4t_qsV9g" />
    <input value="22541" 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;980 of 3&#39;981 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/veggi-filata?format=turbo_stream&amp;page=200">Show more</a>
  </div>
</div>

</template></turbo-stream>