<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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D127">
    <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/braised-tofu-225-g-12494">
          <img alt="Braised Tofu" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6263/file/small-599fe9bc98cb8f67eb1c7ba31ec9717e.webp 600w, https://assets.fabulous.ch/public/variant_asset/6263/file/medium-4cf3515f95452d988c986891e3098205.webp 900w, https://assets.fabulous.ch/public/variant_asset/6263/file/large-2b58c25f5ede634761c27a00aeb64923.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6263/file/medium-4cf3515f95452d988c986891e3098205.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">Marigold Health Foods</p>
          <a href="/en/products/braised-tofu-225-g-12494">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Braised Tofu, 225 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 2.76 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w07gZkHwTv5GfnLS-t1Ex5vkWlIABwQxOdzkRN9z9kDJ-7LErxHp8Vr69U4GrBxsII8lcGaHX21JlW7HIr0gvg" />
    <input value="12494" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D127">
    <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/lip-balm-repair-4-5-g-12529">
          <img alt="Lip Balm Repair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9173/file/small-9d8d9769eaf899d08953a840d339e5d4.webp 600w, https://assets.fabulous.ch/public/variant_asset/9173/file/medium-ca069e9fe2be7777f37f47f47e3b6d5f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9173/file/large-a5dca6e9a7a3f0e7b571c73abbccbc6b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9173/file/medium-ca069e9fe2be7777f37f47f47e3b6d5f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lavera</p>
          <a href="/en/products/lip-balm-repair-4-5-g-12529">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lip Balm Repair, 4.5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="37gUHR6J6nk2DMDpBi15Y_dHJSnfcrUpPvj97PP6uqPVDUa_8GhNdiqIR3X6XCHITCxaC7ny7nVOsXdvDjRsXQ" />
    <input value="12529" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D127">
    <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/spaghetti-spelt-light-organic-500-g-12559">
          <img alt="Spaghetti Spelt Light Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6274/file/small-fc51929f588a98e3a624d8f0b65e2d9d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6274/file/medium-684a5dc130741a70a46ca74b36bdfc93.webp 900w, https://assets.fabulous.ch/public/variant_asset/6274/file/large-03265658715d121ce8e743e34ed7319f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6274/file/medium-684a5dc130741a70a46ca74b36bdfc93.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/spaghetti-spelt-light-organic-500-g-12559">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spaghetti Spelt Light Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3WTP8OqFh_f1IfANBNrGVzZJm6rNJ4pc7NxWGSv_kc7X0Z1SBGQg-Omld5H4q578jSLkiKun0QCcldya1jFHMA" />
    <input value="12559" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D127">
    <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/nut-cream-bar-hazelnut-cocoa-organic-28-g-12735">
          <img alt="Nut Cream Bar Hazelnut-Cocoa Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6300/file/small-27fd6a7ddbdb0f7aacf5173348a1612c.webp 600w, https://assets.fabulous.ch/public/variant_asset/6300/file/medium-f3008a3e2e66ab98f9aefa7a3bc08750.webp 900w, https://assets.fabulous.ch/public/variant_asset/6300/file/large-4a5622224180780f0ef532aeb21c17ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6300/file/medium-f3008a3e2e66ab98f9aefa7a3bc08750.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">foodloose</p>
          <a href="/en/products/nut-cream-bar-hazelnut-cocoa-organic-28-g-12735">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nut Cream Bar Hazelnut-Cocoa Organic, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OZqv_nJAD8Xs2ZSgZDqTfJeoHSzTWRc4BiErgiV29O0zL_1cnKGoyvBdEzyYS8vXLMNiDrXZTGR2aKEB2LgiEw" />
    <input value="12735" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D127">
    <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/nut-cream-bar-peanut-cocoa-organic-28-g-12745">
          <img alt="Nut cream bar peanut-cocoa Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6299/file/small-f722f623397e1592aba559ac2f0ddde5.webp 600w, https://assets.fabulous.ch/public/variant_asset/6299/file/medium-daf2bde066b73a7113a43c403d051ae6.webp 900w, https://assets.fabulous.ch/public/variant_asset/6299/file/large-ea96d63e0f229a0395de3be954645a23.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6299/file/medium-daf2bde066b73a7113a43c403d051ae6.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">foodloose</p>
          <a href="/en/products/nut-cream-bar-peanut-cocoa-organic-28-g-12745">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nut cream bar peanut-cocoa Organic, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZK4Ee2GF-d3A4JaX7kaw99iqZU8x-EIFRFtUffLKe55uG1bZj2Re0txkEQsSN-hcY8EabVd4GVk0Et7-DwStYA" />
    <input value="12745" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D127">
    <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/vegdog-mobilities-115-g-12796">
          <img alt="VEGDOG Mobilities" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6314/file/small-1f0ce2e759f8e17593091c8f1683dcab.webp 600w, https://assets.fabulous.ch/public/variant_asset/6314/file/medium-783858c20948ba6ea194bc62eade5e53.webp 900w, https://assets.fabulous.ch/public/variant_asset/6314/file/large-f74ed858a54414385b9bcf58929a1077.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6314/file/medium-783858c20948ba6ea194bc62eade5e53.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">VEGDOG</p>
          <a href="/en/products/vegdog-mobilities-115-g-12796">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">VEGDOG Mobilities, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ri3ggEL6OmVt5bxmZSSoFJrxR6i1Qza65Gx1HiSN1TlMmLIirBudanFhO_qZVfC_IZo4itPDbeaUJf-d2UMDxw" />
    <input value="12796" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D127">
    <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/tonka-beans-ground-organic-10-g-12831">
          <img alt="Tonka Beans ground Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6327/file/small-effc1c39acd73e3c87d40d3f76ffadc3.webp 600w, https://assets.fabulous.ch/public/variant_asset/6327/file/medium-534010237cbe18fe28b18f938dd19c7c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6327/file/large-9069b17efdc77ce2eaeed583d737e8c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6327/file/medium-534010237cbe18fe28b18f938dd19c7c.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/tonka-beans-ground-organic-10-g-12831">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tonka Beans ground Organic, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6oO5tkOdmq4cT8rFPu4UObXdK3OLKMB8KlxWuo4BQgXgNusUrXw9oQDLTVnCn0ySDrZUUe2omyBaFdw5c8-U-w" />
    <input value="12831" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D127">
    <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/perform-plant-protein-strawberry-vanilla-26-servings-26-portion-12900">
          <img alt="Perform Plant Protein - Strawberry Milkshake" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8740/file/small-2e618ff7e5593b50fd3342638f1665ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/8740/file/medium-04d1c04a576e67060658b036a97404b6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8740/file/large-af9959a157d51b523dd6a3b2c6abb337.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8740/file/medium-04d1c04a576e67060658b036a97404b6.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">Vivo Life</p>
          <a href="/en/products/perform-plant-protein-strawberry-vanilla-26-servings-26-portion-12900">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Perform Plant Protein - Strawberry Milkshake, 26 portions</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.60
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12900-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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D127">
    <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/biscoff-crunchy-spread-380-g-12936">
          <img alt="Biscoff Crunchy Spread" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6351/file/small-9f116770936c57316f84cc7a5f3db186.webp 600w, https://assets.fabulous.ch/public/variant_asset/6351/file/medium-9e0d0f7e43b48b41221d0243de569f16.webp 900w, https://assets.fabulous.ch/public/variant_asset/6351/file/large-79b20717a46b79f369c026b994cdba86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6351/file/medium-9e0d0f7e43b48b41221d0243de569f16.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">Lotus Biscoff</p>
          <a href="/en/products/biscoff-crunchy-spread-380-g-12936">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biscoff Crunchy Spread, 380 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12936-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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D127">
    <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/biscoff-smooth-spread-400-g-12937">
          <img alt="Biscoff Smooth Spread" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6352/file/small-a985b53585e65873460cab96e222936b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6352/file/medium-14e322a350e337344e84aee39ce58217.webp 900w, https://assets.fabulous.ch/public/variant_asset/6352/file/large-5796933d7a259018d986a470e90f5662.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6352/file/medium-14e322a350e337344e84aee39ce58217.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">Lotus Biscoff</p>
          <a href="/en/products/biscoff-smooth-spread-400-g-12937">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biscoff Smooth Spread, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12937-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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D127">
    <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/biscoff-go-45-g-12938">
          <img alt="Biscoff &amp; Go" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6355/file/small-bb477b4627daaf0e78aa368646b2d51a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6355/file/medium-71516b77bead2df4b68010a244f4322b.webp 900w, https://assets.fabulous.ch/public/variant_asset/6355/file/large-0e5422bfb6b6b9888661e2472c64001a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6355/file/medium-71516b77bead2df4b68010a244f4322b.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">Lotus Biscoff</p>
          <a href="/en/products/biscoff-go-45-g-12938">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biscoff &amp; Go, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12938-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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D127">
    <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/biscoff-topping-1-kg-12939">
          <img alt="Biscoff Topping" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6356/file/small-bb12ee89ccb94e4f1fe1673f9a73556d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6356/file/medium-0ed3608a684c64b37df3ef462a9dc125.webp 900w, https://assets.fabulous.ch/public/variant_asset/6356/file/large-c46e51994b281741f75f1e7e5b521b85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6356/file/medium-0ed3608a684c64b37df3ef462a9dc125.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">Lotus Biscoff</p>
          <a href="/en/products/biscoff-topping-1-kg-12939">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biscoff Topping, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.20
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-12939-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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D127">
    <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/bacon-ish-flavour-organic-40-g-12958">
          <img alt="Bacon`ish Flavour Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6357/file/small-e9bfcb097e975160ca624ec909820806.webp 600w, https://assets.fabulous.ch/public/variant_asset/6357/file/medium-f134897e77a19a6413d5ab95715dee34.webp 900w, https://assets.fabulous.ch/public/variant_asset/6357/file/large-7c1891da8799d932b1aef51460e4872a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6357/file/medium-f134897e77a19a6413d5ab95715dee34.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">Uhhmami</p>
          <a href="/en/products/bacon-ish-flavour-organic-40-g-12958">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bacon`ish Flavour Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N4YFjvjV9ZL_pD38P-0IgE4v_Xk-5rp6dctP5XdaA0A9M1csFjRSneMgumDDnFAr9USCW1hm4SYFgsVmipTVvg" />
    <input value="12958" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D127">
    <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/truffle-ish-flavour-organic-40-g-12960">
          <img alt="Truffle`ish Flavour Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6359/file/small-0e53ef47e912f6895723c6dc30850e22.webp 600w, https://assets.fabulous.ch/public/variant_asset/6359/file/medium-ffb18863f1aa2040884cf3e001486a97.webp 900w, https://assets.fabulous.ch/public/variant_asset/6359/file/large-7af8f50e4cfa7ceeac92c5df8e705db8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6359/file/medium-ffb18863f1aa2040884cf3e001486a97.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">Uhhmami</p>
          <a href="/en/products/truffle-ish-flavour-organic-40-g-12960">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Truffle`ish Flavour Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hRoEpqpoDZSEY5hXbEE8NalE424K0jtyULMu8EbkpamPr1YERImqm5jnH8uQMGSeEi-cTGxSYC4g-qRzuypzVw" />
    <input value="12960" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D127">
    <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/blue-cheese-ish-flavour-organic-40-g-12961">
          <img alt="Blue Cheese`ish Flavour Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6361/file/small-ef21c84ddcc146677840c02ee02e16c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6361/file/medium-981c103933c4bccabbf28111ee6beeed.webp 900w, https://assets.fabulous.ch/public/variant_asset/6361/file/large-efcf89a5bbda0d579a2a5268525d315b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6361/file/medium-981c103933c4bccabbf28111ee6beeed.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">Uhhmami</p>
          <a href="/en/products/blue-cheese-ish-flavour-organic-40-g-12961">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Blue Cheese`ish Flavour Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LDZQ1M37gFULFPZKIK_EXzgTnre9tzmHfqRRhv8JuEomgwJ2IxonWheQcdbc3pz0g3jhlds3YtsO7dsFAsdutA" />
    <input value="12961" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D127">
    <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/cheese-ish-flavour-organic-40-g-12962">
          <img alt="Cheese`ish Flavour Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6363/file/small-27af35139803da793f00727834145282.webp 600w, https://assets.fabulous.ch/public/variant_asset/6363/file/medium-c68699c1d51e877601822b9febaa7712.webp 900w, https://assets.fabulous.ch/public/variant_asset/6363/file/large-eaa4468f8bdb9c27d312ffeb35ecc96e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6363/file/medium-c68699c1d51e877601822b9febaa7712.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">Uhhmami</p>
          <a href="/en/products/cheese-ish-flavour-organic-40-g-12962">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cheese`ish Flavour Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J6VXNrIWVipYOA7p8lejF0e4RkyIwp140CIZVaMVQ3gtEAWUXPfxJUS8iXUOJvu8_NM5bu5CxiSga5PWXtuVhg" />
    <input value="12962" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D127">
    <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/ocean-ish-bouillon-organic-40-g-12965">
          <img alt="Ocean`ish Bouillon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6367/file/small-9d73f613ff72bcebe93045055ac7a9fc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6367/file/medium-3ad5086c5e58c6ea315d5cea5590bb92.webp 900w, https://assets.fabulous.ch/public/variant_asset/6367/file/large-e2c5ab5f1a40f70a85a248f1a8c3d9a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6367/file/medium-3ad5086c5e58c6ea315d5cea5590bb92.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">Uhhmami</p>
          <a href="/en/products/ocean-ish-bouillon-organic-40-g-12965">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ocean`ish Bouillon Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h01ESUlMU8MgENxoUrxrEkMldv7zBrfWCVJv0eHc1b-N-Bbrp630zDyUW_SuzTO5-E4J3JWG7Ip5G-VSHBIDQQ" />
    <input value="12965" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D127">
    <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/vegetable-bouillon-organic-40-g-12966">
          <img alt="Vegetable Bouillon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6368/file/small-a6caca91f9731a78ac54be2cc8653916.webp 600w, https://assets.fabulous.ch/public/variant_asset/6368/file/medium-a44d55aef1cb774d4e34d2bef4f81a92.webp 900w, https://assets.fabulous.ch/public/variant_asset/6368/file/large-2dda62d6522837b5429d901c652c6752.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6368/file/medium-a44d55aef1cb774d4e34d2bef4f81a92.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">Uhhmami</p>
          <a href="/en/products/vegetable-bouillon-organic-40-g-12966">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegetable Bouillon Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_1FMToj_4yUkvKWwR6mLxPBBhSTPvzHbvM2wCVx6y6n15B7sZh5EKjg4Iiy72NNvSyr6Bqk_aofMhDqKobQdVw" />
    <input value="12966" 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%2Fnatura%3Fformat%3Dturbo_stream%26page%3D127">
    <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/tofu-sausage-raucherknacker-organic-250-g-13008">
          <img alt="Tofu Sausage &quot;Räucherknacker&quot; Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6375/file/small-1d855ec057c09c37b028e7ff3e9293b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6375/file/medium-bd8c1be4a4772d1b32288c2a638695fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6375/file/large-67a655cb3463fcd270ce6ae9ee882f8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6375/file/medium-bd8c1be4a4772d1b32288c2a638695fc.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">Taifun</p>
          <a href="/en/products/tofu-sausage-raucherknacker-organic-250-g-13008">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Sausage &quot;Räucherknacker&quot; Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </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.16 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13008-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;540 of 3&#39;321 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/natura?format=turbo_stream&amp;page=128">Show more</a>
  </div>
</div>

</template></turbo-stream>