<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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D36">
    <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/hand-cream-aloe-vera-organic-75-ml-5277">
          <img alt="Hand Cream Aloe Vera Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3081/file/small-087cb3f36948825eb4c07a0496caa4ff.webp 600w, https://assets.fabulous.ch/public/variant_asset/3081/file/medium-dd66c02609776889f7f4dc268e91b460.webp 900w, https://assets.fabulous.ch/public/variant_asset/3081/file/large-5eaaa09d77d9585fd4466378cdd8e635.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3081/file/medium-dd66c02609776889f7f4dc268e91b460.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">Urtekram</p>
          <a href="/en/products/hand-cream-aloe-vera-organic-75-ml-5277">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hand Cream Aloe Vera Organic, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="97lmwJidchfKmuxCYs-rkrHBpNwyBOamxMR6-vsCnkrzCrHnBhwdn4IjCzFxhkf-ss_ieZy0Rp6T8vnJul7AIg" />
    <input value="5277" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D36">
    <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/foot-cream-aloe-vera-organic-100-ml-5276">
          <img alt="Foot Cream Aloe Vera Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3080/file/small-c26bf0e283a2a32be9700a1701d470c4.webp 600w, https://assets.fabulous.ch/public/variant_asset/3080/file/medium-dae2620fa92d4666ddbf3e31c2612d58.webp 900w, https://assets.fabulous.ch/public/variant_asset/3080/file/large-1c6dd4ab30ba79739f4c312bb66953fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3080/file/medium-dae2620fa92d4666ddbf3e31c2612d58.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">Urtekram</p>
          <a href="/en/products/foot-cream-aloe-vera-organic-100-ml-5276">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Foot Cream Aloe Vera Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1sWu6inxWfRr6f6WWtbOnrPU_q51mgfoy5ju5FbVwt3SdnnNt3A2fCNQGeVJnyLysNq4C9sqp9Ccrm3XF4mctQ" />
    <input value="5276" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D36">
    <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/100-ml-2f668a0d-3f4e-44c6-bffc-8d6cfbe947ab-19861">
          <img alt="Raw Pumpkin Seed Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11211/file/small-03a74cb1fd5df4049d407c980a4878d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/11211/file/medium-d42ea12e2d8e1638bfd51c643dcb32a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11211/file/large-60f035638ea738f6d733bc14c7bdae9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11211/file/medium-d42ea12e2d8e1638bfd51c643dcb32a4.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">Naturkostbar</p>
          <a href="/en/products/100-ml-2f668a0d-3f4e-44c6-bffc-8d6cfbe947ab-19861">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raw Pumpkin Seed Oil Organic, 100 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 15.10 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xGfn9oj56FWruLJ284c0R5L_08-LW_2x5csP5d4rPjbA1DDRFniH3eMBVQXgztgrkfGVaiXrXYmy_YzWn3dgXg" />
    <input value="19861" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D36">
    <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/shampoo-sensitive-scalp-perfume-free-organic-250-ml-10207">
          <img alt="Shampoo Sensitive Scalp (Perfume Free) Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5515/file/small-4ca11ccd58fbbed2326fcd041dd4d008.webp 600w, https://assets.fabulous.ch/public/variant_asset/5515/file/medium-cedc2ef16dd3d0d22fbea4033fd91a07.webp 900w, https://assets.fabulous.ch/public/variant_asset/5515/file/large-20ff20326884a8ba50404b26bd5b3951.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5515/file/medium-cedc2ef16dd3d0d22fbea4033fd91a07.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">Urtekram</p>
          <a href="/en/products/shampoo-sensitive-scalp-perfume-free-organic-250-ml-10207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampoo Sensitive Scalp (Perfume Free) Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3hHeQBbF6I5s8OkWfTODKH_4TAbjcn6GSSAMNzh67r3aoglniESHBiRJDmVuem9EfPYKo03C3r4eFo8EeSaw1Q" />
    <input value="10207" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D36">
    <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/250-ml-1849ca08-a5f4-4c55-bd54-266fa7716db1-19864">
          <img alt="Raw Black Cumin Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11218/file/small-fca8061f0536091a15a8f0598b861917.webp 600w, https://assets.fabulous.ch/public/variant_asset/11218/file/medium-003972ac126ac31543982489166aad5b.webp 900w, https://assets.fabulous.ch/public/variant_asset/11218/file/large-b44f90a2a9665814690847d70178f71a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11218/file/medium-003972ac126ac31543982489166aad5b.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">Naturkostbar</p>
          <a href="/en/products/250-ml-1849ca08-a5f4-4c55-bd54-266fa7716db1-19864">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raw Black Cumin Oil Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 52.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-YIeQgQylmXDzS5kx577ESRBNf-FxJQizDZxaH03VwP9McllmrP57Yt0yRfU1xd9J09zWit0NBqbAPJbPGsJaw" />
    <input value="19864" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D36">
    <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/25-pieces-18520">
          <img alt="Alkaline Tea 49 Herbs Tea Bags Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10242/file/small-91d06eee77be1588f566dbed97542c6b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10242/file/medium-1baa7c905ce486b3b1d32f57a63329ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/10242/file/large-e509be73de59393dfb25d50a4d58c0f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10242/file/medium-1baa7c905ce486b3b1d32f57a63329ca.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">Droste-Laux</p>
          <a href="/en/products/25-pieces-18520">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alkaline Tea 49 Herbs Tea Bags Organic, 25 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yQ1DXW-AmpbdRG4fxIwmx3vCmWxSFKqRIjufeNfr9ynNvpR68QH1HpX9iWzXxcqreMzfyfykCql1DRxLlrepQQ" />
    <input value="18520" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D36">
    <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/30-g-4020d60f-e72e-4ee4-831b-fc497107e903-18521">
          <img alt="Alkaline Spice Blend" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9223/file/small-e4c7570bf69b69ef483dc1c2e7eaad0f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9223/file/medium-1e2dc9bf49869856e2e7f51c945f406e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9223/file/large-6783e7176561f9070224ed296718e968.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9223/file/medium-1e2dc9bf49869856e2e7f51c945f406e.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">Droste-Laux</p>
          <a href="/en/products/30-g-4020d60f-e72e-4ee4-831b-fc497107e903-18521">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alkaline Spice Blend, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pbaLybTRJFicaQrPVbPmuFbOkRwIdyZTDEgST5xFfk6hBVzuKlBL0NTQ7bxG-grUVcDXuabHhmtbfpF83RkgJg" />
    <input value="18521" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D36">
    <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/300-g-5b8c4ccb-1a16-4419-b598-8e442202474d-19552">
          <img alt="Gemstone Bath Alkaline" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11188/file/small-ce1ef86aa1fdcf7106b53332a5b2a9f5.webp 600w, https://assets.fabulous.ch/public/variant_asset/11188/file/medium-d3b2adc70774af6382701a7e8ab2ba98.webp 900w, https://assets.fabulous.ch/public/variant_asset/11188/file/large-59ba88dbeba07d99b69d7fb884a8054f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11188/file/medium-d3b2adc70774af6382701a7e8ab2ba98.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">Droste-Laux</p>
          <a href="/en/products/300-g-5b8c4ccb-1a16-4419-b598-8e442202474d-19552">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Bath Alkaline, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zQh0StVXKDj-gpXg1J_YJC5sxA4Q6Wz6aFFfRyJ9KQ7Ju6NtS9ZHsLY7cpPH1jRILWKCq75ZzMI_Z9x0YyF3Zg" />
    <input value="19552" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D36">
    <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/hazelnut-butter-raw-organic-180-g-6688">
          <img alt="Hazelnut Butter Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3863/file/small-07fd85963839c2ee7992a50f91d02f84.webp 600w, https://assets.fabulous.ch/public/variant_asset/3863/file/medium-37c09585b13d2d58a7ff8a366f6de313.webp 900w, https://assets.fabulous.ch/public/variant_asset/3863/file/large-c5c94481bc00b742eef0381c8184ed20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3863/file/medium-37c09585b13d2d58a7ff8a366f6de313.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">Naturkostbar</p>
          <a href="/en/products/hazelnut-butter-raw-organic-180-g-6688">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hazelnut Butter Raw Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pbxA4CSlbocNpnrXwUxWqexNPazTKv5i3KvHUXU8iBuhD5fHuiQBD0UfnaTSBbrF70N7CX2aXlqLnURiNGDWcw" />
    <input value="6688" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D36">
    <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/gianduja-chocolate-spread-bio-200-g-13817">
          <img alt="Gianduja Chocolate Spread Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6592/file/small-316798b4acdec72cf9318cf0967c8df9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6592/file/medium-375246c29f0a2862f792bc163c760a39.webp 900w, https://assets.fabulous.ch/public/variant_asset/6592/file/large-6ef58ad875aa1c6e65edd5b346b0ae78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6592/file/medium-375246c29f0a2862f792bc163c760a39.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">Naturkostbar</p>
          <a href="/en/products/gianduja-chocolate-spread-bio-200-g-13817">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gianduja Chocolate Spread Bio, 200 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 8.25 / 100 g
            </p>
        </div>
      </div>

      <div class="mt-big md:mt-4" id="add-to-cart-13817-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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D36">
    <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/walnut-butter-raw-organic-180-g-6685">
          <img alt="Walnut Butter Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3861/file/small-6eb2934b3f30dcef5d20df0a2c936b53.webp 600w, https://assets.fabulous.ch/public/variant_asset/3861/file/medium-9feefcd8c477e450f5e1fad04ff8abe1.webp 900w, https://assets.fabulous.ch/public/variant_asset/3861/file/large-6677c29096dcc0350d42d8c177360062.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3861/file/medium-9feefcd8c477e450f5e1fad04ff8abe1.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">Naturkostbar</p>
          <a href="/en/products/walnut-butter-raw-organic-180-g-6685">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Walnut Butter Raw Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YWnqtw60ogvDUH157r3ncMOwNjGcxxAj0JBW1EiXOd9l2j2QkDXNg4vpmgr99AscwL5wlDJ3sBuHptXnCctntw" />
    <input value="6685" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D36">
    <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/gemstone-bath-alkaline-900-g-20114">
          <img alt="Gemstone Bath Alkaline" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11187/file/small-02e31c3e03f19fe5838cbe419762ce41.webp 600w, https://assets.fabulous.ch/public/variant_asset/11187/file/medium-19a1713e68d09d5dc767c9acea7bb82f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11187/file/large-a611ebdbcbc2cde8d8fdedda836d09da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11187/file/medium-19a1713e68d09d5dc767c9acea7bb82f.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">Droste-Laux</p>
          <a href="/en/products/gemstone-bath-alkaline-900-g-20114">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Bath Alkaline, 900 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="boKiMNQNrJSNLi6IFCWolLL4Q2uBGqOsbUqCciO-uqVqMXUXSozDHMWXyfsHbET4sfYFzi-qA5Q6fAFBYuLkzQ" />
    <input value="20114" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D36">
    <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/gemstone-bath-alkaline-1600-g-20115">
          <img alt="Gemstone Bath Alkaline" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11189/file/small-e5ebcea08a4f7ffa8512c4a9d285c0cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/11189/file/medium-c81be467a6303982f4ab63f2201d6d48.webp 900w, https://assets.fabulous.ch/public/variant_asset/11189/file/large-d12b3b6806a7eff1fb136012f07ec72b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11189/file/medium-c81be467a6303982f4ab63f2201d6d48.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">Droste-Laux</p>
          <a href="/en/products/gemstone-bath-alkaline-1600-g-20115">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Bath Alkaline, 1600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 50.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8wm5pLjGdA-mJekxdPkrAX48bkQxllcLv2q2URIuGin3um6DJkcbh-6cDkJnsMdtfTIo4Z8m9zPoXDViU3JEQQ" />
    <input value="20115" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D36">
    <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/spread-carob-cream-organic-200-g-6691">
          <img alt="Spread Carob Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3868/file/small-43f587b2a740c4e637ef03e322672cd6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3868/file/medium-411b790e9e53cdd2bc6634583b694cdb.webp 900w, https://assets.fabulous.ch/public/variant_asset/3868/file/large-d3ce5d7f43e6724fdaebcf3353ec5c4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3868/file/medium-411b790e9e53cdd2bc6634583b694cdb.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">Naturkostbar</p>
          <a href="/en/products/spread-carob-cream-organic-200-g-6691">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Spread Carob Cream Organic, 200 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 8.25 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vSKSg7Ucm2DWYWqjSSPybc0H9eyZRlWSzFDEOQ6smB65kUWkK5306J7YjdBaah4BzgmzSTf29aqbZkcKT_DGdg" />
    <input value="6691" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D36">
    <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/200-g-142eacc8-839c-469c-94da-6e81465104aa-19862">
          <img alt="Brown Almond Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11216/file/small-b71951d1fa56c9f8289e4cb159fe2c63.webp 600w, https://assets.fabulous.ch/public/variant_asset/11216/file/medium-dde55f483d92145442dd7856683ca1d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11216/file/large-5241afdf555f96152db7371d638889a4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11216/file/medium-dde55f483d92145442dd7856683ca1d4.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">Naturkostbar</p>
          <a href="/en/products/200-g-142eacc8-839c-469c-94da-6e81465104aa-19862">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brown Almond Butter Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KPigmCxbWdeefNw9A--lfI1YTkRBkora8HXHZTW5gbksS3e_sto2X9bFO04QpkkQjlYI4e8iKuKnQ0RWdOXf0Q" />
    <input value="19862" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D36">
    <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/200-g-2d0356b3-b662-486b-b45f-16c7123a4fe0-19863">
          <img alt="White Almond Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11217/file/small-bbedcca68859de64a1b62b9b9d8ff6ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/11217/file/medium-3090ea5b80289db3909d1b320c28ab63.webp 900w, https://assets.fabulous.ch/public/variant_asset/11217/file/large-c403b9de9f1be0d56d2adb7112e4a6b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11217/file/medium-3090ea5b80289db3909d1b320c28ab63.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">Naturkostbar</p>
          <a href="/en/products/200-g-2d0356b3-b662-486b-b45f-16c7123a4fe0-19863">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">White Almond Butter Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1q1ued3IDJZpf_l7Tz8U2B4g4nrc8IsrXFEYJVhupGPSHrleQ0ljHiHGHghcdvi0HS6k33JAKxMLZ5sWGTL6Cw" />
    <input value="19863" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D36">
    <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/200-g-46d77c0d-0109-49fb-8dcd-3d4c9b5d95b4-18519">
          <img alt="Alkaline Tea 49 Herbs Loose Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9222/file/small-95061e656d42a8de9ea77712b559b0d7.webp 600w, https://assets.fabulous.ch/public/variant_asset/9222/file/medium-c79aaba1c3827e956337e4f5cd882ef3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9222/file/large-50a3c9d8abd044b0f45df32c686d2366.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9222/file/medium-c79aaba1c3827e956337e4f5cd882ef3.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">Droste-Laux</p>
          <a href="/en/products/200-g-46d77c0d-0109-49fb-8dcd-3d4c9b5d95b4-18519">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Alkaline Tea 49 Herbs Loose Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EOTP0GS4eLXmQlb5P91BzKQBQHb0tV2-H1YPLMdAjV0UVxj3-jkXPa77sYoslK2gpw8G01oF_YZIYIwfhhzTNQ" />
    <input value="18519" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D36">
    <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/250-ml-e5b96b8a-615a-4ed9-ba02-fdd265794861-19559">
          <img alt="Ayurvedic Mouth Oil" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9388/file/small-2603d957904dc0a4f8d48b41bd55cd7a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9388/file/medium-fbe7f7dacc89a0550ca2b2e538d68e19.webp 900w, https://assets.fabulous.ch/public/variant_asset/9388/file/large-f2d77792af692bedc45ec76efba64d6a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9388/file/medium-fbe7f7dacc89a0550ca2b2e538d68e19.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">Droste-Laux</p>
          <a href="/en/products/250-ml-e5b96b8a-615a-4ed9-ba02-fdd265794861-19559">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ayurvedic Mouth Oil, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 47.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tjd3JqWYil5I9iwEwEK8ggduQcDpwFTYUI8XwhdoRPpKhKABOxnl1gBPy3fTC1DuBGAHZUdw9OAHuZTxVjQakg" />
    <input value="19559" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D36">
    <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/200-g-887ce942-1ec6-4858-871d-f4bec04addb3-18524">
          <img alt="Deacidification Tea 7 Blossoms Loose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9226/file/small-36db445c95f0697bbccab09ad48fa35d.webp 600w, https://assets.fabulous.ch/public/variant_asset/9226/file/medium-6649e3eaa49011457058cd3a9ab1f2e0.webp 900w, https://assets.fabulous.ch/public/variant_asset/9226/file/large-c8e5851ee120175e5d2292ca19980c9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9226/file/medium-6649e3eaa49011457058cd3a9ab1f2e0.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">Droste-Laux</p>
          <a href="/en/products/200-g-887ce942-1ec6-4858-871d-f4bec04addb3-18524">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deacidification Tea 7 Blossoms Loose, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oUKeX-SAj3c9DhY1fY7ivaFBVmUJdmACaPD0etIw1Nyl8Ul4egHg_3W38UZuxw7Rok8QwKfGwDo_xndJk2yKtA" />
    <input value="18524" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D36">
    <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/250-g-af88d693-722b-41ae-86fd-d199e2161579-19820">
          <img alt="Maca Powder Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10385/file/small-656fdcda860df253a04ce17ded7d400b.webp 600w, https://assets.fabulous.ch/public/variant_asset/10385/file/medium-c485de3d929f418d698ef93f771e093e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10385/file/large-5aa7697d9f40751798820a20d509b118.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10385/file/medium-c485de3d929f418d698ef93f771e093e.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">Naturkostbar</p>
          <a href="/en/products/250-g-af88d693-722b-41ae-86fd-d199e2161579-19820">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Maca Powder Raw Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.00
            </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-19820-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gjc_paIOtgi7J8BbxFH-zRQVEuRfzlfCiWUXdAXisvmGhOiCPI_ZgPOeJyjXGBKhFxtUQfF-9_reU5RHRL7skQ" />
    <input value="19820" 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">
      720 of 3&#39;434 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/harmona?format=turbo_stream&amp;page=37">Show more</a>
  </div>
</div>

</template></turbo-stream>