<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%3D4">
    <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/sanotint-haarfarbe-29-dunkelblond-kupfer-1-stuck-19740">
          <img alt="Sanotint Haarfarbe 29 Dunkelblond Kupfer" 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/13f2cf21a89e11229cbe39dc81eb42cc.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/13f2cf21a89e11229cbe39dc81eb42cc.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/13f2cf21a89e11229cbe39dc81eb42cc.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/13f2cf21a89e11229cbe39dc81eb42cc.jpeg" />
</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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-29-dunkelblond-kupfer-1-stuck-19740">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe 29 Dunkelblond Kupfer, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7-nAHDQWN8WmtB7ccEonsCVLEQhzUJHM2ojRHejnqEBBQ7xt_l_8GDFjMmzPVvmK93mM7vJL7ZU40RhIhZalvw" />
    <input value="19740" 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%3D4">
    <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/sanotint-haarfarbe-30-dunkelblond-gold-1-stuck-19741">
          <img alt="Sanotint Haarfarbe 30 Dunkelblond Gold" 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/c4b5c18eeddc958816bf37f526ef1e9e.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c4b5c18eeddc958816bf37f526ef1e9e.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c4b5c18eeddc958816bf37f526ef1e9e.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c4b5c18eeddc958816bf37f526ef1e9e.jpeg" />
</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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-30-dunkelblond-gold-1-stuck-19741">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe 30 Dunkelblond Gold, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jcka0s6-Ey8ByHw6EwBgyMHaDBIlUzN-Yc323l8BL9EjY2ajBPfY8pYfUIqsHL7yE-iR9KRITyeDlD-LMnAiLg" />
    <input value="19741" 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%3D4">
    <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/sanotint-haarfarbe-light-71-schwarz-1-stuck-19742">
          <img alt="Sanotint Haarfarbe Light 71 Schwarz" 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/21a153992a9a60cbbc7e528388d0c0e9.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/21a153992a9a60cbbc7e528388d0c0e9.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/21a153992a9a60cbbc7e528388d0c0e9.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/21a153992a9a60cbbc7e528388d0c0e9.jpeg" />
</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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-light-71-schwarz-1-stuck-19742">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe Light 71 Schwarz, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Oi5KyvXO0fwcqbhcuYbg8svVsKEFplLKwq88S816m7mUhDa7P4caIYt-lOwGmj7IGectR4S9LpMg9vUeoAuWRg" />
    <input value="19742" 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%3D4">
    <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/sanotint-haarfarbe-light-72-kastanie-hell-1-stuck-19743">
          <img alt="Sanotint Haarfarbe Light 72 Kastanie hell" 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/39b4e71b707ac4b0ece7dcaf19510e8b.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/39b4e71b707ac4b0ece7dcaf19510e8b.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/39b4e71b707ac4b0ece7dcaf19510e8b.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/39b4e71b707ac4b0ece7dcaf19510e8b.jpeg" />
</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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-light-72-kastanie-hell-1-stuck-19743">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe Light 72 Kastanie hell, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LxZ2T3wfC7KFup8ABZ8RGtQvH98xGlq3H6YKXFFAkCKBvAo-tlbAbxJts7C6g88gBh2CObABJu79_8MJPDGd3Q" />
    <input value="19743" 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%3D4">
    <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/sanotint-haarfarbe-light-73-naturbraun-1-stuck-19744">
          <img alt="Sanotint Haarfarbe Light 73 Naturbraun" 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/1ccd7581d7c0b14ca9b9ff920f2c71e7.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1ccd7581d7c0b14ca9b9ff920f2c71e7.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1ccd7581d7c0b14ca9b9ff920f2c71e7.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1ccd7581d7c0b14ca9b9ff920f2c71e7.jpeg" />
</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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-light-73-naturbraun-1-stuck-19744">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe Light 73 Naturbraun, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OsooNEmAotJj7R4bZ0VbyaClg4eXvwZIgYvEO5x_feSUYFRFg8lpD_Q6MqvYWYXzcpceYRakehFj0g1u8Q5wGw" />
    <input value="19744" 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%3D4">
    <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/sanotint-haarfarbe-light-74-hellbraun-1-stuck-19745">
          <img alt="Sanotint Haarfarbe Light 74 Hellbraun" 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/d056665c92fccc80ba881ebf8f40bf79.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d056665c92fccc80ba881ebf8f40bf79.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d056665c92fccc80ba881ebf8f40bf79.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d056665c92fccc80ba881ebf8f40bf79.jpeg" />
</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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-light-74-hellbraun-1-stuck-19745">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe Light 74 Hellbraun, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="agCtO-jpOpuw-mZmhkh-oPH-HBlPUyq5EniXGLWAxijEqtFKIqDxRictStY5VKCaI8yB_85IVuDwIV5N2PHL1w" />
    <input value="19745" 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%3D4">
    <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/sanotint-haarfarbe-light-75-goldbraun-1-stuck-19746">
          <img alt="Sanotint Haarfarbe Light 75 Goldbraun" 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/29fa7e4512386f9cc94b1c65c395ebde.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/29fa7e4512386f9cc94b1c65c395ebde.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/29fa7e4512386f9cc94b1c65c395ebde.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/29fa7e4512386f9cc94b1c65c395ebde.jpeg" />
</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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-light-75-goldbraun-1-stuck-19746">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe Light 75 Goldbraun, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PmeFYIVWFyPryjfmOnY8T_7VNHr_0ydCLmp6hpWR_0GQzfkRTx_c_nwdG1aFauJ1LOepnH7IWxvMM7PT-ODyvg" />
    <input value="19746" 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%3D4">
    <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/sanotint-haarfarbe-light-77-dunkelblond-gold-1-stuck-19747">
          <img alt="Sanotint Haarfarbe Light 77 Dunkelblond Gold" 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/7bef3df32feb2b0e245bcdad42f119a6.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7bef3df32feb2b0e245bcdad42f119a6.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7bef3df32feb2b0e245bcdad42f119a6.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7bef3df32feb2b0e245bcdad42f119a6.jpeg" />
</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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-light-77-dunkelblond-gold-1-stuck-19747">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe Light 77 Dunkelblond Gold, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="50mlNae7mmKtWLqOe0ufuKv0IyvghgA7TUNO_BvaXpRJ49lEbfJRvzqPlj7EV0GCeca-zWGdfGKvGoepdqtTaw" />
    <input value="19747" 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%3D4">
    <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/sanotint-haarfarbe-light-80-hell-naturblond-1-stuck-19748">
          <img alt="Sanotint Haarfarbe Light 80 Hell Naturblond" 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/d1e15a10aeeb14f5ca9000a8751200a3.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d1e15a10aeeb14f5ca9000a8751200a3.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d1e15a10aeeb14f5ca9000a8751200a3.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d1e15a10aeeb14f5ca9000a8751200a3.jpeg" />
</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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-light-80-hell-naturblond-1-stuck-19748">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe Light 80 Hell Naturblond, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W6_N6ealH1d0RPXR3XXXNFs5oB4QnjGEHw2JVUbLA0b1BbGYLOzUiuOT2WFiaQkOiQs9-JGFTd39VEAAK7oOuQ" />
    <input value="19748" 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%3D4">
    <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/sanotint-haarfarbe-light-82-hellgrau-1-stuck-19749">
          <img alt="Sanotint Haarfarbe Light 82 Hellgrau" 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/aebb22f4d629a11ac8d25f27339d52cc.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/aebb22f4d629a11ac8d25f27339d52cc.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/aebb22f4d629a11ac8d25f27339d52cc.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/aebb22f4d629a11ac8d25f27339d52cc.jpeg" />
</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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-light-82-hellgrau-1-stuck-19749">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe Light 82 Hellgrau, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="90MD0P8BdWfA6YYVX3qoswGX5xQdN6Dm0BoGsuqSuIlZ6X-hNUi-ulc-qqXgZnaJ06V68pws3L8yQ8_nh-O1dg" />
    <input value="19749" 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%3D4">
    <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/sanotint-haarfarbe-light-84-dunkelblond-1-stuck-19750">
          <img alt="Sanotint Haarfarbe Light 84 Dunkelblond" 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/d03a1fba56856d09bfbda022a517ba8d.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d03a1fba56856d09bfbda022a517ba8d.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d03a1fba56856d09bfbda022a517ba8d.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d03a1fba56856d09bfbda022a517ba8d.jpeg" />
</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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-light-84-dunkelblond-1-stuck-19750">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe Light 84 Dunkelblond, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dpUxAAdw8ew5HShbfTQKgmUbAWePjDugg12Nyxquy_fYP01xzTk6Ma7KBOvCKNS4tymcgQ6XR_lhBESed9_GCA" />
    <input value="19750" 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%3D4">
    <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/hauschka-spulung-150ml-1-stuck-19976">
          <img alt="Hauschka Spülung 150ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9082/file/small-1571378f288811e58ada9e60dc65aab9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9082/file/medium-07e551443729766b897ec0225bab315a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9082/file/large-4c45f1ad3e36d63b536ab5e926975cc4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9082/file/medium-07e551443729766b897ec0225bab315a.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">Hauschka</p>
          <a href="/products/hauschka-spulung-150ml-1-stuck-19976">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hauschka Spülung 150ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ekg5dOZXrbEnNtacde1gKZero82_S6OVGPgitk9hlojU4kUFLB5mbLDh-izK8b4TRZk-Kz5Q38z6oevjIhCbdw" />
    <input value="19976" 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%3D4">
    <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/heidak-pflegespulung-hirse-250ml-1-stuck-20036">
          <img alt="Heidak Pflegespülung Hirse 250ml" 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/7f23805c1e60957944e192ef83e99b4b.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7f23805c1e60957944e192ef83e99b4b.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7f23805c1e60957944e192ef83e99b4b.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7f23805c1e60957944e192ef83e99b4b.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">Heidak</p>
          <a href="/products/heidak-pflegespulung-hirse-250ml-1-stuck-20036">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Heidak Pflegespülung Hirse 250ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lbb2GR9S9qkjZsWINEUhQWZA067-2b3ecrqltjYf2BuDHIpo1Rs9dLSx6TiLWf97tHJOSH_CwYeQ42zjW27V5A" />
    <input value="20036" 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%3D4">
    <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/heidak-shampoo-hirse-250ml-1-stuck-20037">
          <img alt="Heidak Shampoo Hirse 250ml" 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/175be2b61c20967466f71051ab00ba71.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/175be2b61c20967466f71051ab00ba71.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/175be2b61c20967466f71051ab00ba71.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/175be2b61c20967466f71051ab00ba71.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">Heidak</p>
          <a href="/products/heidak-shampoo-hirse-250ml-1-stuck-20037">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Heidak Shampoo Hirse 250ml, 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-20037-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4KegbVwua3keec7Cw7RsLOmf_FV13hbDVQ2UXNj2hMJODdwclmegpImu4nJ8qLIWO61hs_TFapq3VF0JtYeJPQ" />
    <input value="20037" 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%3D4">
    <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/heidak-erfrischendes-dusch-shampoo-250ml-1-stuck-20038">
          <img alt="Heidak Erfrischendes Dusch &amp; Shampoo 250ml" 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/12693494222ec69f3055c2e0b09c9e28.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/12693494222ec69f3055c2e0b09c9e28.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/12693494222ec69f3055c2e0b09c9e28.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/12693494222ec69f3055c2e0b09c9e28.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">Heidak</p>
          <a href="/products/heidak-erfrischendes-dusch-shampoo-250ml-1-stuck-20038">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Heidak Erfrischendes Dusch &amp; Shampoo 250ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yTEGn8Jdcyq-IgiEP1WCx-f7qZbkwjsS7tU85LzYknNnm3ruCBS49yn1JDSASVz9Nck0cGXZR0sMjPWx0amfjA" />
    <input value="20038" 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%3D4">
    <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/jolu-baby-shampoo-waschlotion-250ml-1-stuck-20046">
          <img alt="Jolu Baby Shampoo &amp; Waschlotion 250ml" 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/3b5ae4f25c21a2914eaca7230c40855b.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3b5ae4f25c21a2914eaca7230c40855b.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3b5ae4f25c21a2914eaca7230c40855b.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3b5ae4f25c21a2914eaca7230c40855b.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">Jolu</p>
          <a href="/products/jolu-baby-shampoo-waschlotion-250ml-1-stuck-20046">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jolu Baby Shampoo &amp; Waschlotion 250ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PKf8DviI728jbvz6zOkIeo5L2TS3QAGYzmKzCQa0eZCSDYB_MsEksrS50Epz9dZAXHlE0jZbfcEsO3pca8V0bw" />
    <input value="20046" 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%3D4">
    <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-amla-volume-200ml-vegan-1-stuck-20050">
          <img alt="Khadi Shampoo Amla Volume 200ml vegan" 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/9c9b2c20b6142814d06d7329bf2939a1.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9c9b2c20b6142814d06d7329bf2939a1.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9c9b2c20b6142814d06d7329bf2939a1.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9c9b2c20b6142814d06d7329bf2939a1.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">Khadi</p>
          <a href="/products/khadi-shampoo-amla-volume-200ml-vegan-1-stuck-20050">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Shampoo Amla Volume 200ml vegan, 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-20050-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DUuUhfqx3pMvPEQ4abyeBAes4HYtstygXJk_V_NS40Cj4ej0MPgVTrjraIjWoEA-1Z59kKypoPm-wPYCniPuvw" />
    <input value="20050" 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%3D4">
    <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-mittelblond-100g-1-stuck-20051">
          <img alt="Khadi Pflanzenhaarfarbe Mittelblond 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/90baa533e55aff59fc9446049d90935b.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/90baa533e55aff59fc9446049d90935b.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/90baa533e55aff59fc9446049d90935b.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/90baa533e55aff59fc9446049d90935b.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-mittelblond-100g-1-stuck-20051">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Mittelblond 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-20051-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lu464F0ul7WP2CboHgRuCmLIpNU1yzlFJh56ML5OUEeAREaRl2dcaBgPClihGLAwsPo5M7TQRRzER7Nl0z9duA" />
    <input value="20051" 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%3D4">
    <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-mahagoni-100g-1-stuck-20052">
          <img alt="Khadi Pflanzenhaarfarbe Mahagoni 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/6d3c4f5867862af38376764350f7652b.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6d3c4f5867862af38376764350f7652b.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6d3c4f5867862af38376764350f7652b.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6d3c4f5867862af38376764350f7652b.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">Khadi</p>
          <a href="/products/khadi-pflanzenhaarfarbe-mahagoni-100g-1-stuck-20052">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Mahagoni 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-20052-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3Ep64JdelUY1rW6zJ7PvzMuTqP3aVPXCWwmqTrqgWVJy4AaRXRdem6J6QgOYrzH2GaE1G1tPiZu5UGMb19FUrQ" />
    <input value="20052" 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%3D4">
    <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-haarol-rose-repair-50ml-1-stuck-20062">
          <img alt="Khadi Haaröl Rose Repair 50ml" 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/a047c0d548d4b85168134c7ddf3d6170.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a047c0d548d4b85168134c7ddf3d6170.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a047c0d548d4b85168134c7ddf3d6170.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a047c0d548d4b85168134c7ddf3d6170.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-haarol-rose-repair-50ml-1-stuck-20062">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Haaröl Rose Repair 50ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hXx9iU0JiIbZXYoPXg_bCwStEq2tlAPray-Rdh53Nswr1gH4h0BDW06Kpr_hEwUx1p-PSyyPf7KJdlgjcwY7Mw" />
    <input value="20062" 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">
      80 von 87 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/naturkosmetik/haarpflege?format=turbo_stream&amp;page=5">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>