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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pepperoni-grilled-in-olive-oil-organic-280-g-4263">
          <img alt="Pepperoni grilled in Olive Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2668/file/small-b5d29937cacfbaf2fa32c5fc5d25a303.webp 600w, https://assets.fabulous.ch/public/variant_asset/2668/file/medium-eec937794956314e32be426f994d475f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2668/file/large-df4d2aa64f4b3273b0cf40831dc973d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2668/file/medium-eec937794956314e32be426f994d475f.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/pepperoni-grilled-in-olive-oil-organic-280-g-4263">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pepperoni grilled in Olive Oil Organic, 280 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-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/olives-mediteran-with-herbs-raw-food-quality-organic-200-g-4264">
          <img alt="Olives Mediteran with Herbs Raw Food Quality Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2669/file/small-5b5ea73d4d8401b32bf8f8b161ed6d9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2669/file/medium-15b5d1d50e815fa70859531f1e272ff8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2669/file/large-446757c0650e86c460aae0076d9586de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2669/file/medium-15b5d1d50e815fa70859531f1e272ff8.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">Vita Verde</p>
          <a href="/en/products/olives-mediteran-with-herbs-raw-food-quality-organic-200-g-4264">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Olives Mediteran with Herbs Raw Food Quality Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/olives-black-olives-with-stone-in-brine-organic-310-g-4265">
          <img alt="Olives Black Olives WITH STONE in Brine Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2671/file/small-fa7db4e2aaf2ab121c93f56cf7e9f825.webp 600w, https://assets.fabulous.ch/public/variant_asset/2671/file/medium-c3f98843fcea6b14ecf36164ec0aca05.webp 900w, https://assets.fabulous.ch/public/variant_asset/2671/file/large-462e8068732baf5a1f576766452d1b2a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2671/file/medium-c3f98843fcea6b14ecf36164ec0aca05.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/olives-black-olives-with-stone-in-brine-organic-310-g-4265">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Olives Black Olives WITH STONE in Brine Organic, 310 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.87 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bean-sticks-paprika-organic-75-g-5390">
          <img alt="Bean Sticks Paprika Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3140/file/small-5d8a41059aa994476806d2b311f26b2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3140/file/medium-cfac1253fd173bdc18f1d4603684f4ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/3140/file/large-266abc3c1bf8bf06e8d0967aa2c96bc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3140/file/medium-cfac1253fd173bdc18f1d4603684f4ad.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">de Rit</p>
          <a href="/en/products/bean-sticks-paprika-organic-75-g-5390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bean Sticks Paprika Organic, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cracker-italian-raw-organic-90-g-6140">
          <img alt="Cracker Italian Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8822/file/small-73b6fe8e19263570f94ce7fd441ffbb5.webp 600w, https://assets.fabulous.ch/public/variant_asset/8822/file/medium-c3042df68fa43c57c0a6dd37227da751.webp 900w, https://assets.fabulous.ch/public/variant_asset/8822/file/large-07682291bce8d1b875c428fa0aee6bbb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8822/file/medium-c3042df68fa43c57c0a6dd37227da751.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lifefood</p>
          <a href="/en/products/cracker-italian-raw-organic-90-g-6140">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cracker Italian Raw Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-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/olives-black-classic-with-pit-raw-food-quality-organic-200-g-6723">
          <img alt="Olives Black Classic with pit Raw Food Quality Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3883/file/small-12ad8a71c0b259bb0b50e5f883551142.webp 600w, https://assets.fabulous.ch/public/variant_asset/3883/file/medium-e1798bc07dfd095ceee6422518016027.webp 900w, https://assets.fabulous.ch/public/variant_asset/3883/file/large-d05e11d39ba6b5abb80dc6a31c3b28f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3883/file/medium-e1798bc07dfd095ceee6422518016027.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">Vita Verde</p>
          <a href="/en/products/olives-black-classic-with-pit-raw-food-quality-organic-200-g-6723">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Olives Black Classic with pit Raw Food Quality Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/capers-in-sea-salt-organic-140-g-6741">
          <img alt="Capers in Sea Salt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3893/file/small-63a18cbf81a7979473dc28c3a03bd6ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/3893/file/medium-5a7a47f6f876629e787c20215d6aed75.webp 900w, https://assets.fabulous.ch/public/variant_asset/3893/file/large-154fddb68d53efe06e584189427d36e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3893/file/medium-5a7a47f6f876629e787c20215d6aed75.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/capers-in-sea-salt-organic-140-g-6741">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Capers in Sea Salt Organic, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fTKp9EmWLcGnAOIzuvI-2aoHgUMWFHSPAW1DUEc9nW3bhuDol5CREcNU0Vmll8nZfnEi7vEhGiQ3zbfqf-6TlQ" />
    <input value="6741" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cucumber-in-glas-jar-demeter-720-ml-7307">
          <img alt="Cucumber in Glas Jar Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4162/file/small-5c994118112bf2e6c63990d28f219566.webp 600w, https://assets.fabulous.ch/public/variant_asset/4162/file/medium-bc712596f175a6dd4387b682a5e0ed30.webp 900w, https://assets.fabulous.ch/public/variant_asset/4162/file/large-ceff801f96cdae0610b5965e0a9750d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4162/file/medium-bc712596f175a6dd4387b682a5e0ed30.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">Schweizer Naturkost</p>
          <a href="/en/products/cucumber-in-glas-jar-demeter-720-ml-7307">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cucumber in Glas Jar Demeter, 720 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mini-corncob-organic-230-g-7311">
          <img alt="Mini Corncob Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4164/file/small-75bc95daef8190d75ef5b4bf936ab39e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4164/file/medium-bf51810467bed3b32cb8ee3059569914.webp 900w, https://assets.fabulous.ch/public/variant_asset/4164/file/large-08342d9ecfc917e8955532344eddcebb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4164/file/medium-bf51810467bed3b32cb8ee3059569914.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">Arche</p>
          <a href="/en/products/mini-corncob-organic-230-g-7311">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mini Corncob Organic, 230 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pearl-onions-glas-jar-demeter-340-ml-7514">
          <img alt="Pearl Onions Glas Jar Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4323/file/small-598bb304b682069ca246fed4b4b3d3be.webp 600w, https://assets.fabulous.ch/public/variant_asset/4323/file/medium-815f2098501fe861f86582d1d90eced4.webp 900w, https://assets.fabulous.ch/public/variant_asset/4323/file/large-eb02a9780d718bafe0e6caf98135d6ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4323/file/medium-815f2098501fe861f86582d1d90eced4.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">Nur Puur</p>
          <a href="/en/products/pearl-onions-glas-jar-demeter-340-ml-7514">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pearl Onions Glas Jar Demeter, 340 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/chips-sweet-potatoe-chips-lightly-salted-organic-100-g-7907">
          <img alt="Chips Sweet Potatoe Chips Lightly Salted Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4630/file/small-379502767b0450e36b834a2c46970d59.webp 600w, https://assets.fabulous.ch/public/variant_asset/4630/file/medium-60cc834e133c40afc1d23b99fa6dfff6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4630/file/large-e644713929cb016a7eaf8e15e18b100a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4630/file/medium-60cc834e133c40afc1d23b99fa6dfff6.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">Heimatgut</p>
          <a href="/en/products/chips-sweet-potatoe-chips-lightly-salted-organic-100-g-7907">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Sweet Potatoe Chips Lightly Salted Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/snack-spelt-olive-herbs-organic-150-g-7909">
          <img alt="Snack Spelt Olive Herbs Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4632/file/small-56e838265420cd7ab1bc897e78cdb59d.webp 600w, https://assets.fabulous.ch/public/variant_asset/4632/file/medium-bea8b1a73a173addbfdebd9276c1c415.webp 900w, https://assets.fabulous.ch/public/variant_asset/4632/file/large-580180d0d20fdae955d2a7d7b44e683e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4632/file/medium-bea8b1a73a173addbfdebd9276c1c415.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">Sommer</p>
          <a href="/en/products/snack-spelt-olive-herbs-organic-150-g-7909">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Snack Spelt Olive Herbs Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e_CM2X_NG3auECWWRqKxSm-cWOq-YtXUiIjUhyyKo7vdRMXFocunpspEFvxZx0ZKu-r7R1lXu3--KCA9FFmtQw" />
    <input value="7909" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/pane-picco-sesame-black-cumin-demeter-150-g-7913">
          <img alt="Pane Picco Sesame Black Cumin Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4638/file/small-e53a6bb03f49368d03053683aec32664.webp 600w, https://assets.fabulous.ch/public/variant_asset/4638/file/medium-7777fe328ae80d008a0a6e11f2ad11c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/4638/file/large-ee46b2f72764f043da3bcd9bca7c6cd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4638/file/medium-7777fe328ae80d008a0a6e11f2ad11c8.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">Sommer</p>
          <a href="/en/products/pane-picco-sesame-black-cumin-demeter-150-g-7913">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pane Picco Sesame Black Cumin Demeter, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </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-7913-card">
        

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/arche-tokyo-mix-rice-crackers-organic-80-g-7937">
          <img alt="Arche Tokyo Mix Rice Crackers Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4656/file/small-14a51a90e9cf68d9a7b83460b80d049c.webp 600w, https://assets.fabulous.ch/public/variant_asset/4656/file/medium-b3f1c595c9b9c3f7cc9d6d764a3985fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/4656/file/large-6ec3de4661b510d1ab946e5b504a6dc8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4656/file/medium-b3f1c595c9b9c3f7cc9d6d764a3985fb.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">Arche</p>
          <a href="/en/products/arche-tokyo-mix-rice-crackers-organic-80-g-7937">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Arche Tokyo Mix Rice Crackers Organic, 80 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 7.25 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/olives-with-stone-kalamata-al-naturale-raw-organic-205-g-8066">
          <img alt="Olives WITH STONE Kalamata al naturale RAW Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4729/file/small-2318903f0b27ba0f2efad847fbaae72b.webp 600w, https://assets.fabulous.ch/public/variant_asset/4729/file/medium-6259b4383d304ba8e9a4c47818971632.webp 900w, https://assets.fabulous.ch/public/variant_asset/4729/file/large-10d8eb4f569011191371151844584e97.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4729/file/medium-6259b4383d304ba8e9a4c47818971632.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">Mani</p>
          <a href="/en/products/olives-with-stone-kalamata-al-naturale-raw-organic-205-g-8066">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Olives WITH STONE Kalamata al naturale RAW Organic, 205 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/artichokes-in-olive-oil-organic-330-g-8071">
          <img alt="Artichokes in Olive Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4734/file/small-64eb6b71259dd9a0d0eaf26ed5c550e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/4734/file/medium-f62cfac7dd8f769439c1d8b2c2c28119.webp 900w, https://assets.fabulous.ch/public/variant_asset/4734/file/large-85ff887ced863591f2b40007be73d615.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4734/file/medium-f62cfac7dd8f769439c1d8b2c2c28119.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">Alce Nero</p>
          <a href="/en/products/artichokes-in-olive-oil-organic-330-g-8071">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Artichokes in Olive Oil Organic, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.25
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/caramelised-red-onion-chutney-195-g-8320">
          <img alt="Caramelised Red Onion Chutney" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4891/file/small-d5f1dd886e79629ba0f0aad5a6c15073.webp 600w, https://assets.fabulous.ch/public/variant_asset/4891/file/medium-f3aee153a6eab45ac9956ff07957b71c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4891/file/large-ae31cf9a0a54b8a4d3bd0e8158ae6c07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4891/file/medium-f3aee153a6eab45ac9956ff07957b71c.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">Shaws</p>
          <a href="/en/products/caramelised-red-onion-chutney-195-g-8320">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Caramelised Red Onion Chutney, 195 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/chutney-shaws-mango-chutney-chunky-300-g-8358">
          <img alt="Chutney Shaws Mango Chutney - Chunky" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4921/file/small-795fd22ae97bbe98f25f02c2e5b318fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/4921/file/medium-d7b753657517eb91055f08cae92ecce7.webp 900w, https://assets.fabulous.ch/public/variant_asset/4921/file/large-11e0bf8f1a752307dd1f255ba52aa3b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4921/file/medium-d7b753657517eb91055f08cae92ecce7.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">Shaws</p>
          <a href="/en/products/chutney-shaws-mango-chutney-chunky-300-g-8358">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chutney Shaws Mango Chutney - Chunky, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/protein-cereal-cake-chickpeas-organic-100-g-8623">
          <img alt="Protein Cereal Cake Chickpeas Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5021/file/small-fcbd412790a1a89c9713a763f979834c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5021/file/medium-4ea456481c7a3b93faa0c7f2077264a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5021/file/large-2e5e62383b3d5598efce49bee1968269.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5021/file/medium-4ea456481c7a3b93faa0c7f2077264a1.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">Lima</p>
          <a href="/en/products/protein-cereal-cake-chickpeas-organic-100-g-8623">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Cereal Cake Chickpeas Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.60
            </p>

          </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-8623-card">
        

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-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/protein-cereal-cake-lentils-organic-100-g-8624">
          <img alt="Protein Cereal Cake Lentils Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5022/file/small-67fd693af1de5ddf2673b2bd06fd11dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/5022/file/medium-2ef002f25eba5ccebc89cf8744acc910.webp 900w, https://assets.fabulous.ch/public/variant_asset/5022/file/large-d3dffe909cabf364f85b509d1e4faeab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5022/file/medium-2ef002f25eba5ccebc89cf8744acc910.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">Lima</p>
          <a href="/en/products/protein-cereal-cake-lentils-organic-100-g-8624">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Protein Cereal Cake Lentils Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-8624-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">
      100 of 166 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/food/salty-snacks?format=turbo_stream&amp;page=6">Show more</a>
  </div>
</div>

</template></turbo-stream>