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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D111">
    <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/d-angelo-strozzapreti-pasta-spelt-organic-250-g-10393">
          <img alt="D&#39;Angelo Strozzapreti Pasta Spelt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5569/file/small-892557f20ac7523ff9b38d3e63b6b1d3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5569/file/medium-135df0300041894f0a62b17e2bb6018f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5569/file/large-4958341bfca4bb5af30c827dc6fe1e69.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5569/file/medium-135df0300041894f0a62b17e2bb6018f.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">D&#39;Angelo Pasteria</p>
          <a href="/en/products/d-angelo-strozzapreti-pasta-spelt-organic-250-g-10393">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">D&#39;Angelo Strozzapreti Pasta Spelt Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10393&quot;],&quot;content_name&quot;:&quot;D&#39;Angelo Strozzapreti Pasta Spelt Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10393&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1ntbEGamVuKnRr_pd1AEh_3ZSWV7be-H9awCoxaQxBKQBq8kY8Afc_4EdWCBQsHqkfkdmt83y8YR0bYYJmNB8w" />
    <input value="10393" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/la-raclette-vegan-nature-organic-200-g-10491">
          <img alt="La Raclette Vegan NATURE Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5587/file/small-a30ec2cfca1446b90613efd6985eff56.webp 600w, https://assets.fabulous.ch/public/variant_asset/5587/file/medium-5e4eaec1a899c5731418176bed9f1439.webp 900w, https://assets.fabulous.ch/public/variant_asset/5587/file/large-2466a8b9eb6e97afc1adc8d7558f6c1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5587/file/medium-5e4eaec1a899c5731418176bed9f1439.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">New Roots</p>
          <a href="/en/products/la-raclette-vegan-nature-organic-200-g-10491">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">La Raclette Vegan NATURE Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

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

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


  

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


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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/la-raclette-vegan-black-pepper-organic-200-g-10492">
          <img alt="La Raclette Vegan BLACK PEPPER Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5582/file/small-6d0fadf0901327f5dcc3c629f998ed0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5582/file/medium-6a6c5e2a9820e829ec30516b91caeec2.webp 900w, https://assets.fabulous.ch/public/variant_asset/5582/file/large-17be8fb67c3277f3d6e39c8408f7cee0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5582/file/medium-6a6c5e2a9820e829ec30516b91caeec2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">New Roots</p>
          <a href="/en/products/la-raclette-vegan-black-pepper-organic-200-g-10492">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">La Raclette Vegan BLACK PEPPER Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D111">
    <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/tea-herbal-harmonies-selection-organic-20-sachets-20-bag-10575">
          <img alt="Tea Herbal Harmonies Selection Organic, 20 Sachets" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5580/file/small-83fedd560334dbc15e0321fc9b566631.webp 600w, https://assets.fabulous.ch/public/variant_asset/5580/file/medium-07cd11cf5285f32d3fba628c642c4ae1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5580/file/large-d8c58a9a88cdd10cf81513176396e61f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5580/file/medium-07cd11cf5285f32d3fba628c642c4ae1.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">Hampstead Tea</p>
          <a href="/en/products/tea-herbal-harmonies-selection-organic-20-sachets-20-bag-10575">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tea Herbal Harmonies Selection Organic, 20 Sachets, 20 bags</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 0.27 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10575&quot;],&quot;content_name&quot;:&quot;Tea Herbal Harmonies Selection Organic, 20 Sachets, 20 bags&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10575&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Be1Rc6JsKAQApVQTuyNN0nDKjkoxQ02kB_oSjH7WBABDkKVHpwphlVnnnppNMYi_HOratZUZaeXjh6Y3TiWB4Q" />
    <input value="10575" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D111">
    <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/oats-naked-oats-avena-nuda-organic-500-g-10596">
          <img alt="Oats Naked Oats Avena Nuda Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5588/file/small-6515ce064d97d9e4f0355e73caf37513.webp 600w, https://assets.fabulous.ch/public/variant_asset/5588/file/medium-e5db187dd94188e9218610bb92b7c83e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5588/file/large-4f7dd8d547b3e98a5c540b7122159349.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5588/file/medium-e5db187dd94188e9218610bb92b7c83e.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">Bohlsener Mühle</p>
          <a href="/en/products/oats-naked-oats-avena-nuda-organic-500-g-10596">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oats Naked Oats Avena Nuda Organic, 500 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 0.72 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10596&quot;],&quot;content_name&quot;:&quot;Oats Naked Oats Avena Nuda Organic, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10596&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F24xb8nsDPS-dolL8mZYIhvcjkSwSD7iDPCF3iv8eY9RE8VbzIpFZec0Q8IEdJ1Pd_zauxQSGqPojTFlGw_8bg" />
    <input value="10596" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D111">
    <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/beans-borlotti-bulk-buy-biosuisse-5-kg-10617">
          <img alt="Beans Borlotti Bulk Buy BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5593/file/small-f3d9a20e6a6793cbbcc292f47fd572a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5593/file/medium-fe6dff27487db46be8dc229558f23a1b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5593/file/large-3b9b5b450a593d2d34e5b57a991a763f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5593/file/medium-fe6dff27487db46be8dc229558f23a1b.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/beans-borlotti-bulk-buy-biosuisse-5-kg-10617">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beans Borlotti Bulk Buy BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 95.05
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D111">
    <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/flour-wholemeal-rye-lour-demeter-1-kg-10757">
          <img alt="Flour Wholemeal Rye lour Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5621/file/small-8b89eeaf26714624ab22c98897d3dd6a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5621/file/medium-df8cd80fa8c30a83b821c985d40a2aa6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5621/file/large-5c6cb261c4d4628f8985f019e7a16e55.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5621/file/medium-df8cd80fa8c30a83b821c985d40a2aa6.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">Bauckhof</p>
          <a href="/en/products/flour-wholemeal-rye-lour-demeter-1-kg-10757">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flour Wholemeal Rye lour Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10757&quot;],&quot;content_name&quot;:&quot;Flour Wholemeal Rye lour Demeter, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10757&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RQFeEprKb42AaFyokC3uayYMGcM3KTGwuqkAigUawmEDfKomn6wmHNkqliFmPysGSixNPJNzFfFe1LQxNelHgA" />
    <input value="10757" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D111">
    <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/potato-chips-grilled-pepper-organic-115-g-11119">
          <img alt="Potato Chips Grilled Pepper Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5692/file/small-d05871df1af99dee4fe5309b90c4fb1d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5692/file/medium-233dcb27bf70803104028a8db17a90fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/5692/file/large-ea642681601a4b8a1c27f69df51270fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5692/file/medium-233dcb27bf70803104028a8db17a90fe.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">Lisa&#39;s Chips</p>
          <a href="/en/products/potato-chips-grilled-pepper-organic-115-g-11119">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Potato Chips Grilled Pepper Organic, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11119&quot;],&quot;content_name&quot;:&quot;Potato Chips Grilled Pepper Organic, 115 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11119&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iRTr4a3J2g8552SEjGVgMnx4BsWFx9c7Mp_meeiGALfPaR_VqK-TnmClrg16d6VfEFhSOiGd83rW4lLC2HWFVg" />
    <input value="11119" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D111">
    <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/potato-chips-alpine-herb-organic-115-g-11120">
          <img alt="Potato Chips Alpine Herb Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5693/file/small-e9fb4403e60656c96fe18a299b196f47.webp 600w, https://assets.fabulous.ch/public/variant_asset/5693/file/medium-74babd1094d53718fff34837db6663fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/5693/file/large-2d9ddc3c24e3690ff5f57bd40fbe1b91.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5693/file/medium-74babd1094d53718fff34837db6663fb.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">Lisa&#39;s Chips</p>
          <a href="/en/products/potato-chips-alpine-herb-organic-115-g-11120">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Potato Chips Alpine Herb Organic, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11120&quot;],&quot;content_name&quot;:&quot;Potato Chips Alpine Herb Organic, 115 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11120&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jm_pzLwO8bJoGiJxX79xQhgjcZxKpqA8BolOizR9sRlgEh34uWi4IzFY6PiprbQvdAMlY-78hH3i9PowBI40-A" />
    <input value="11120" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D111">
    <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/potato-chips-sea-salt-organic-115-g-11125">
          <img alt="Potato Chips 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/5694/file/small-eca653b50945a6e44fc64392a019113b.webp 600w, https://assets.fabulous.ch/public/variant_asset/5694/file/medium-b2bd2019dfe8e5214a45fcbbdcd6bdad.webp 900w, https://assets.fabulous.ch/public/variant_asset/5694/file/large-ebed3da12ee05c259a28e118b31dc086.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5694/file/medium-b2bd2019dfe8e5214a45fcbbdcd6bdad.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">Lisa&#39;s Chips</p>
          <a href="/en/products/potato-chips-sea-salt-organic-115-g-11125">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Potato Chips Sea Salt Organic, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D111">
    <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/baking-mix-my-cheesecake-brownies-vegan-organic-480-g-11136">
          <img alt="Baking Mix My Cheesecake Brownies Vegan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5704/file/small-a95fa788db8157d3957f6c46ac5e6d0d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5704/file/medium-86264d4f0ca1c65ce92e2d64d3c58863.webp 900w, https://assets.fabulous.ch/public/variant_asset/5704/file/large-c31f475a553addf151b4b15d06e0f592.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5704/file/medium-86264d4f0ca1c65ce92e2d64d3c58863.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">Biovegan</p>
          <a href="/en/products/baking-mix-my-cheesecake-brownies-vegan-organic-480-g-11136">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baking Mix My Cheesecake Brownies Vegan Organic, 480 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 1.24 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D111">
    <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/spelt-drink-nature-no-added-sugar-organic-1-l-11323">
          <img alt="Spelt Drink Nature No Added Sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5801/file/small-91dd7bb44be13ddfb04587626ca1eb84.webp 600w, https://assets.fabulous.ch/public/variant_asset/5801/file/medium-dc0cb575dad859936bb4786c5b05c03e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5801/file/large-42bd8bc3f54d9229dab0d7299dd5e4b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5801/file/medium-dc0cb575dad859936bb4786c5b05c03e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Allos</p>
          <a href="/en/products/spelt-drink-nature-no-added-sugar-organic-1-l-11323">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spelt Drink Nature No Added Sugar Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11323&quot;],&quot;content_name&quot;:&quot;Spelt Drink Nature No Added Sugar Organic, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11323&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fnhvqZpBSVO3zW3VLn16bdbnu6NTGUw0SBisiu_CTqE4BZudnycAwu6Pp1zYb78AusfvXPdDaHWsZRgx3zHLQA" />
    <input value="11323" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D111">
    <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/millet-drink-bio-1-l-11333">
          <img alt="Millet Drink Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5811/file/small-649ad932987deaedc2c503fb8258b7bf.webp 600w, https://assets.fabulous.ch/public/variant_asset/5811/file/medium-29fc032a7b301ae26dd1d5d6f5bab061.webp 900w, https://assets.fabulous.ch/public/variant_asset/5811/file/large-9281f2eca1ccc20dc07c8d60ef6a0f8f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5811/file/medium-29fc032a7b301ae26dd1d5d6f5bab061.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">Soyana</p>
          <a href="/en/products/millet-drink-bio-1-l-11333">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Millet Drink Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11333&quot;],&quot;content_name&quot;:&quot;Millet Drink Bio, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11333&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uwcj8-SjpWHsjyL5FfNNPxjhQnh2fsv7q80dmxMqN-H9etfH4cXs8LXN6HDj4YhSdMEWh9Ik77pPsKkgI9myAA" />
    <input value="11333" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D111">
    <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/basmati-wild-rice-demeter-500-g-11346">
          <img alt="Basmati &amp; Wild Rice Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5820/file/small-0d9be41b0e273e75fe5214bf5347ad7c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5820/file/medium-583f2ad62125b36b50063db8765bbc15.webp 900w, https://assets.fabulous.ch/public/variant_asset/5820/file/large-eb2e5cad51a519da8c3b3f90f366c58c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5820/file/medium-583f2ad62125b36b50063db8765bbc15.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">Davert</p>
          <a href="/en/products/basmati-wild-rice-demeter-500-g-11346">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basmati &amp; Wild Rice Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11346&quot;],&quot;content_name&quot;:&quot;Basmati \u0026 Wild Rice Demeter, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11346&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cQxxGG6-tHVnXXvRwBC3mQtFvOv6plTX7Jgjxu8oYac3cYUsa9j95D4fsVg2AnL0Z2XoFF78cJYI5Zd939vkRg" />
    <input value="11346" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D111">
    <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/nutty-choc-balls-loveraw-28-g-11403">
          <img alt="Nutty Choc Balls LoveRAW" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5838/file/small-44635d23d16f86c67ea50ed7c6f7b068.webp 600w, https://assets.fabulous.ch/public/variant_asset/5838/file/medium-1e65f405e3614af3902fa860d1cf5155.webp 900w, https://assets.fabulous.ch/public/variant_asset/5838/file/large-491f060caeab456d337ef098ad2c79d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5838/file/medium-1e65f405e3614af3902fa860d1cf5155.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">Love Raw</p>
          <a href="/en/products/nutty-choc-balls-loveraw-28-g-11403">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nutty Choc Balls LoveRAW, 28 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D111">
    <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/flour-teff-gluten-free-organic-400-g-dd9553a4-c175-4f00-87a3-b9f207d08206-11419">
          <img alt="Flour Teff Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5842/file/small-083bd53795e368997405ef176c5ae72c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5842/file/medium-e3dbb1ca474a960eb3f6346e8f7b0125.webp 900w, https://assets.fabulous.ch/public/variant_asset/5842/file/large-415e0c59abbcb15157b695b32a6dc976.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5842/file/medium-e3dbb1ca474a960eb3f6346e8f7b0125.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">manifaktur</p>
          <a href="/en/products/flour-teff-gluten-free-organic-400-g-dd9553a4-c175-4f00-87a3-b9f207d08206-11419">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flour Teff Gluten Free Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11419&quot;],&quot;content_name&quot;:&quot;Flour Teff Gluten Free Organic, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11419&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ME3JPpxXn4x8_0AHyUHrbYOhAoDnasfLrEB-epzg4PZ2MD0KmTHWHSW9io4_Uy4A74FWf0Mw44pIPcrBrBNlFw" />
    <input value="11419" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D111">
    <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/bisoja-1-infant-formula-tin-400-g-11433">
          <img alt="Bisoja 1 Infant Formula Tin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5848/file/small-50b39ad8222f3d7df3740d255da0c07e.webp 600w, https://assets.fabulous.ch/public/variant_asset/5848/file/medium-bfd1b13ce000e0362f79f415c6371ab4.webp 900w, https://assets.fabulous.ch/public/variant_asset/5848/file/large-586a3f80324271763ab2291a17d9c238.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5848/file/medium-bfd1b13ce000e0362f79f415c6371ab4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bimbosan</p>
          <a href="/en/products/bisoja-1-infant-formula-tin-400-g-11433">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bisoja 1 Infant Formula Tin, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D111">
    <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/bisoja-1-infant-formula-refill-400-g-11434">
          <img alt="Bisoja 1 Infant Formula Refill" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5849/file/small-97ded3740a2fa001eb65dba0373944fb.webp 600w, https://assets.fabulous.ch/public/variant_asset/5849/file/medium-684dcac2ed241378b04bc26484800f0f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5849/file/large-cc6b0ee3ff952076e2b151615de89b93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5849/file/medium-684dcac2ed241378b04bc26484800f0f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bimbosan</p>
          <a href="/en/products/bisoja-1-infant-formula-refill-400-g-11434">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bisoja 1 Infant Formula Refill, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D111">
    <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/bisoja-2-follow-on-formula-tin-400-g-11435">
          <img alt="Bisoja 2 Follow-On Formula Tin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5850/file/small-7ee284afda6c19dcfdabfffd3610c3ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/5850/file/medium-aba7cc46430623fb04826e6fbfbbc175.webp 900w, https://assets.fabulous.ch/public/variant_asset/5850/file/large-8585096e183315d356e648b7cd9822b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5850/file/medium-aba7cc46430623fb04826e6fbfbbc175.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bimbosan</p>
          <a href="/en/products/bisoja-2-follow-on-formula-tin-400-g-11435">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bisoja 2 Follow-On Formula Tin, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Ffood%3Fformat%3Dturbo_stream%26page%3D111">
    <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/bisoja-2-follow-on-formula-refill-400-g-11436">
          <img alt="Bisoja 2 Follow-On Formula Refill" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5851/file/small-459be6f79480adf37605a375a6d143d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5851/file/medium-92e7d22d0ee78852c1c38ea8220ea09a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5851/file/large-b9bcd1b16a4702b2c2d552aae3da983c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5851/file/medium-92e7d22d0ee78852c1c38ea8220ea09a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bimbosan</p>
          <a href="/en/products/bisoja-2-follow-on-formula-refill-400-g-11436">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bisoja 2 Follow-On Formula Refill, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-11436-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;220 of 2&#39;560 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/food?format=turbo_stream&amp;page=112">Show more</a>
  </div>
</div>

</template></turbo-stream>