<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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D168">
    <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/roasted-chickpeas-sea-salt-35-g-16407">
          <img alt="Roasted Chickpeas Sea Salt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7547/file/small-7c0c14811e1b471820a3577363bede17.webp 600w, https://assets.fabulous.ch/public/variant_asset/7547/file/medium-9ab48d33e9c880abe27f56a3838aee87.webp 900w, https://assets.fabulous.ch/public/variant_asset/7547/file/large-4e0b91fe24703251cdee6f2bae84652a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7547/file/medium-9ab48d33e9c880abe27f56a3838aee87.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">Chichery</p>
          <a href="/en/products/roasted-chickpeas-sea-salt-35-g-16407">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Roasted Chickpeas Sea Salt, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16407&quot;],&quot;content_name&quot;:&quot;Roasted Chickpeas Sea Salt, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16407&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OABpj8CMM6yyL0RA3NAwWRmGrZ1UM2Yh4u-zOJ8P69tBGNKxHVyUqfNc3zWemufTZZVhKTvrThURCfFoKPOjWA" />
    <input value="16407" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D168">
    <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/aleppo-pure-olive-soap-200-g-16432">
          <img alt="Aleppo Pure Olive Soap" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7556/file/small-ec6699a97e3e2b45b7cbc3641775c058.webp 600w, https://assets.fabulous.ch/public/variant_asset/7556/file/medium-94588201a601a7026e3e0b0f9c1de24a.webp 900w, https://assets.fabulous.ch/public/variant_asset/7556/file/large-daaefc5b9d3e5437bfc69a43897a7c2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7556/file/medium-94588201a601a7026e3e0b0f9c1de24a.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">FINigrana</p>
          <a href="/en/products/aleppo-pure-olive-soap-200-g-16432">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aleppo Pure Olive Soap, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16432&quot;],&quot;content_name&quot;:&quot;Aleppo Pure Olive Soap, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16432&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RZO-ZJdHVRiaoGhX3m_tcuIiNbQKdUuTmDt9V0rUwGE8iwVaSpfyHdvT8yKcJTr4njH5AGWtY6dr3T8H_SiI4g" />
    <input value="16432" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/nut-butter-sweet-chai-organic-250-g-16463">
          <img alt="Nut Butter Sweet Chai Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7571/file/small-b0eb909f6c678ad1806597adc864430c.webp 600w, https://assets.fabulous.ch/public/variant_asset/7571/file/medium-df9e33739a6fbb0507f47349ad2513be.webp 900w, https://assets.fabulous.ch/public/variant_asset/7571/file/large-5a766f6b60246c93b9163dae13b05c45.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7571/file/medium-df9e33739a6fbb0507f47349ad2513be.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/nut-butter-sweet-chai-organic-250-g-16463">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nut Butter Sweet Chai Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16463&quot;],&quot;content_name&quot;:&quot;Nut Butter Sweet Chai Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16463&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XTuYyWwOr9Xiqp1K-Go-1RtiZ2oWWgSbV8RhbZDh53ckIyP3sd4I0KPZBj-6IOlfZ3Gr3nmCLK-kIiM9Jx2v9A" />
    <input value="16463" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D168">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tonka-sugar-organic-100-g-16494">
          <img alt="Tonka Sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7589/file/small-14e61a1c88e3cd0fc3a4dd42401fbb13.webp 600w, https://assets.fabulous.ch/public/variant_asset/7589/file/medium-30e9c314bffe159fca80f6dd541cb36d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7589/file/large-835fdbb8f17a0a3d5d11cd675ad7b801.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7589/file/medium-30e9c314bffe159fca80f6dd541cb36d.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">Brecht</p>
          <a href="/en/products/tonka-sugar-organic-100-g-16494">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tonka Sugar Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16494&quot;],&quot;content_name&quot;:&quot;Tonka Sugar Organic, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16494&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ibOX2FS6fPbJ-dXHCTk112YAlEB8PNnIr3z94lpJ85nwqyzmiWrb84iKTrJLc-JdGhNY9BPk8fxcmr-y7bW7Gg" />
    <input value="16494" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D168">
    <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/rhubarb-spritzer-organic-500-ml-16505">
          <img alt="Rhubarb Spritzer Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7604/file/small-d174eb25e6f516f789ae6906e9611536.webp 600w, https://assets.fabulous.ch/public/variant_asset/7604/file/medium-396c127b777d8892c0839a62a489315d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7604/file/large-4ba1b348faba0368b23ea83a667f08eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7604/file/medium-396c127b777d8892c0839a62a489315d.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">Holderhof</p>
          <a href="/en/products/rhubarb-spritzer-organic-500-ml-16505">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rhubarb Spritzer Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16505&quot;],&quot;content_name&quot;:&quot;Rhubarb Spritzer Organic, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16505&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4VaiWhpX-g6yfHZ9_XQbeid-KxtPVO2LB9iy9A7ZIZmYThlkx4ddC_MP7Qi_PszwW23nryCMxb_0PvCkuSVpGg" />
    <input value="16505" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D168">
    <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-and-elderflower-spritzer-organic-500-ml-16507">
          <img alt="Apple and Elderflower Spritzer Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7605/file/small-b880d431f4880270936a59e7c6e5d6fe.webp 600w, https://assets.fabulous.ch/public/variant_asset/7605/file/medium-734b810b9b56e9f61a2eda0f9f33e336.webp 900w, https://assets.fabulous.ch/public/variant_asset/7605/file/large-1602d1da64eec38751136a4b80bc5e1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7605/file/medium-734b810b9b56e9f61a2eda0f9f33e336.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">Holderhof</p>
          <a href="/en/products/apple-and-elderflower-spritzer-organic-500-ml-16507">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apple and Elderflower Spritzer Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16507&quot;],&quot;content_name&quot;:&quot;Apple and Elderflower Spritzer Organic, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16507&quot;,&quot;quantity&quot;:6}],&quot;value&quot;:11.399999999999999,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xbBvoZrm_ljnnchc2INbkSyD2z0fDG4aNpXeNwucr3e8qNSfRzZZXabuUymayYwbUJAXiXDURi7Fc5xnvGDn9A" />
    <input value="16507" type="hidden" name="variant_id" id="variant_id" />
    <input value="6" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D168">
    <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/elderberry-juice-organic-200-ml-16515">
          <img alt="Elderberry Juice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7612/file/small-0bdd14b9766b3d03ad5e25a03cbf1319.webp 600w, https://assets.fabulous.ch/public/variant_asset/7612/file/medium-9d739c7a0ba7e33a36c94d5e7a315af3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7612/file/large-e618f919fb107e8c62fa134026c2636d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7612/file/medium-9d739c7a0ba7e33a36c94d5e7a315af3.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">Beutelsbacher</p>
          <a href="/en/products/elderberry-juice-organic-200-ml-16515">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Elderberry Juice Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16515&quot;],&quot;content_name&quot;:&quot;Elderberry Juice Organic, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16515&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_DKUfXjgW8F9LysTybsjs0t3O2B_JcyRlnFIJt6IVe6FKi9DpTD8xDxcsGaL8fQ5N2T31BD95KVllwp2aXQdbQ" />
    <input value="16515" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D168">
    <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/sour-cherries-with-apple-syrup-organic-360-g-16545">
          <img alt="Sour Cherries with 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/7631/file/small-965313e6cf1de9a7afc05110a56f13a5.webp 600w, https://assets.fabulous.ch/public/variant_asset/7631/file/medium-1706b76e8e2c4cb4ee2f9ed83bdbb570.webp 900w, https://assets.fabulous.ch/public/variant_asset/7631/file/large-327f0855c60b62378fa4e9f3266ef7ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7631/file/medium-1706b76e8e2c4cb4ee2f9ed83bdbb570.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">Zwergenwiese</p>
          <a href="/en/products/sour-cherries-with-apple-syrup-organic-360-g-16545">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sour Cherries with Apple Syrup Organic, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-16545-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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D168">
    <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/jasmine-green-tea-leaf-organic-75-g-16572">
          <img alt="Jasmine Green Tea - Leaf Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7635/file/small-ecc9687af96a9b6f543d6f33358560f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7635/file/medium-f3d7da2b770e188c423f9ace371cbdea.webp 900w, https://assets.fabulous.ch/public/variant_asset/7635/file/large-923bf0b28bac0ed8a00adae9a3caa487.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7635/file/medium-f3d7da2b770e188c423f9ace371cbdea.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lebensbaum</p>
          <a href="/en/products/jasmine-green-tea-leaf-organic-75-g-16572">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jasmine Green Tea - Leaf Organic, 75 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16572&quot;],&quot;content_name&quot;:&quot;Jasmine Green Tea - Leaf Organic, 75 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16572&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-xtdUjl1xMcloUtr0u0CpUjPB1VQe4e6Z0VFgmRHqw-CA-Zs5KVjwmTS0B6Qp9UvNNzL4T-jr46UowfS07vjjA" />
    <input value="16572" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D168">
    <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/darjeeling-black-tea-loose-demeter-100-g-16574">
          <img alt="Darjeeling Black Tea loose Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7637/file/small-a887873f97a9df772acfbdb3e91920ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/7637/file/medium-b775bee0cf1eb40a0c700937b384f56d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7637/file/large-5dcf3fef22639dbf87e12240008e878a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7637/file/medium-b775bee0cf1eb40a0c700937b384f56d.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/darjeeling-black-tea-loose-demeter-100-g-16574">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Darjeeling Black Tea loose Demeter, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16574&quot;],&quot;content_name&quot;:&quot;Darjeeling Black Tea loose Demeter, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16574&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xpg2d_dKLPMTd32pWU4C4gedFB2Enio_VyCubYlq4Ce_gI1JKpqL9lIE5twbBNVoe47YqetGAgukxuw9PpaopA" />
    <input value="16574" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D168">
    <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/capelli-d-angelo-fideli-gluten-free-250-g-16591">
          <img alt="Capelli d&#39;Angelo Fideli Gluten-Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7650/file/small-4f6f2c85f977ff6228532b9d058aad55.webp 600w, https://assets.fabulous.ch/public/variant_asset/7650/file/medium-b50e26885fc1b3545b4cfbb130a234c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7650/file/large-3a9d4c1b0323ead0fc05eef335a30b9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7650/file/medium-b50e26885fc1b3545b4cfbb130a234c6.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">Schär</p>
          <a href="/en/products/capelli-d-angelo-fideli-gluten-free-250-g-16591">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Capelli d&#39;Angelo Fideli Gluten-Free, 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-16591-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16591&quot;],&quot;content_name&quot;:&quot;Capelli d&#39;Angelo Fideli Gluten-Free, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16591&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="GO3orns0tYk-eCWLDO0omK3DWFyIoAlDVDqucXcGWN9h9VOQpuQSjH8Lvv5Op_8S0dCU6Od4IXen3OwhwPoQXA" />
    <input value="16591" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D168">
    <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/bread-dough-sourdough-extract-organic-15-g-16593">
          <img alt="Bread Dough Sourdough Extract Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7651/file/small-23566c1cb12dde8512313eae8b995f1d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7651/file/medium-b2885356fb9fe7a348f0e9b736e7c068.webp 900w, https://assets.fabulous.ch/public/variant_asset/7651/file/large-a59633bb6362e7486f42307afa6870e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7651/file/medium-b2885356fb9fe7a348f0e9b736e7c068.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">VITAM</p>
          <a href="/en/products/bread-dough-sourdough-extract-organic-15-g-16593">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bread Dough Sourdough Extract Organic, 15 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 0.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16593&quot;],&quot;content_name&quot;:&quot;Bread Dough Sourdough Extract Organic, 15 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16593&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:0.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wned1D-ThmB__v0Bv56xUGT9vpfNJ73-Yr21Uq1VPcy7bybq4kMhZT6NZnT91GbaGO5yI6L_lcqRW_cCGql1Tw" />
    <input value="16593" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D168">
    <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/swiss-sunflower-seeds-organic-200-g-16594">
          <img alt="Swiss Sunflower Seeds Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7655/file/small-2a405835c77c3a6130d5e13f538f9019.webp 600w, https://assets.fabulous.ch/public/variant_asset/7655/file/medium-8bd831db40fc868c43bffcf738388764.webp 900w, https://assets.fabulous.ch/public/variant_asset/7655/file/large-14401081b187514df17f23eee6ee62ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7655/file/medium-8bd831db40fc868c43bffcf738388764.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/swiss-sunflower-seeds-organic-200-g-16594">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Swiss Sunflower Seeds Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16594&quot;],&quot;content_name&quot;:&quot;Swiss Sunflower Seeds Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16594&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4Os3ltrgtUV5rdSHYFy2OE1QSylZgdBr7IY68zrgwOuZ84yoBzASQDjeT_IiFmGyMUOHnTZZ-F8fYHijjRyIaA" />
    <input value="16594" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D168">
    <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/buckwheat-organic-500-g-5894c2a1-649f-44a4-8e88-8bec7393d14a-16595">
          <img alt="Buckwheat Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7656/file/small-aa9809258236a061745e20a95b0231f3.webp 600w, https://assets.fabulous.ch/public/variant_asset/7656/file/medium-457ac84191ae5c2e2aa7e912ccab1044.webp 900w, https://assets.fabulous.ch/public/variant_asset/7656/file/large-67d036ddc69570202d6fa399b3847927.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7656/file/medium-457ac84191ae5c2e2aa7e912ccab1044.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/buckwheat-organic-500-g-5894c2a1-649f-44a4-8e88-8bec7393d14a-16595">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Buckwheat Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16595&quot;],&quot;content_name&quot;:&quot;Buckwheat Organic, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16595&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-MMhoKdkyFcfY1-3WcR3w87gRAn6cEXYrVBPLw9nXvaB25qeerRvUl4QxMIbjqBJsvOIvZWobexetg1_uJsWdQ" />
    <input value="16595" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D168">
    <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/instant-vegetable-bouillon-fat-free-gluten-free-500-g-16609">
          <img alt="Instant Vegetable Bouillon Fat-Free Gluten-Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7662/file/small-45364548d553e6891cc115fa7f4e7306.webp 600w, https://assets.fabulous.ch/public/variant_asset/7662/file/medium-4e179f84802f93d5fb04e647d39809e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/7662/file/large-c894d7817ad873115deb11ffefd1e777.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7662/file/medium-4e179f84802f93d5fb04e647d39809e6.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">MORGA</p>
          <a href="/en/products/instant-vegetable-bouillon-fat-free-gluten-free-500-g-16609">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Instant Vegetable Bouillon Fat-Free Gluten-Free, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16609&quot;],&quot;content_name&quot;:&quot;Instant Vegetable Bouillon Fat-Free Gluten-Free, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16609&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:21.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VWWjkb2FxQtgr-wBOWjP2s7-U9GF6ZjLKnU79_aT4mosfRivYFViDiHcd3R7IhhQsu2fZeoxsP_Zk3mnQW-q6Q" />
    <input value="16609" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D168">
    <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-bar-ombar-coconut-milk-dark-60-raw-chocolate-organic-35-g-16611">
          <img alt="Mini Bar Ombar Coconut Milk Dark 60% 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/7666/file/small-1ecacb0bb4fb0fa1e84e01787908024e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7666/file/medium-6ad4f343b6e1371f97963adc27a6f316.webp 900w, https://assets.fabulous.ch/public/variant_asset/7666/file/large-f1206e97f9e4487219a44ee6304f800c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7666/file/medium-6ad4f343b6e1371f97963adc27a6f316.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-bar-ombar-coconut-milk-dark-60-raw-chocolate-organic-35-g-16611">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mini Bar Ombar Coconut Milk Dark 60% 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-16611-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16611&quot;],&quot;content_name&quot;:&quot;Mini Bar Ombar Coconut Milk Dark 60% Raw Chocolate Organic, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16611&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="T5MWfXKazeOZbBpMoEVTu6drPXW8nk3hbR8ejgxN6vc2i61Dr0pq5tgfgTniD4Qx23jxwdNGZdWe-Vzeu7GidA" />
    <input value="16611" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D168">
    <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-bar-ombar-dark-90-raw-chocolate-organic-35-g-16612">
          <img alt="Mini Bar Ombar Dark 90% 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/7667/file/small-08cc9cd6e3009265905038454d5a1f18.webp 600w, https://assets.fabulous.ch/public/variant_asset/7667/file/medium-3f7b067f558f86aee4401ad385ca6b61.webp 900w, https://assets.fabulous.ch/public/variant_asset/7667/file/large-8009b6e5f090ea7d83bc6ed299aa1ce2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7667/file/medium-3f7b067f558f86aee4401ad385ca6b61.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-bar-ombar-dark-90-raw-chocolate-organic-35-g-16612">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mini Bar Ombar Dark 90% Raw Chocolate Organic, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16612&quot;],&quot;content_name&quot;:&quot;Mini Bar Ombar Dark 90% Raw Chocolate Organic, 35 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16612&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qAUnxpD_e2l0Zri_i3h3lffg2GHshBmH4livAFYX47_RHZz4TS_cbDUVI8rJMqAfi_MU1YNcMbMRvu1Q4eurPA" />
    <input value="16612" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D168">
    <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/bamboo-toothbrush-premium-super-soft-1-piece-1-piece-16614">
          <img alt="Bamboo Toothbrush Premium Super Soft, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7669/file/small-df17aad5d5793f026ba32a0829f3fa7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7669/file/medium-9433b1c01c8cb3bb7ffbb4fc8064cd10.webp 900w, https://assets.fabulous.ch/public/variant_asset/7669/file/large-4f7a947111f0da079ad7ffa5a276caf9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7669/file/medium-9433b1c01c8cb3bb7ffbb4fc8064cd10.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">Hydrophil</p>
          <a href="/en/products/bamboo-toothbrush-premium-super-soft-1-piece-1-piece-16614">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bamboo Toothbrush Premium Super Soft, 1 piece, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16614&quot;],&quot;content_name&quot;:&quot;Bamboo Toothbrush Premium Super Soft, 1 piece, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16614&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oLHiPNofDA2MOj5220BW9jCN4vwdUIyYvotUM_TJ7THZqVkCB8-rCM1JpQOZCoF8TJ4uSHKIpKxNbRZjQzWlsg" />
    <input value="16614" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D168">
    <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/bamboo-toothbrush-premium-soft-1-piece-1-piece-16615">
          <img alt="Bamboo Toothbrush Premium Soft, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7672/file/small-4b7c07f07f6cd9dc8ea596ae430fc97e.webp 600w, https://assets.fabulous.ch/public/variant_asset/7672/file/medium-c88baec0a90bea9aabde0a303d274882.webp 900w, https://assets.fabulous.ch/public/variant_asset/7672/file/large-44ab399d37a91e770b3a8205f5013550.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7672/file/medium-c88baec0a90bea9aabde0a303d274882.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">Hydrophil</p>
          <a href="/en/products/bamboo-toothbrush-premium-soft-1-piece-1-piece-16615">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bamboo Toothbrush Premium Soft, 1 piece, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16615&quot;],&quot;content_name&quot;:&quot;Bamboo Toothbrush Premium Soft, 1 piece, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16615&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ByAtr6Hi8ZUawCNs24xFCTjNnn6ol1sWotrI_sgQgZR-OJaRfDJWkFuzuBmZxpKDRN5SysdPcyJRPIquf-zJFw" />
    <input value="16615" 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%2Fbioreal%3Fformat%3Dturbo_stream%26page%3D168">
    <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/bamboo-toothbrush-premium-medium-1-piece-1-piece-16616">
          <img alt="Bamboo Toothbrush Premium Medium, 1 piece" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7673/file/small-f501fc233c9445c9cfeee488622a051b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7673/file/medium-df2080114f22ee944f119955c7d37d6e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7673/file/large-c9c425473b1fc125042430699ce05da5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7673/file/medium-df2080114f22ee944f119955c7d37d6e.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">Hydrophil</p>
          <a href="/en/products/bamboo-toothbrush-premium-medium-1-piece-1-piece-16616">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bamboo Toothbrush Premium Medium, 1 piece, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16616&quot;],&quot;content_name&quot;:&quot;Bamboo Toothbrush Premium Medium, 1 piece, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16616&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IAw2arawFcPGv0ClLx9LtELyjq6YTozf_wE0-1Vb-OtZFI1Ua2CyxofM29BtVZw-PuFCGveWpOsM53ar4qewaA" />
    <input value="16616" 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">
      3&#39;360 of 3&#39;733 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/bioreal?format=turbo_stream&amp;page=169">Show more</a>
  </div>
</div>

</template></turbo-stream>