<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%2Ffood%3Fformat%3Dturbo_stream%26page%3D100">
    <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/xucker-erythritol-sweetener-can-organic-450-g-11800">
          <img alt="Xucker Erythritol Sweetener Can Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6025/file/small-f0a142d773ee8090d989c37d9f1bbcbb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6025/file/medium-1d97dedb6ed64aa74f0eba7671a60f63.webp 900w, https://assets.fabulous.ch/public/variant_asset/6025/file/large-e02449af885b9c74f69eb838f0e9f626.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6025/file/medium-1d97dedb6ed64aa74f0eba7671a60f63.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">Xucker</p>
          <a href="/en/products/xucker-erythritol-sweetener-can-organic-450-g-11800">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Xucker Erythritol Sweetener Can Organic, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11800-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%2Ffood%3Fformat%3Dturbo_stream%26page%3D100">
    <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/xucker-xylitol-can-organic-700-g-11801">
          <img alt="Xucker Xylitol Can Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6027/file/small-8c3e86ecc47562a2e780c3938d0c56cb.webp 600w, https://assets.fabulous.ch/public/variant_asset/6027/file/medium-8b3c4e66a0eb1960f4271b23e43cb2cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6027/file/large-9b1793893f9923d421004adf8b32aa65.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6027/file/medium-8b3c4e66a0eb1960f4271b23e43cb2cd.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">Xucker</p>
          <a href="/en/products/xucker-xylitol-can-organic-700-g-11801">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Xucker Xylitol Can Organic, 700 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11801-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%2Ffood%3Fformat%3Dturbo_stream%26page%3D100">
    <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/smokey-paprika-organic-50-g-11915">
          <img alt="Smokey Paprika Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6074/file/small-10be4fb9976c3ff488c780425aa57d82.webp 600w, https://assets.fabulous.ch/public/variant_asset/6074/file/medium-ea4e140979854c2d12c4f3ab40b1f2e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/6074/file/large-595a811462a0dd21a72b857e8aef6a3d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6074/file/medium-ea4e140979854c2d12c4f3ab40b1f2e4.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/smokey-paprika-organic-50-g-11915">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Smokey Paprika Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11915&quot;],&quot;content_name&quot;:&quot;Smokey Paprika Organic, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11915&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yy-wYKAY39n0Pex44I5Jj4DaSZwXHrmJFpKfdq2OU_0-UttTCI6u9fkqMLCNJhFUN-QHYUitcePpZzoXMF9Bqg" />
    <input value="11915" 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%2Ffood%3Fformat%3Dturbo_stream%26page%3D100">
    <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/faux-gras-gaia-vegan-alternative-to-foie-gras-with-cranberries-organic-125-g-11928">
          <img alt="Faux Gras GAIA Vegan Alternative to Foie Gras with Cranberries Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6076/file/small-49774bc383f0752e1f2366626a010edd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6076/file/medium-fcf67e88c138270c61b547ec0c5fa847.webp 900w, https://assets.fabulous.ch/public/variant_asset/6076/file/large-3da8fff63b4184f329333a0b3a1e79fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6076/file/medium-fcf67e88c138270c61b547ec0c5fa847.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">GAIA</p>
          <a href="/en/products/faux-gras-gaia-vegan-alternative-to-foie-gras-with-cranberries-organic-125-g-11928">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Faux Gras GAIA Vegan Alternative to Foie Gras with Cranberries Organic, 125 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.70
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11928-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%2Ffood%3Fformat%3Dturbo_stream%26page%3D100">
    <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/cappuccino-latte-bio-235-ml-11931">
          <img alt="Cappuccino Latte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6080/file/small-28a550758dc3e2ffefada7e6ff04625a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6080/file/medium-baa66b993bd361b0cdc2632cb7eaf069.webp 900w, https://assets.fabulous.ch/public/variant_asset/6080/file/large-3d599e235694ce1a92d4c3deec5df2fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6080/file/medium-baa66b993bd361b0cdc2632cb7eaf069.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">Oatly</p>
          <a href="/en/products/cappuccino-latte-bio-235-ml-11931">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cappuccino Latte Bio, 235 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11931-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%2Ffood%3Fformat%3Dturbo_stream%26page%3D100">
    <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/mocha-latte-organic-235-ml-11932">
          <img alt="Mocha Latte Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6082/file/small-ba07d6ecd94abc14fb4fc4dba5f8f228.webp 600w, https://assets.fabulous.ch/public/variant_asset/6082/file/medium-d5090078cf9c0d779bedfea52dc6e786.webp 900w, https://assets.fabulous.ch/public/variant_asset/6082/file/large-ac71959650fdcfb1d15871b0db38079c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6082/file/medium-d5090078cf9c0d779bedfea52dc6e786.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">Oatly</p>
          <a href="/en/products/mocha-latte-organic-235-ml-11932">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mocha Latte Organic, 235 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11932-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%2Ffood%3Fformat%3Dturbo_stream%26page%3D100">
    <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/dr-mannah-s-italien-herbs-matured-organic-100-g-11967">
          <img alt="Dr. Mannah&#39;s Italien Herbs - matured - Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6085/file/small-2f4a7fe0689d057506bb9c8ca504a069.webp 600w, https://assets.fabulous.ch/public/variant_asset/6085/file/medium-3ce8ca35b18de98a022cacf3155dde99.webp 900w, https://assets.fabulous.ch/public/variant_asset/6085/file/large-476504247757427573d4b813dbee93be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6085/file/medium-3ce8ca35b18de98a022cacf3155dde99.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">Happy Cheeze GmbH</p>
          <a href="/en/products/dr-mannah-s-italien-herbs-matured-organic-100-g-11967">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dr. Mannah&#39;s Italien Herbs - matured - Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.70
            </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 9.70 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-11967-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%2Ffood%3Fformat%3Dturbo_stream%26page%3D100">
    <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/cashew-raosted-with-curry-madras-organic-100-g-11986">
          <img alt="Cashew raosted with Curry Madras, Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6090/file/small-439ee85d202d9882d4d86c5fa9eb66d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6090/file/medium-2286f3f2f2ff94da14ccd8d603b5d638.webp 900w, https://assets.fabulous.ch/public/variant_asset/6090/file/large-40ebf36b79fcdca4de5b880dad83698c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6090/file/medium-2286f3f2f2ff94da14ccd8d603b5d638.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pakka</p>
          <a href="/en/products/cashew-raosted-with-curry-madras-organic-100-g-11986">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashew raosted with Curry Madras, Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11986&quot;],&quot;content_name&quot;:&quot;Cashew raosted with Curry Madras, Organic, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11986&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GHfA0gGJYjDFrVTTSWq1pQt7pqq-ECU9IkiNTmFxHd_tCqvhqR8THMi6iBskwu1-vEXoV-Gj7VfdvSgv_KAPiA" />
    <input value="11986" 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%2Ffood%3Fformat%3Dturbo_stream%26page%3D100">
    <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/la-raclette-vegan-chili-garlic-organic-200-g-12086">
          <img alt="La Raclette Vegan CHILI &amp; GARLIC Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6129/file/small-f7427802a78297a623c5ec432277a2b9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6129/file/medium-2d81751baf8aa56c8d7149a4b2a9e826.webp 900w, https://assets.fabulous.ch/public/variant_asset/6129/file/large-e769337e0451dba5f0d081d196e57907.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6129/file/medium-2d81751baf8aa56c8d7149a4b2a9e826.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">New Roots</p>
          <a href="/en/products/la-raclette-vegan-chili-garlic-organic-200-g-12086">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">La Raclette Vegan CHILI &amp; GARLIC Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </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.60 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-12086-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%2Ffood%3Fformat%3Dturbo_stream%26page%3D100">
    <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/fruit-bar-mango-organic-40-g-12141">
          <img alt="Fruit Bar Mango Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6141/file/small-85eaf0e95085a8caf0f41b3b1c2a533b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6141/file/medium-1afe8b8a32260c7f90a1fa765467ed24.webp 900w, https://assets.fabulous.ch/public/variant_asset/6141/file/large-6dc66a335c89ad15355fc80adf1b5aa8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6141/file/medium-1afe8b8a32260c7f90a1fa765467ed24.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">Allos</p>
          <a href="/en/products/fruit-bar-mango-organic-40-g-12141">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruit Bar Mango Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12141&quot;],&quot;content_name&quot;:&quot;Fruit Bar Mango Organic, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12141&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="bjTzkxPFDNFkDrobjKl0jMUaCVGm2tZQRUWRhTCsSkmbSZigu1N9_WkZZtPhASxXciRHrPlpHjq6sDTkrX1YHg" />
    <input value="12141" 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%2Ffood%3Fformat%3Dturbo_stream%26page%3D100">
    <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/fruit-bar-blueberry-organic-40-g-12142">
          <img alt="Fruit Bar Blueberry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6142/file/small-b1535e06ec39ae662b55ed659d05d726.webp 600w, https://assets.fabulous.ch/public/variant_asset/6142/file/medium-9f03062261e18e1585beff88a55f8a80.webp 900w, https://assets.fabulous.ch/public/variant_asset/6142/file/large-548e04c517d41ff5b3cb2418bd7b7b86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6142/file/medium-9f03062261e18e1585beff88a55f8a80.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">Allos</p>
          <a href="/en/products/fruit-bar-blueberry-organic-40-g-12142">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruit Bar Blueberry Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12142&quot;],&quot;content_name&quot;:&quot;Fruit Bar Blueberry Organic, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12142&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="MU6NwJwRvYpYprK1liXYYbnKiVKftBn6ItOuETo1xzXEM-bzNIfMplWxbn37jYC6DvTHr8AH0ZDdJgtwp-TVYg" />
    <input value="12142" 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%2Ffood%3Fformat%3Dturbo_stream%26page%3D100">
    <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/fruit-bar-cranberry-cashew-organic-40-g-12143">
          <img alt="Fruit Bar Cranberry Cashew Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6143/file/small-4c5118ed75c7cf86d53b406a64876ff8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6143/file/medium-bc517f1aa81ff313374780c7f9d6cd8f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6143/file/large-151296cdf211b04a5b711963c8a48120.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6143/file/medium-bc517f1aa81ff313374780c7f9d6cd8f.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">Allos</p>
          <a href="/en/products/fruit-bar-cranberry-cashew-organic-40-g-12143">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruit Bar Cranberry Cashew Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12143&quot;],&quot;content_name&quot;:&quot;Fruit Bar Cranberry Cashew Organic, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12143&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="sROdbi580jh6p6YycG9uPnjNov4deAxu0eBwKSKBFY9EbvZdhuqjFHewevodxzblz_PsA0LLxAQuFdVIv1AH2A" />
    <input value="12143" 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%2Ffood%3Fformat%3Dturbo_stream%26page%3D100">
    <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/allspice-ground-organic-40-g-12367">
          <img alt="Allspice ground Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6199/file/small-f86138dbfdc6ccdfa113e2e0152ae818.webp 600w, https://assets.fabulous.ch/public/variant_asset/6199/file/medium-27e4a4b7def25872d9a6721608f85cce.webp 900w, https://assets.fabulous.ch/public/variant_asset/6199/file/large-26be4f26e7e9e8877336c4c3298905cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6199/file/medium-27e4a4b7def25872d9a6721608f85cce.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">Lebensbaum</p>
          <a href="/en/products/allspice-ground-organic-40-g-12367">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Allspice ground Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12367&quot;],&quot;content_name&quot;:&quot;Allspice ground Organic, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12367&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="bDIr6K9fACC6pqkwfxgbwu_XhbJKf7l-15w5NZfLUEyZT0DbB8lxDLexdfgSsEMZWOnLTxXMcRQoaZxUChpCGw" />
    <input value="12367" 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%2Ffood%3Fformat%3Dturbo_stream%26page%3D100">
    <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/pesto-pumpkin-with-curry-flowers-organic-130-g-12369">
          <img alt="Pesto Pumpkin with Curry &amp; Flowers Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6202/file/small-fe3d61efedb20621c037b0f9d9ef7bf6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6202/file/medium-aadd937e714cfe430870ac8d52588050.webp 900w, https://assets.fabulous.ch/public/variant_asset/6202/file/large-9c105bd279bf8ed01e2da17a545bc244.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6202/file/medium-aadd937e714cfe430870ac8d52588050.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">LaSelva</p>
          <a href="/en/products/pesto-pumpkin-with-curry-flowers-organic-130-g-12369">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pesto Pumpkin with Curry &amp; Flowers Organic, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12369&quot;],&quot;content_name&quot;:&quot;Pesto Pumpkin with Curry \u0026 Flowers Organic, 130 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12369&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="Bd0i2ARCi_j1A4xhPd0sxtKTTyXHk-LrPuJ71tEcu8nwoEnrrNT61PgUUKlQdXQdZa0B2JggKoHBF963TM2png" />
    <input value="12369" 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%2Ffood%3Fformat%3Dturbo_stream%26page%3D100">
    <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/umami-spice-blend-organic-60-g-12383">
          <img alt="Umami Spice Blend Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6207/file/small-814aed497bd9333004e68b0eaa347065.webp 600w, https://assets.fabulous.ch/public/variant_asset/6207/file/medium-384d84667d39bd6a02aa49360513ff14.webp 900w, https://assets.fabulous.ch/public/variant_asset/6207/file/large-e03836e99e046a54016b4efe9c63765d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6207/file/medium-384d84667d39bd6a02aa49360513ff14.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/umami-spice-blend-organic-60-g-12383">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Umami Spice Blend Organic, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12383&quot;],&quot;content_name&quot;:&quot;Umami Spice Blend Organic, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12383&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qafEtV6adcevv-ZZN6Z2ciEN0Zsn66qbbQeDPLO_IGJc2q-G9gwE66KoOpFaDi6pljOfZnhYYvGS8iZdLm4yNQ" />
    <input value="12383" 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%2Ffood%3Fformat%3Dturbo_stream%26page%3D100">
    <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/bionella-nut-nougat-cream-organic-400-g-12385">
          <img alt="Bionella Nut Nougat Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6209/file/small-6a7ab31e7b1c305a528adb75673e62c2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6209/file/medium-0c397fabf68c3dce7c886c68551ae1af.webp 900w, https://assets.fabulous.ch/public/variant_asset/6209/file/large-fb71a581e8a14c556ed4bed2c9629f3f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6209/file/medium-0c397fabf68c3dce7c886c68551ae1af.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">Rapunzel</p>
          <a href="/en/products/bionella-nut-nougat-cream-organic-400-g-12385">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bionella Nut Nougat Cream Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12385&quot;],&quot;content_name&quot;:&quot;Bionella Nut Nougat Cream Organic, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12385&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7ViNbIBR9jVpNiasoMzSwTJ3gRF73H0knEnURhEsUq4YJeZfKMeHGWQh-mTNZIoahUnP7CRvtU5jvHEnjP1A-Q" />
    <input value="12385" 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%2Ffood%3Fformat%3Dturbo_stream%26page%3D100">
    <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/chocopops-brown-chocolate-hazelnut-bio-35-g-12391">
          <img alt="CHOCOPOPS Brown Chocolate Hazelnut Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6215/file/small-ab4020bdf06b64b6cbe1db6d7817ef59.webp 600w, https://assets.fabulous.ch/public/variant_asset/6215/file/medium-1d3a299b63ba9beef9a9b4d2a4f25503.webp 900w, https://assets.fabulous.ch/public/variant_asset/6215/file/large-2353d42d5618eb129698ffb90442e7b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6215/file/medium-1d3a299b63ba9beef9a9b4d2a4f25503.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">ZAZ Snacks</p>
          <a href="/en/products/chocopops-brown-chocolate-hazelnut-bio-35-g-12391">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">CHOCOPOPS Brown Chocolate Hazelnut Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12391-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%2Ffood%3Fformat%3Dturbo_stream%26page%3D100">
    <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/chocopops-dark-chocolate-almond-organic-35-g-12393">
          <img alt="CHOCOPOPS Dark Chocolate Almond Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6217/file/small-256ce83c8d3c23741b4a85eef53d52b5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6217/file/medium-2a00eb104c25b1fc240027ef3a07b0cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6217/file/large-2aec8cd5ede2d65987c06a38eeb9415c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6217/file/medium-2a00eb104c25b1fc240027ef3a07b0cd.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">ZAZ Snacks</p>
          <a href="/en/products/chocopops-dark-chocolate-almond-organic-35-g-12393">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">CHOCOPOPS Dark Chocolate Almond Organic, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12393-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%2Ffood%3Fformat%3Dturbo_stream%26page%3D100">
    <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/chocobar-dark-chocolate-matcha-organic-45-g-12398">
          <img alt="CHOCOBAR Dark Chocolate Matcha Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6224/file/small-53664ed4a3904cc10cb281849aa41b32.webp 600w, https://assets.fabulous.ch/public/variant_asset/6224/file/medium-01e64fbff717e3c48bea666999e1ae51.webp 900w, https://assets.fabulous.ch/public/variant_asset/6224/file/large-65c11d108535dc7de2732af80ede791f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6224/file/medium-01e64fbff717e3c48bea666999e1ae51.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">ZAZ Snacks</p>
          <a href="/en/products/chocobar-dark-chocolate-matcha-organic-45-g-12398">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">CHOCOBAR Dark Chocolate Matcha Organic, 45 g</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 8.67 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-12398-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%2Ffood%3Fformat%3Dturbo_stream%26page%3D100">
    <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/chocobar-blond-chocolate-almond-organic-45-g-12400">
          <img alt="CHOCOBAR Blond Chocolate Almond Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6227/file/small-d677bce106d5e32d1289acd67c830493.webp 600w, https://assets.fabulous.ch/public/variant_asset/6227/file/medium-12be64459c94ffc9e276832270304354.webp 900w, https://assets.fabulous.ch/public/variant_asset/6227/file/large-06ff64382515024bd7ab6a5af4554429.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6227/file/medium-12be64459c94ffc9e276832270304354.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">ZAZ Snacks</p>
          <a href="/en/products/chocobar-blond-chocolate-almond-organic-45-g-12400">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">CHOCOBAR Blond Chocolate Almond Organic, 45 g</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 8.67 / 100 g
            </p>
        </div>
      </div>

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



</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">
      2&#39;000 of 2&#39;485 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/food?format=turbo_stream&amp;page=101">Show more</a>
  </div>
</div>

</template></turbo-stream>