<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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D55">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-slices-salami-style-organic-100-g-436">
          <img alt="Vegan Slices Salami Style Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/392/file/small-d1b70f0c784b69f4f08d12c92cda5112.webp 600w, https://assets.fabulous.ch/public/variant_asset/392/file/medium-a2fd9e44a18190a0755408b46f8ddaa6.webp 900w, https://assets.fabulous.ch/public/variant_asset/392/file/large-57e665c98015df6ae137270296e376c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/392/file/medium-a2fd9e44a18190a0755408b46f8ddaa6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Wheaty</p>
          <a href="/en/products/vegan-slices-salami-style-organic-100-g-436">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Slices Salami Style Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </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 4.10 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;436&quot;],&quot;content_name&quot;:&quot;Vegan Slices Salami Style Organic, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;436&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BrcX0doQwlUEM72t4o7gCVUvBPPsfk3FmUlMYo_FLti_n2EEd-pE0qLRFBG2LWTdBOvRU3vSUek32eBFGZYdYw" />
    <input value="436" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D55">
    <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/violife-creamy-supreme-150-g-15727">
          <img alt="Violife Creamy Supreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7162/file/small-8b2ff136f6c244a4008194069e01384b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7162/file/medium-9d1d75588383cacb0b1b4f1419cd3a40.webp 900w, https://assets.fabulous.ch/public/variant_asset/7162/file/large-cfdf1686642a2f0e5eadc4593cc40b0e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7162/file/medium-9d1d75588383cacb0b1b4f1419cd3a40.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">Violife</p>
          <a href="/en/products/violife-creamy-supreme-150-g-15727">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Violife Creamy Supreme, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15727&quot;],&quot;content_name&quot;:&quot;Violife Creamy Supreme, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15727&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tzhcmDoFQqXRUOHmwMd1_42qntZef5_0hHPRzboW7hEOECpNl__EIneySFqUZPEr3G5LdsnTg9gq433qLEXdqg" />
    <input value="15727" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D55">
    <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/700-ml-1f1f2bfc-cf0e-467c-a5ae-6a59da96ce05-19682">
          <img alt="Lesirupier Troll" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10150/file/small-d9f832f718eab793a500a260c735bc3e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10150/file/medium-bc8bc428665df8880350155068ba2179.webp 900w, https://assets.fabulous.ch/public/variant_asset/10150/file/large-21732f5b0f45134f80f39918fd40a1b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10150/file/medium-bc8bc428665df8880350155068ba2179.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">Le Sirupier de Berne</p>
          <a href="/en/products/700-ml-1f1f2bfc-cf0e-467c-a5ae-6a59da96ce05-19682">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier Troll, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19682&quot;],&quot;content_name&quot;:&quot;Lesirupier Troll, 700 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19682&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y8YVLsjRXfRxubWvEKCpA_u1s44_Mk8JpN9P4Ml_wtna7mP7ZSvbc9dbHBNEAy3XqnFmLqieUyUKT-PHXyzxYg" />
    <input value="19682" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D55">
    <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/700-ml-25195d6d-2c9b-47a9-a5c3-3182c272c9ab-18620">
          <img alt="Lesirupier Rhubarb" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10065/file/small-7cc069be789a83e670318b5e63c65343.webp 600w, https://assets.fabulous.ch/public/variant_asset/10065/file/medium-8c0dc6ecfb996262a442b5fa741a1adf.webp 900w, https://assets.fabulous.ch/public/variant_asset/10065/file/large-d425974d3056a09d1076249e98b608dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10065/file/medium-8c0dc6ecfb996262a442b5fa741a1adf.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">Le Sirupier de Berne</p>
          <a href="/en/products/700-ml-25195d6d-2c9b-47a9-a5c3-3182c272c9ab-18620">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier Rhubarb, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-18620-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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D55">
    <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/700-ml-2a4ab4fc-59ea-46ab-9ab4-dfa63148ea14-18606">
          <img alt="Lesirupier Better Than Punch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10569/file/small-759b6410aa61bd0837ee7e050800de4d.webp 600w, https://assets.fabulous.ch/public/variant_asset/10569/file/medium-1d37b5ef020f5e23cd67f5bd4582771c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10569/file/large-e183805b35ce9ef1c33ea14628249700.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10569/file/medium-1d37b5ef020f5e23cd67f5bd4582771c.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">Le Sirupier de Berne</p>
          <a href="/en/products/700-ml-2a4ab4fc-59ea-46ab-9ab4-dfa63148ea14-18606">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier Better Than Punch, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18606&quot;],&quot;content_name&quot;:&quot;Lesirupier Better Than Punch, 700 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18606&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nRmY_cWvnx46KJTXowbRoudq8biSev0S75M-Vn7yGvgkMe4oaFUZmZzKPWv3pVV2tq4kGAXW4T5BA5Jx6KEpQw" />
    <input value="18606" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D55">
    <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/700-ml-8a68c809-d460-4868-b516-32b6da2826df-19822">
          <img alt="Lesirupier Elfen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10576/file/small-38439f1b0bb737f90a89313c3926deba.webp 600w, https://assets.fabulous.ch/public/variant_asset/10576/file/medium-8a2db7f96f5d41f6d9a9510660f1fd9c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10576/file/large-c231332ca0892e5dbd259e82e5959e4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10576/file/medium-8a2db7f96f5d41f6d9a9510660f1fd9c.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">Le Sirupier de Berne</p>
          <a href="/en/products/700-ml-8a68c809-d460-4868-b516-32b6da2826df-19822">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier Elfen, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19822&quot;],&quot;content_name&quot;:&quot;Lesirupier Elfen, 700 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19822&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qASagaDYvXX8E3esDNis0u2lyjPDKzR-FWlT6a9uSOoRLOxUDSI78lrx3hBYeygGvGEfk1SHKFK7-f_OOT17UQ" />
    <input value="19822" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D55">
    <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/700-ml-0c4d899c-5acc-49d3-b625-1899a97aba72-18608">
          <img alt="Lesirupier Better Than Iced Tea" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10054/file/small-827ffe03bd03140256024b5473b24202.webp 600w, https://assets.fabulous.ch/public/variant_asset/10054/file/medium-c95040b9226e7b6358b4d986b9cde04f.webp 900w, https://assets.fabulous.ch/public/variant_asset/10054/file/large-aa27efba01aebff7caaa0d4923be627f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10054/file/medium-c95040b9226e7b6358b4d986b9cde04f.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">Le Sirupier de Berne</p>
          <a href="/en/products/700-ml-0c4d899c-5acc-49d3-b625-1899a97aba72-18608">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lesirupier Better Than Iced Tea, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18608&quot;],&quot;content_name&quot;:&quot;Lesirupier Better Than Iced Tea, 700 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18608&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A_Dk_HT9U5gNQ4FLk4GewMnRivoqh3_Om9zySaaRmWa62JIp2QfVH6uhKPfHIhoUmBVfWr0rY-I1TF5uMMKq3Q" />
    <input value="18608" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D55">
    <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/tomato-paste-glas-organic-200-g-3982">
          <img alt="Tomato Paste Glas Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2523/file/small-555b483580c6a08d3e7b0b60a16556dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/2523/file/medium-a33152d9da7abb27ef1951be3e55dc68.webp 900w, https://assets.fabulous.ch/public/variant_asset/2523/file/large-08e18b943fc9fef26eeb16ccc8bab263.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2523/file/medium-a33152d9da7abb27ef1951be3e55dc68.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/tomato-paste-glas-organic-200-g-3982">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomato Paste Glas Organic, 200 g</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 1.60 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3982&quot;],&quot;content_name&quot;:&quot;Tomato Paste Glas Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3982&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="XyG2XRdgUYsbSVCMKD2HPE0SwCJkJ7aaSEvzX-TO5JfmCcCIuprXDL2r-TB8ngPoHNYVgvOLqrbm2194cp3XLA" />
    <input value="3982" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D55">
    <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/pasta-spaghetti-corn-rice-gluten-free-organic-250-g-16023">
          <img alt="Pasta Spaghetti Corn Rice 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/7401/file/small-1d5f1a8590bb4c186929bd3c5227a512.webp 600w, https://assets.fabulous.ch/public/variant_asset/7401/file/medium-dd0ac9ac9700b85ad6ae6a60b3464b17.webp 900w, https://assets.fabulous.ch/public/variant_asset/7401/file/large-27a282fff204092e745fd80fe06e2fe7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7401/file/medium-dd0ac9ac9700b85ad6ae6a60b3464b17.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/pasta-spaghetti-corn-rice-gluten-free-organic-250-g-16023">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Spaghetti Corn Rice Gluten-Free Organic, 250 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 1.44 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16023&quot;],&quot;content_name&quot;:&quot;Pasta Spaghetti Corn Rice Gluten-Free Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16023&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="ALiOfLk2S3jFGp8oK419IZgGQ_FotIe0Yp5-mqXO0BO5kPipFMzN_2P4NpR_Lvn1ycKWUf8Ym5jMDtK9M53jqA" />
    <input value="16023" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D55">
    <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/500-g-0b5ce208-e027-472f-9c09-de22b6ff0a2f-18817">
          <img alt="Jasmine Rice Natural Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9283/file/small-17846f0971fa53308e14740c8da7ffa8.webp 600w, https://assets.fabulous.ch/public/variant_asset/9283/file/medium-d5c84c67640efab74d0c054f72bf3dff.webp 900w, https://assets.fabulous.ch/public/variant_asset/9283/file/large-2df32927cb45db6233283d9488a97619.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9283/file/medium-d5c84c67640efab74d0c054f72bf3dff.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/500-g-0b5ce208-e027-472f-9c09-de22b6ff0a2f-18817">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jasmine Rice Natural Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18817&quot;],&quot;content_name&quot;:&quot;Jasmine Rice Natural Organic, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18817&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GVztEEpF6XbefL6fBqc4gnvvBW6mKux5PXQ3Bc1eEa6gdJvF579v8XieFyNSBLxWKivQzjGG8FWT5JsiWw0iFQ" />
    <input value="18817" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D55">
    <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/hemp-protein-powder-raw-food-quality-organic-400-g-403">
          <img alt="Hemp Protein Powder 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/357/file/small-08da700939ff8f5cca08eeefa1a9e0b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/357/file/medium-7fbd4cd538b426357d1d7352ebb75614.webp 900w, https://assets.fabulous.ch/public/variant_asset/357/file/large-4787a22a3e3605c21c1f49a49e8ef417.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/357/file/medium-7fbd4cd538b426357d1d7352ebb75614.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">Govinda</p>
          <a href="/en/products/hemp-protein-powder-raw-food-quality-organic-400-g-403">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hemp Protein Powder Raw Food Quality Organic, 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-403-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;403&quot;],&quot;content_name&quot;:&quot;Hemp Protein Powder Raw Food Quality Organic, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;403&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="itLX-EKDiuQ5UxScZJrvPAU0LRBC4pbbmg1rxgUGqYUz-qEt73kMY5-xvSAwOWvoVPD4sNVOivc0ncfhk1WaPg" />
    <input value="403" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D55">
    <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/voelkel-carrot-juice-field-fresh-demeter-700-ml-16577">
          <img alt="Voelkel Carrot Juice Field-Fresh Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7639/file/small-bbf84eb6975650722da124221704fd99.webp 600w, https://assets.fabulous.ch/public/variant_asset/7639/file/medium-d8a6c46453c2eefb8e7e4cb1a5e367ad.webp 900w, https://assets.fabulous.ch/public/variant_asset/7639/file/large-ac3897e95f41817261d016cba1213285.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7639/file/medium-d8a6c46453c2eefb8e7e4cb1a5e367ad.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">Voelkel</p>
          <a href="/en/products/voelkel-carrot-juice-field-fresh-demeter-700-ml-16577">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Voelkel Carrot Juice Field-Fresh Demeter, 700 ml</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 0.59 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16577&quot;],&quot;content_name&quot;:&quot;Voelkel Carrot Juice Field-Fresh Demeter, 700 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16577&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9bpARhbMCWUZu9CXNfdiGm_QxJopSwqNbRMsoaQO0RFMkjaTuzaP4r9ZeSthVObOPhQROr7nFqHDg4CGMl3iqg" />
    <input value="16577" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D55">
    <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/pasta-penne-corn-rice-gluten-free-organic-250-g-16022">
          <img alt="Pasta Penne Corn Rice 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/7402/file/small-f39cd9be1f19c65e9db512e6372fbcf9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7402/file/medium-70c3cb8ff784374252dc3211f35330f0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7402/file/large-a00753dd4c6b1d9d1a6fb2e79662a52f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7402/file/medium-70c3cb8ff784374252dc3211f35330f0.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/pasta-penne-corn-rice-gluten-free-organic-250-g-16022">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pasta Penne Corn Rice Gluten-Free Organic, 250 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 1.44 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16022&quot;],&quot;content_name&quot;:&quot;Pasta Penne Corn Rice Gluten-Free Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16022&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="WuKRjx5qoYDlSQ5puLBxnArQ-rV2bYjE40aw6b2p94jjyudas5AnB0Orp9XsE_VIWxQvFeHBlOhN1hzOK_rEMw" />
    <input value="16022" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D55">
    <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/500-g-1d73d0d0-742c-4dbd-ab77-8262924e76d7-19961">
          <img alt="Spelt Whole Grain Semolina Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10650/file/small-7a4975f73e1aa5c7f47cadd93e1f1bbd.webp 600w, https://assets.fabulous.ch/public/variant_asset/10650/file/medium-116d7fbca104ddffd4969c4aa9260b0c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10650/file/large-a3ab5a32158c1738f84ad95ec1abd5f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10650/file/medium-116d7fbca104ddffd4969c4aa9260b0c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/en/products/500-g-1d73d0d0-742c-4dbd-ab77-8262924e76d7-19961">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spelt Whole Grain Semolina Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19961&quot;],&quot;content_name&quot;:&quot;Spelt Whole Grain Semolina Organic, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19961&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BwvzSTQ6N2smcmKMoAVUi91f6BHycHUN4o2iuV4pnOG-I4WcmcCx7ICQyzD0ptBfjJs9sWXcaSFMHQ6eyHqvWg" />
    <input value="19961" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D55">
    <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/1-kg-1f3cda15-3a91-4a9e-805f-a9f75adb3a09-20070">
          <img alt="Spelt White Flour Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10784/file/small-adbc06f2df608a42cb1fd31011f1b5a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/10784/file/medium-8ee2cedfb48e2453e6c8e5d497a6ea2d.webp 900w, https://assets.fabulous.ch/public/variant_asset/10784/file/large-847d2235fa059fa3ffa543d09e11408b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10784/file/medium-8ee2cedfb48e2453e6c8e5d497a6ea2d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/en/products/1-kg-1f3cda15-3a91-4a9e-805f-a9f75adb3a09-20070">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spelt White Flour Organic, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20070&quot;],&quot;content_name&quot;:&quot;Spelt White Flour Organic, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20070&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5FiBYToEVfN3HSQ0eIpdd9SyGOYMYy_s4h8GB30cwUldcPe0l_7TdNH_jYgsKdmjhXbNRpvPM8BMj6og60_y8g" />
    <input value="20070" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D55">
    <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/220-g-ad8f7f54-b115-4237-b400-f18c975402ff-18597">
          <img alt="Wild Coffee Medium Ground Fairtrade Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10070/file/small-427ac69dcf96c90bf572792e8f50640e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10070/file/medium-aa66bc7e095ad6806bad234c926a37bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/10070/file/large-a5d73ddc738366a62b782876b37c9e39.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10070/file/medium-aa66bc7e095ad6806bad234c926a37bb.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">Kaffa</p>
          <a href="/en/products/220-g-ad8f7f54-b115-4237-b400-f18c975402ff-18597">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wild Coffee Medium Ground Fairtrade Organic, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18597&quot;],&quot;content_name&quot;:&quot;Wild Coffee Medium Ground Fairtrade Organic, 220 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18597&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cKy0K6--zvllxSvXWboUHdkfsl9m5bwazNDjNN7ztP7JhML-AkRIfsMngmsNGZDJiNtn__FJoDZiQE8TSKCHRQ" />
    <input value="18597" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D55">
    <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/apple-syrup-organic-850-g-14005">
          <img alt="Apple Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6634/file/small-4d2db6ddb503ea44ee9cbeb0623b9611.webp 600w, https://assets.fabulous.ch/public/variant_asset/6634/file/medium-b1f250fd239ac2c615aaed90139fe01d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6634/file/large-bb69cb8e9f0575fcde38c1a6380d8000.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6634/file/medium-b1f250fd239ac2c615aaed90139fe01d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/en/products/apple-syrup-organic-850-g-14005">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apple Syrup Organic, 850 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14005&quot;],&quot;content_name&quot;:&quot;Apple Syrup Organic, 850 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14005&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:21.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QJ7bIH-xqo6yL_z6yL6RIktYH1TpIGRvUiTduTPMo5X5tq310kssCRTNVUacHRX2GpzK9H6MeEP8tHGepZ-QLg" />
    <input value="14005" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D55">
    <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/bar-ombar-centres-60-pistachio-cream-organic-70-g-16596">
          <img alt="Bar Ombar Centres 60% Pistachio Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7658/file/small-64dbc429085ca03042424d0c0bc4934c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7658/file/medium-cf37c07b80c4de104928d859639b09ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/7658/file/large-f5a68e7903650b0f2a8206f78a177b47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7658/file/medium-cf37c07b80c4de104928d859639b09ab.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">Ombar</p>
          <a href="/en/products/bar-ombar-centres-60-pistachio-cream-organic-70-g-16596">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Ombar Centres 60% Pistachio Cream Organic, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16596&quot;],&quot;content_name&quot;:&quot;Bar Ombar Centres 60% Pistachio Cream Organic, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16596&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZPCMlDJU6PcxZiREwHvFs7eYW8zYnP64qZQGeqGRmwvd2PpBn65ucJeEjfiU2EFn5lyObE8w4pQHBKpdN8KosA" />
    <input value="16596" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D55">
    <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/mini-tablet-ombar-coco-mylk-raw-chocolate-organic-35-g-1165">
          <img alt="Mini Tablet Ombar Coco Mylk Raw Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1034/file/small-4284867a3dd2c47356a56ba2198d88d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1034/file/medium-80ddfadc34e4927f675dc7482deba45a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1034/file/large-8c83b4f68fcf541a638bb38713d5b810.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1034/file/medium-80ddfadc34e4927f675dc7482deba45a.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">Ombar</p>
          <a href="/en/products/mini-tablet-ombar-coco-mylk-raw-chocolate-organic-35-g-1165">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mini Tablet Ombar Coco Mylk Raw Chocolate Organic, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1165&quot;],&quot;content_name&quot;:&quot;Mini Tablet Ombar Coco Mylk Raw Chocolate Organic, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1165&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bOMnt-h-nYVOVlDJpZvPXuQtSjDr6iy2tR98rgfVXBDVy1FiRYQbAui0-XXxOEuKtemfkHxGMJobj9CJkYZvqw" />
    <input value="1165" 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%2Fnoel%3Fformat%3Dturbo_stream%26page%3D55">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-alternative-to-eggs-organic-20-g-7129">
          <img alt="Vegan Alternative to Eggs Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4092/file/small-14298162187b7b2da957f3ca10112419.webp 600w, https://assets.fabulous.ch/public/variant_asset/4092/file/medium-2c9b9159ee6ca29445560060f11fc2b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4092/file/large-f4ab4391e5d4a14c2e51e0d451583e20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4092/file/medium-2c9b9159ee6ca29445560060f11fc2b5.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/vegan-alternative-to-eggs-organic-20-g-7129">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Alternative to Eggs Organic, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7129&quot;],&quot;content_name&quot;:&quot;Vegan Alternative to Eggs Organic, 20 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7129&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EWHTlrKnFVxmXgZY2mbd64w3rerwOSdao72GWdEc5pOoSaVDH12T28C8r-SOxVk_3fN4SmeVO3YNLSp-R0_VKA" />
    <input value="7129" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      1&#39;100 of 4&#39;028 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/noel?format=turbo_stream&amp;page=56">Show more</a>
  </div>
</div>

</template></turbo-stream>