<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%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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-100g-1-stuck-19622">
          <img alt="Khadi Pflanzenhaarfarbe Goldhauch 100g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c389efa62be26f7aec2bf2d224262a93.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c389efa62be26f7aec2bf2d224262a93.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c389efa62be26f7aec2bf2d224262a93.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c389efa62be26f7aec2bf2d224262a93.png" />
</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-100g-1-stuck-19622">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Goldhauch 100g, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aQJcvb0LvFc9dHzC7UrJn8ojoV9OzdvKi69_8GbnU3so3xFY4irIWSj48wbZ4oni6AG0re0u0QaIK_AvOzVCrA" />
    <input value="19622" 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%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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-100g-1-stuck-19623">
          <img alt="Khadi Pflanzenhaarfarbe Hellblond 100g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4a45c7b6ae814f87255933fc26d00293.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4a45c7b6ae814f87255933fc26d00293.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4a45c7b6ae814f87255933fc26d00293.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4a45c7b6ae814f87255933fc26d00293.png" />
</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-100g-1-stuck-19623">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Hellblond 100g, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bbC6kVU8aaOi0cK1hzY7TMmGjz6bIS8-xeAOKSPnvVMsbfd0Ch0drbddTXGznnsx66SazDjCJfLGZIH2fjWshA" />
    <input value="19623" 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%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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-100g-1-stuck-19624">
          <img alt="Khadi Pflanzenhaarfarbe Hellbraun 100g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/13a56fe526ec05d697caf4ebf3d5fa00.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/13a56fe526ec05d697caf4ebf3d5fa00.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/13a56fe526ec05d697caf4ebf3d5fa00.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/13a56fe526ec05d697caf4ebf3d5fa00.png" />
</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-100g-1-stuck-19624">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Hellbraun 100g, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D57cD5zoQk4Q-XpMeb1hxCCpsttUHhQwB9e45xlAZhZOQ5Hqw8k2QAV19YhNFSG5AounKff9HvwEUzc4RJJ3wQ" />
    <input value="19624" 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%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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-100g-1-stuck-19625">
          <img alt="Khadi Pflanzenhaarfarbe Henna Amla Jatropha 100g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4785d328d8543802bf0ec1c637916b89.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4785d328d8543802bf0ec1c637916b89.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4785d328d8543802bf0ec1c637916b89.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4785d328d8543802bf0ec1c637916b89.png" />
</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-100g-1-stuck-19625">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Henna Amla Jatropha 100g, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l3K3AciGQj3ZWm5KNJZ4TyDbHZJNc3-Vh64ApV9Yc-fWr_rkl6c2M8zW4Y4APjgyAvkIYO6QdVmEKo96AopiMA" />
    <input value="19625" 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%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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-100g-1-stuck-19626">
          <img alt="Khadi Pflanzenhaarfarbe Kupfer 100g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cf1fccfd0ebdf9c60447e9c46ca2edd1.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cf1fccfd0ebdf9c60447e9c46ca2edd1.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cf1fccfd0ebdf9c60447e9c46ca2edd1.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cf1fccfd0ebdf9c60447e9c46ca2edd1.png" />
</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-100g-1-stuck-19626">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Kupfer 100g, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5INU25LjrsKz3-Lfxmrr-jqCqZCOocL5qRntZHGR9_ilXhk-zcLazKZTbRvywquHGKC8Yi1CyDWqnWK7LEPmLw" />
    <input value="19626" 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%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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-100g-1-stuck-19627">
          <img alt="Khadi Pflanzenhaarfarbe Mittelbraun 100g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f2d51740476a37344db210ef76e156e7.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f2d51740476a37344db210ef76e156e7.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f2d51740476a37344db210ef76e156e7.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f2d51740476a37344db210ef76e156e7.png" />
</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-100g-1-stuck-19627">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Mittelbraun 100g, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mhCdw3XICndzMk9k79w1oPaIecw1HHIg6udh7Kzu2RzbzdAmKul-eWa-wKDbdHXd1KpsPpb_eOzpY-4z8TzIyw" />
    <input value="19627" 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%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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-100g-1-stuck-19628">
          <img alt="Khadi Pflanzenhaarfarbe Nussbraun 100g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cae4d0bbb912fc4ae98f2ea996064770.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cae4d0bbb912fc4ae98f2ea996064770.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cae4d0bbb912fc4ae98f2ea996064770.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cae4d0bbb912fc4ae98f2ea996064770.png" />
</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-100g-1-stuck-19628">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Nussbraun 100g, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yIFVMBNiRh-vRd1lN_-ANE7nVl_d6LV4140t6_B8dhCJXBjVTEMyEbrJUqEDV8BJbMVDrX4Lv7TUCaI0ra5nxw" />
    <input value="19628" 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%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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-100g-1-stuck-19629">
          <img alt="Khadi Pflanzenhaarfarbe Reines Henna 100g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f674351a6095f52bf4ea63346d6e5fa4.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f674351a6095f52bf4ea63346d6e5fa4.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f674351a6095f52bf4ea63346d6e5fa4.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f674351a6095f52bf4ea63346d6e5fa4.png" />
</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-100g-1-stuck-19629">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Reines Henna 100g, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DNS5VbfNSlXGDzBu7C6sLFpP1PEfT6gX0Q32cGCIIPNNCfSw6Ow-W9ODv6rYhuxReG3BA7ysotvSiXmvPVoxJA" />
    <input value="19629" 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%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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-100g-1-stuck-19630">
          <img alt="Khadi Pflanzenhaarfarbe Schwarz 100g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/99d0ef831ef62a53054f7ddee7102262.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/99d0ef831ef62a53054f7ddee7102262.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/99d0ef831ef62a53054f7ddee7102262.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/99d0ef831ef62a53054f7ddee7102262.png" />
</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-100g-1-stuck-19630">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Schwarz 100g, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7PDgKvlm--dI1MaTV4bz4UE9N4nbsVGPDKwzMTNROlmtLa3PpkeP6V1YSVdjLrOcYx8ie3hSW0MPKLzuboMrjg" />
    <input value="19630" 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%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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-100g-1-stuck-19631">
          <img alt="Khadi Pflanzenhaarfarbe Sonnenblond 100g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5f2ae63061d9aab536e5f43bec8bb9d5.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5f2ae63061d9aab536e5f43bec8bb9d5.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5f2ae63061d9aab536e5f43bec8bb9d5.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5f2ae63061d9aab536e5f43bec8bb9d5.png" />
</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-100g-1-stuck-19631">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Sonnenblond 100g, 1 Stück</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 / Stk.
            </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="CO17VYND65MtZ0y0szwO4tLU0wFp1b-Bl7m1W_usJs5JMDaw3GKfnTjrw3CHlE6f8PbG88o2tU2UPTqEpn43GQ" />
    <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 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%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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-200ml-1-stuck-19632">
          <img alt="Khadi Shampoo Rose Repair 200ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ad062d18d2986c654b51743b7f3ff822.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ad062d18d2986c654b51743b7f3ff822.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ad062d18d2986c654b51743b7f3ff822.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ad062d18d2986c654b51743b7f3ff822.png" />
</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-200ml-1-stuck-19632">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Shampoo Rose Repair 200ml, 1 Stück</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 22.90 / Stk.
            </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="IfQuNqLYPqLEf9Ev4JUVAsH_eRQKCnas_zN_v3GykyVgKWPT_flKrNHzXuvUPVV_491s5qnpfGD8t_BgLGCC8g" />
    <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  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%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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/logona-color-fix-nachbehandlung-100ml-1-stuck-19639">
          <img alt="Logona Color Fix Nachbehandlung 100ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3454739f4179438643c43fc73cc349c1.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3454739f4179438643c43fc73cc349c1.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3454739f4179438643c43fc73cc349c1.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3454739f4179438643c43fc73cc349c1.jpg" />
</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">Logona</p>
          <a href="/products/logona-color-fix-nachbehandlung-100ml-1-stuck-19639">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Logona Color Fix Nachbehandlung 100ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 9.50 / Stk.
            </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="GojlUlSuNFGaGQ17uLSG-uyIwpl3G7ERu5pA_JKW9cVbVai3C49AX4-Vgr-MHMaHzqrXa9T4u924Hs8jz0TkEg" />
    <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 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%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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/logona-glanz-spulung-bio-arganol-200ml-1-stuck-19640">
          <img alt="Logona Glanz Spülung Bio-Arganöl 200ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d2644e6bc1b2da1d546393ee798d6c86.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d2644e6bc1b2da1d546393ee798d6c86.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d2644e6bc1b2da1d546393ee798d6c86.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d2644e6bc1b2da1d546393ee798d6c86.png" />
</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">Logona</p>
          <a href="/products/logona-glanz-spulung-bio-arganol-200ml-1-stuck-19640">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Logona Glanz Spülung Bio-Arganöl 200ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.60
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 13.60 / Stk.
            </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="7eZBmN4nvBTVZNaa3Z0mecZLav_Uinf_xps1DUMCajqsOwx9gQbIGsDoWV7pNWYE5Gl_DXdpfTPFH7rSHtB77Q" />
    <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  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%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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/logona-festes-shampoo-bio-hanf-bio-brennnessel-60g-1-stuck-19641">
          <img alt="Logona Festes Shampoo Bio-Hanf &amp; Bio-Brennnessel 60g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/80dc3c4d2ed71559ae38577e57066505.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/80dc3c4d2ed71559ae38577e57066505.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/80dc3c4d2ed71559ae38577e57066505.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/80dc3c4d2ed71559ae38577e57066505.png" />
</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">Logona</p>
          <a href="/products/logona-festes-shampoo-bio-hanf-bio-brennnessel-60g-1-stuck-19641">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Logona Festes Shampoo Bio-Hanf &amp; Bio-Brennnessel 60g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.60
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 13.60 / Stk.
            </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="7t5DIzNV-GRBthFPDN54KCl1PG7DFAqMO2xN60kYlcevAw7GbHSMalQ6nos4djhVC1cpnGD3AEA46MI0FMqEEA" />
    <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 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%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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/logona-festes-shampoo-bio-hanf-bio-holunder-60g-1-stuck-19642">
          <img alt="Logona Festes Shampoo Bio-Hanf &amp; Bio-Holunder 60g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f13eafd6b9cd896254383729e2a7b051.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f13eafd6b9cd896254383729e2a7b051.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f13eafd6b9cd896254383729e2a7b051.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f13eafd6b9cd896254383729e2a7b051.jpg" />
</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">Logona</p>
          <a href="/products/logona-festes-shampoo-bio-hanf-bio-holunder-60g-1-stuck-19642">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Logona Festes Shampoo Bio-Hanf &amp; Bio-Holunder 60g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.60
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 13.60 / Stk.
            </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="27xs9HXencsLqQJ3_hDQ78XQ62rzBUoWhvq01rOEku2aYSERKv_pxR4ljbPKuJCS5_L-mFDmQNqFfjsJ7laDOg" />
    <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  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%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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/logona-langen-spitzenfluid-bio-arganol-75ml-1-stuck-19643">
          <img alt="Logona Längen- &amp; Spitzenfluid Bio-Arganöl 75ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bd7b69d7253ee16abba68d2abfeeb480.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bd7b69d7253ee16abba68d2abfeeb480.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bd7b69d7253ee16abba68d2abfeeb480.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bd7b69d7253ee16abba68d2abfeeb480.jpg" />
</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">Logona</p>
          <a href="/products/logona-langen-spitzenfluid-bio-arganol-75ml-1-stuck-19643">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Logona Längen- &amp; Spitzenfluid Bio-Arganöl 75ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.70
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 15.70 / Stk.
            </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="UVf9edELfzM2KloEqVZ-SD9hD1BN7YdPsOAF7gao9C0QirCcjioLPSOm1cCd_j41HUMaou4OjYOzZIoxW3rl-g" />
    <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 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%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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/logona-lavaerde-pulver-1kg-bio-1-stuck-19644">
          <img alt="Logona Lavaerde Pulver 1kg Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bc2f0d861eba80db63c72f1e01cf9a06.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bc2f0d861eba80db63c72f1e01cf9a06.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bc2f0d861eba80db63c72f1e01cf9a06.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/bc2f0d861eba80db63c72f1e01cf9a06.jpg" />
</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">Logona</p>
          <a href="/products/logona-lavaerde-pulver-1kg-bio-1-stuck-19644">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Logona Lavaerde Pulver 1kg Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 31.50 / Stk.
            </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="cr3F0-KU8Ewkpl3o2RjQho4Eym-yKvEE87n1NE78K88zYIg2vbWEQjEq0iztsJD7rCbfnRHJ-8jwPXrrEy46GA" />
    <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  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%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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/logona-lavaerde-pulver-300g-bio-1-stuck-19645">
          <img alt="Logona Lavaerde Pulver 300g Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fd0769c5154b6e1504c8423dfb6e086a.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fd0769c5154b6e1504c8423dfb6e086a.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fd0769c5154b6e1504c8423dfb6e086a.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/fd0769c5154b6e1504c8423dfb6e086a.jpg" />
</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">Logona</p>
          <a href="/products/logona-lavaerde-pulver-300g-bio-1-stuck-19645">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Logona Lavaerde Pulver 300g Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.60
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 13.60 / Stk.
            </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="Zm8dRb7cMgqCE_gltUnT-2EeVkkPEq7AZ3fkZmCLEJcnslCg4f1GBJefd-GB4ZOGQzxDu6zxpAxk82u5PVkBQA" />
    <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 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%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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/logona-lavaerde-waschcreme-patchouli-200ml-bio-1-stuck-19646">
          <img alt="Logona Lavaerde Waschcreme Patchouli 200ml Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ec6ae5508183032fea3246a960f0c8c7.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ec6ae5508183032fea3246a960f0c8c7.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ec6ae5508183032fea3246a960f0c8c7.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ec6ae5508183032fea3246a960f0c8c7.jpg" />
</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">Logona</p>
          <a href="/products/logona-lavaerde-waschcreme-patchouli-200ml-bio-1-stuck-19646">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Logona Lavaerde Waschcreme Patchouli 200ml Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 11.50 / Stk.
            </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="CzhLI2bQV6RgbVrquLSq_QUbuIJ9qjbA19q920DZ2yZK5QbGOfEjqnXh1S6MHOqAJzmtcN5JPAzUXjIEHQvK8Q" />
    <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  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%2Fhaarpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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/logona-mineralerde-vorbehandlung-100ml-bio-1-stuck-19647">
          <img alt="Logona Mineralerde Vorbehandlung 100ml Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/b055ccad8b14f1de63755fb768717ff9.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/b055ccad8b14f1de63755fb768717ff9.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/b055ccad8b14f1de63755fb768717ff9.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/b055ccad8b14f1de63755fb768717ff9.jpg" />
</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">Logona</p>
          <a href="/products/logona-mineralerde-vorbehandlung-100ml-bio-1-stuck-19647">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Logona Mineralerde Vorbehandlung 100ml Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.40
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 9.40 / Stk.
            </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="r3NcPeEKUcb9xObPv-feUlEP2M5h41QfdWpx81nwHfburhHYvislyOhIaQuLT54vcy3NPMIAXtN27v4sBCIMIQ" />
    <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>



</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">
      40 von 87 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/naturkosmetik/haarpflege?format=turbo_stream&amp;page=3">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>