<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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D18">
    <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="/products/khadi-pflanzenhaarfarbe-aschbraun-100-g-19631">
          <img alt="Khadi Pflanzenhaarfarbe Aschbraun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10503/file/small-ba18faa6ad34972b8b93b5a63ed6609d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10503/file/medium-762c3f2936fc460c76395b80eee032cd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10503/file/large-987a9052c045b5225a3c9662de79d686.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10503/file/medium-762c3f2936fc460c76395b80eee032cd.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">Khadi</p>
          <a href="/products/khadi-pflanzenhaarfarbe-aschbraun-100-g-19631">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Aschbraun, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9a0Z57Cns1as_lvCoZw20Y2UCbF7FX1LCvthuN997ZoEAaavr3loc4KcP_606HVaq-IVZg7cwpbZDcUisKb2Fg" />
    <input value="19631" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D18">
    <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="/products/khadi-pflanzenhaarfarbe-dunkelblond-100-g-19632">
          <img alt="Khadi Pflanzenhaarfarbe Dunkelblond" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10504/file/small-6192bb21d7baba9653b690ac97f24e2d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10504/file/medium-ea65a129794e787b52adea70405eb0ca.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10504/file/large-3a3f623fe79f50063c1a11ae2acf7c89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10504/file/medium-ea65a129794e787b52adea70405eb0ca.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">Khadi</p>
          <a href="/products/khadi-pflanzenhaarfarbe-dunkelblond-100-g-19632">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Dunkelblond, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kULlmGseb1aCezfphdnWyNrNFEzyMQbzeO8xIZ228OJg7lrQdMC0c6wZU9WQrZVD_LsIm4f4uS6rGZW78m3rbg" />
    <input value="19632" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D18">
    <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="/products/khadi-pflanzenhaarfarbe-dunkelbraun-100-g-19633">
          <img alt="Khadi Pflanzenhaarfarbe Dunkelbraun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10505/file/small-c4d1d5f9747e666a408348e917e77bad.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10505/file/medium-bc557ee23fc8b83e419113fc75d5f8ee.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10505/file/large-9ddc71390fd4162817654c91213b1182.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10505/file/medium-bc557ee23fc8b83e419113fc75d5f8ee.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">Khadi</p>
          <a href="/products/khadi-pflanzenhaarfarbe-dunkelbraun-100-g-19633">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Dunkelbraun, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ummIlg-WPByVOQYQ7C1zzlWm20y4yKHEK-DG9_KcsKlLxTfeEEjnObtbYiz5WTBFc9DHm80BHhn4FmJtnUerJQ" />
    <input value="19633" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D18">
    <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="/products/khadi-pflanzenhaarfarbe-goldhauch-100-g-19634">
          <img alt="Khadi Pflanzenhaarfarbe Goldhauch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10506/file/small-d58e3564a03d741716ab043909adda59.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10506/file/medium-3f301332a514c9d4aec7721460ce5be6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10506/file/large-61478981863080310b3451ce6bc33ccc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10506/file/medium-3f301332a514c9d4aec7721460ce5be6.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">Khadi</p>
          <a href="/products/khadi-pflanzenhaarfarbe-goldhauch-100-g-19634">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Goldhauch, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NSVVxmOqMGPEc-pNdfwUszOwl_cbQDhfsyPZSFTrmpTEieqOfHTrRuoRjnFgiFc4FcaLIG6Jh4Jg1X3SOzCBGA" />
    <input value="19634" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D18">
    <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="/products/khadi-pflanzenhaarfarbe-hellblond-100-g-19635">
          <img alt="Khadi Pflanzenhaarfarbe Hellblond" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10507/file/small-3e5c9f66c2e53a6b4527fb7d10043693.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10507/file/medium-6eac4bae4867b35e2cde14f9aa4c942a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10507/file/large-1c3d59be07a929acfe0a92f73fc15df0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10507/file/medium-6eac4bae4867b35e2cde14f9aa4c942a.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">Khadi</p>
          <a href="/products/khadi-pflanzenhaarfarbe-hellblond-100-g-19635">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Hellblond, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cPKEwZs-tzb7RvKD9Zo7ekDtEzVUIyVXLzBbyLW65sKBXjuJhOBsE9Uklr_g7njxZpsP4iHqmor8xv9S2mH9Tg" />
    <input value="19635" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D18">
    <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="/products/khadi-pflanzenhaarfarbe-hellbraun-100-g-19636">
          <img alt="Khadi Pflanzenhaarfarbe Hellbraun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10508/file/small-793e9c81151551bc7d544c532d1d40e8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10508/file/medium-4ece166777d60e41479108f01ceb3e9a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10508/file/large-333c59fe665e7f53e0f4d7547c1f82fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10508/file/medium-4ece166777d60e41479108f01ceb3e9a.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">Khadi</p>
          <a href="/products/khadi-pflanzenhaarfarbe-hellbraun-100-g-19636">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Hellbraun, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4tNgDtbXtsCWScdS214qHLbjZu-GDeERdVuPU_pphCUTf99GyQlt5bgro27OKmmXkJV6OPPEXsymrSvJlbKfqQ" />
    <input value="19636" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D18">
    <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="/products/khadi-pflanzenhaarfarbe-henna-amla-jatropha-100-g-19637">
          <img alt="Khadi Pflanzenhaarfarbe Henna Amla Jatropha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10509/file/small-f041afeeed442129b5d7dca34119e66d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10509/file/medium-ca82c80633af1eb41f61491aee1e5fe7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10509/file/large-d89fba4f348ceb75f9fbf4dffacae71b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10509/file/medium-ca82c80633af1eb41f61491aee1e5fe7.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">Khadi</p>
          <a href="/products/khadi-pflanzenhaarfarbe-henna-amla-jatropha-100-g-19637">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Henna Amla Jatropha, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xs5nGMcXPF3nabmetN0jf2V8SFIIo7yqeXTeyrJBzqM3YthQ2MnneMkL3aKhqWD0QwpUhX1qA3eqgnpQ3ZrVLw" />
    <input value="19637" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D18">
    <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="/products/khadi-pflanzenhaarfarbe-kupfer-100-g-19638">
          <img alt="Khadi Pflanzenhaarfarbe Kupfer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10510/file/small-36b0c0584a5b3f5daba8953aef980533.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10510/file/medium-20156585200ca2feaaaf4b5ee8eb2014.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10510/file/large-f076439cc92e452afd529542c541bbe0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10510/file/medium-20156585200ca2feaaaf4b5ee8eb2014.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">Khadi</p>
          <a href="/products/khadi-pflanzenhaarfarbe-kupfer-100-g-19638">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Kupfer, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OeqQfJnnNxk9ygxhIseesHq88a7-17ZtX1ylAxLaLlPIRi80hjnsPBOoaF03s907XMrteYseCbCMqgGZfQE13w" />
    <input value="19638" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D18">
    <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="/products/khadi-pflanzenhaarfarbe-mittelbraun-100-g-19639">
          <img alt="Khadi Pflanzenhaarfarbe Mittelbraun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10513/file/small-984ab8a4d0be5ab3534d7a92c135bfd9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10513/file/medium-561f41e7d853c4796754d066d36d32f2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10513/file/large-bf2a294eace2acd6d59bf4390652b420.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10513/file/medium-561f41e7d853c4796754d066d36d32f2.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">Khadi</p>
          <a href="/products/khadi-pflanzenhaarfarbe-mittelbraun-100-g-19639">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Mittelbraun, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IRAXlX3oAC9a51xl5fYgxN-92KcABlCUqSiT8U-pCTrQvKjdYjbbCnSFOFnwgmNP-cvEcHXP70l63jdrIHIStg" />
    <input value="19639" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D18">
    <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="/products/khadi-pflanzenhaarfarbe-nussbraun-100-g-19640">
          <img alt="Khadi Pflanzenhaarfarbe Nussbraun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10514/file/small-2c8db1b505de045faa0cfb8211662540.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10514/file/medium-1946a88e9717b40c75b8c0e25dd47559.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10514/file/large-b1afcd124e0b556e5165202882d2bb90.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10514/file/medium-1946a88e9717b40c75b8c0e25dd47559.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">Khadi</p>
          <a href="/products/khadi-pflanzenhaarfarbe-nussbraun-100-g-19640">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Nussbraun, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ivf-0otXKh6ycWf_Wo_o42kf1PfA6a0oD-ORFecAH4R7W0GalInxO5wTA8NP-6toT2nIILUgEvXcFTWPiNsECA" />
    <input value="19640" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D18">
    <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="/products/khadi-pflanzenhaarfarbe-reines-henna-100-g-19641">
          <img alt="Khadi Pflanzenhaarfarbe Reines Henna" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10516/file/small-0dfc13985d55d1b9c20dfc11d9567d58.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10516/file/medium-8b02366ab7256b8c0dd0fa6475a2082e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10516/file/large-482eb2a164f602e294f0f789d6892a56.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10516/file/medium-8b02366ab7256b8c0dd0fa6475a2082e.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">Khadi</p>
          <a href="/products/khadi-pflanzenhaarfarbe-reines-henna-100-g-19641">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Reines Henna, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EzmQAxCTkgCBupra03_sjsdzEaZloAxWhVVDo8zSUeHilS9LD01JJa_Y_ubGC68F4QUNcRBps4tWo-c5owlKbQ" />
    <input value="19641" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D18">
    <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="/products/khadi-pflanzenhaarfarbe-schwarz-100-g-19642">
          <img alt="Khadi Pflanzenhaarfarbe Schwarz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10515/file/small-62e84766fbb59cc13346f772678b6da3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10515/file/medium-1db4e6d8cf65e658bc93c2216821f6bf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10515/file/large-9994bdc51e46147c75d885ff05563b7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10515/file/medium-1db4e6d8cf65e658bc93c2216821f6bf.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">Khadi</p>
          <a href="/products/khadi-pflanzenhaarfarbe-schwarz-100-g-19642">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Schwarz, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4DI6S9q0HGZsPRfQDR6oa7OYHvhibjTcQqF31yOvIzcRnoUDxWrHQ0Jfc-wYauvgle4CLxeniwGRV9NNTHQ4uw" />
    <input value="19642" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D18">
    <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="/products/khadi-pflanzenhaarfarbe-sonnenblond-100-g-19643">
          <img alt="Khadi Pflanzenhaarfarbe Sonnenblond" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10517/file/small-1aba3a2dd7d6444e1991ce84ac84aab4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10517/file/medium-ec3b2060fd5ad48216ff9640a77f4032.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10517/file/large-58cdfbd039667e2a48464d179984dd25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10517/file/medium-ec3b2060fd5ad48216ff9640a77f4032.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">Khadi</p>
          <a href="/products/khadi-pflanzenhaarfarbe-sonnenblond-100-g-19643">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Sonnenblond, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9ybBrXQMXahJXqC04SJdYqyOdBvBA2cv8pa8b2-ddKUGin7la9KGjWc8xIj0Vh7pivhozLTK2PIhYBj1AEZvKQ" />
    <input value="19643" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D18">
    <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="/products/khadi-shampoo-rose-repair-200-ml-19644">
          <img alt="Khadi Shampoo Rose Repair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10518/file/small-f0336f1f821da835147a03c0f108cb29.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10518/file/medium-81341c6b5298bea284b5785ea160be79.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10518/file/large-7c3a827f4cae3c333bc45d94a4596441.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10518/file/medium-81341c6b5298bea284b5785ea160be79.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">Khadi</p>
          <a href="/products/khadi-shampoo-rose-repair-200-ml-19644">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Shampoo Rose Repair, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fni05OBB9CiPsDHRU0HBdLf7MmJoRtxMgnlwKNPaA4vn1Aus_58vDaHSVe1GNYL_kY0utR2PY5FRj9SyvAEYBw" />
    <input value="19644" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D18">
    <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="/products/lavera-zahncreme-complete-care-75-ml-19645">
          <img alt="Lavera Zahncreme complete care" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11322/file/small-951ae87a8f8c123f2b8d91780ce88722.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11322/file/medium-3f1a640697b99767db9f97f11ecbf03a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11322/file/large-d4d879894d596431e92a25f3077ec6de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11322/file/medium-3f1a640697b99767db9f97f11ecbf03a.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">Lavera</p>
          <a href="/products/lavera-zahncreme-complete-care-75-ml-19645">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lavera Zahncreme complete care, 75 ml</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 7.87 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-0TuY_bUrYL_xZa9YWqVu0DNzYtOsOEcVUEHexPYAzAK6FEr6Qp2p9Gn8oF0HtYwZrvRXDt5XsGGt6PhfAMYvA" />
    <input value="19645" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D18">
    <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="/products/lavera-zahncreme-complete-care-fluoridfrei-75-ml-19646">
          <img alt="Lavera Zahncreme complete care fluoridfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11323/file/small-9ac092ab98732d53b08b89ca3adce35b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11323/file/medium-3cfde89f494411a02001d0be875cad0b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11323/file/large-e2aa5b6509c18e7676bf4838bb76c05a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11323/file/medium-3cfde89f494411a02001d0be875cad0b.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">Lavera</p>
          <a href="/products/lavera-zahncreme-complete-care-fluoridfrei-75-ml-19646">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lavera Zahncreme complete care fluoridfrei, 75 ml</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 7.87 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t8TkccwvoC-PZl1h8dQ08ZnkM8F0MfxAwSmPAHlwxU5GaFs50_F7CqEEOV3koHd6v5IvFgH4Q50S3yuaFqvewg" />
    <input value="19646" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D18">
    <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="/products/lavera-zahncreme-kids-75-ml-19647">
          <img alt="Lavera Zahncreme Kids" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11324/file/small-b2624de6d019a4b43e0fc16c9b6cb72c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11324/file/medium-fbd218c2b44d91554b616b8515f571e7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11324/file/large-a8dc60cf6a103d8dc1be53826296a392.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11324/file/medium-fbd218c2b44d91554b616b8515f571e7.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">Lavera</p>
          <a href="/products/lavera-zahncreme-kids-75-ml-19647">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lavera Zahncreme Kids, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B5NzokvvK3dbW0qiHWviaEBVXe7cx1HOEl9KfZLVIuH2P8zqVDHwUnU5Lp4IH6HjZiNBOakO7hPBqe7n_Q45bQ" />
    <input value="19647" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D18">
    <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="/products/laboratoires-de-biarritz-algamaris-after-sun-fluid-150-ml-19648">
          <img alt="Laboratoires De Biarritz Algamaris After Sun Fluid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10257/file/small-c50c28ce65aa22da8cb6683f49840c74.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10257/file/medium-e51f659cb844e0afd41814ff8ddf0a1b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10257/file/large-0c506a5d098317ee94e0d4e472364edf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10257/file/medium-e51f659cb844e0afd41814ff8ddf0a1b.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">LaborDeBiarritz</p>
          <a href="/products/laboratoires-de-biarritz-algamaris-after-sun-fluid-150-ml-19648">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Laboratoires De Biarritz Algamaris After Sun Fluid, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="98bjQ3dbdSimBXaEXscky_hTtG8hvNXMFw9C1q_-AQcGalwLaIWuDYhnErhLs2dA3iWouFR1ahHE-eZMwCUaiw" />
    <input value="19648" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D18">
    <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="/products/laboratoires-de-biarritz-algamaris-sport-sonnencreme-baby-kind-lsf50-50-ml-19649">
          <img alt="Laboratoires De Biarritz Algamaris SPORT Sonnencreme Baby&amp;Kind LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10638/file/small-e28d78bf4f06a6354dd36ecb01fc8411.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10638/file/medium-1a1de2ec44675b464abfe05e3a78e793.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10638/file/large-105a9c380029220b623ca1fce5eaab11.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10638/file/medium-1a1de2ec44675b464abfe05e3a78e793.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">LaborDeBiarritz</p>
          <a href="/products/laboratoires-de-biarritz-algamaris-sport-sonnencreme-baby-kind-lsf50-50-ml-19649">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Laboratoires De Biarritz Algamaris SPORT Sonnencreme Baby&amp;Kind LSF50+, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b0q8T5neYj5pZiqrFcYIp5EGgMonhXGeJHZfXkVC64Ce5gMHhgC5G0cETpcAsksst3CcHVJMzkP3gPvEKpnwDA" />
    <input value="19649" 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>
          Warenkorb
</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="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D18">
    <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="/products/laboratoires-de-biarritz-algamaris-sonnencreme-gesicht-lsf50-50-ml-19650">
          <img alt="Laboratoires De Biarritz Algamaris Sonnencreme Gesicht LSF50" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10633/file/small-67f52e5ec534a295173463751e6e2f51.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10633/file/medium-4a266806526c84b9fa9f3ffcb5abc708.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10633/file/large-be9bbebc88abf12bc584e9c3c8277cee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10633/file/medium-4a266806526c84b9fa9f3ffcb5abc708.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">LaborDeBiarritz</p>
          <a href="/products/laboratoires-de-biarritz-algamaris-sonnencreme-gesicht-lsf50-50-ml-19650">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Laboratoires De Biarritz Algamaris Sonnencreme Gesicht LSF50, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YOM_mz2Oz8BIG7GyjSHX9Fo5wrTr7hXlG1qYO6HTEQ-RT4DTIlAU5WZ51Y6YVZR_fE_eY54nqjjIrDyhzggKgw" />
    <input value="19650" 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>
          Warenkorb
</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">
      360 von 613 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/naturkosmetik?format=turbo_stream&amp;page=19">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>