<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%2Ffarbungen%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/sanotint-haarfarbe-07-aschbraun-1-stuck-19737">
          <img alt="Sanotint Haarfarbe 07 Aschbraun" 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/cd66f5817dc60594e5300c0f72bf3d8c.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cd66f5817dc60594e5300c0f72bf3d8c.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cd66f5817dc60594e5300c0f72bf3d8c.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cd66f5817dc60594e5300c0f72bf3d8c.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-07-aschbraun-1-stuck-19737">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe 07 Aschbraun, 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-19737-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oWea2Xp4fMjairNOmmX4Fd8W12S1NljVqae7AcI-az4rKgG1prjakUQGgKbVNxUndge28PzEI-zfdrZSvZjIAw" />
    <input value="19737" 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%2Ffarbungen%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/sanotint-haarfarbe-25-mokka-1-stuck-19738">
          <img alt="Sanotint Haarfarbe 25 Mokka" 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/33e9c0882befa65237a1f6d73012a6f1.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/33e9c0882befa65237a1f6d73012a6f1.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/33e9c0882befa65237a1f6d73012a6f1.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/33e9c0882befa65237a1f6d73012a6f1.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-25-mokka-1-stuck-19738">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe 25 Mokka, 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-19738-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wiZYq6eLL5Sk99ZMJNOTjcNMynX3EJsDAMduifdon01Ia8PHe0uJzTp75aRrgX6_al2r4b7i4Dp2FmPaiM48cA" />
    <input value="19738" 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%2Ffarbungen%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/sanotint-haarfarbe-26-tabak-caramel-1-stuck-19739">
          <img alt="Sanotint Haarfarbe 26 Tabak Caramel" 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/7a5828d1891dfebb319a7568aeb54763.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7a5828d1891dfebb319a7568aeb54763.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7a5828d1891dfebb319a7568aeb54763.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7a5828d1891dfebb319a7568aeb54763.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-26-tabak-caramel-1-stuck-19739">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe 26 Tabak Caramel, 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-19739-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FbsLCdIAO4KPmWpXaWVZ9kbkHz06wkpiaKMsD1_FSYuf9pBlDsCd2xEVWb8mN7TE7_V-qXMwMVseciFcIGPqtg" />
    <input value="19739" 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%2Ffarbungen%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/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="f-KFcmTKU-IQJvAQmT0B_jBxWnnwlxqC2xEXN2IhlTr1rx4euAr1u46qw_jWb-zMmWA77bllYbutwBpkHYc2Bw" />
    <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 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%2Ffarbungen%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/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="pUBogwTZs7ViOpDc2jqucjcCDyj68veZQG7qOqc1oXovDfPv2BkV7Py2ozSVaENAnhNuvLMAjKA2v-dp2JMCRw" />
    <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  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%2Ffarbungen%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/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="LSusmm9KxvOPcQ5fuVTHXHqR5IF3lW-1yaIx4A6XCVenZjf2s4pgqhH9Pbf2Bipu04CFFT5nFIy_czyzcTGqag" />
    <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 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%2Ffarbungen%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/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="s04SJjmF-f55Vex8EDFGac5Ae1UCO6OwprmjBAqK3FY5A4lK5UVfp-fZ35RfY6tbZ1EawUvJ2InQaK5XdSx_aw" />
    <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  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%2Ffarbungen%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/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="JWIemx-xkKChCskSlWDi4tN69nr8MIrya0ZKuyknAo2vL4X3w3E2-T-G-vraMg_QemuX7rXC8csdl0foVoGhsA" />
    <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 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%2Ffarbungen%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/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="RcnJwq0pIrMA_2I70pcXCuifPcmW463VfvmnDEUqsQLPhFKucemE6p5zUdOdxfo4QY5cXd8R1uwIKKpfOowSPw" />
    <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  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%2Ffarbungen%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/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="25kcBiacoMXpg9ecAfaBQEk1-xk2nqOGb0Lh342O_ndR1Idq-lwGnHcP5HROpGxy4CSajX9s2L8Zk-yM8ihdSg" />
    <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 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%2Ffarbungen%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/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="N3zHzOZyEo3de4WpH0iGh5Jo0_lsnXTOMhl_8IGT5ha9MVygOrK01EP3tkFQGmu1O3mybSVvD_dEyHKj_jVFKw" />
    <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  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%2Ffarbungen%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/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="IHvOB7ctEJvBLdU2Vfpr3c80JZaMSWYcq0Y9ObgtK7uqNlVra-22wl-h5t4aqIbvZiVEAsW7HSXdlzBqx4uIhg" />
    <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 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%2Ffarbungen%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/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="eGA5z-f0WSe3RQYNG0wv8inJEKr4os7P0MwDd6rdQE7yLaKjOzT_finJNeVUHsLAgNhxPrFQtfamHQ4k1Xvjcw" />
    <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  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%2Ffarbungen%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/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="yWb2PBSZQ13IIphF6nevWa7anoCQvBGocpXSWOcOVCBDK21QyFnlBFauq62lJUJrB8v_FNlOapEERN8LmKj3HQ" />
    <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 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%2Ffarbungen%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-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="zaDrgOxbcrgC6MY2KhAxmMcp1mx0aX5aXPE6aTe7nrJH7XDsMJvU4Zxk9d5lQtyqbji3-D2bBWMqIDc6SB09jw" />
    <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  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%2Ffarbungen%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-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="4cpg_vfSfQrm6HpQZuc1zGk5j6-zOba4YyT0mweM2ldrh_uSKxLbU3hkSbgptdj-wCjuO_rLzYEV9fnIeCp5ag" />
    <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 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%2Ffarbungen%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-conditioner-color-finish-150ml-1-stuck-20185">
          <img alt="Khadi Conditioner Color Finish 150ml" 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/2c73e3f313c99521a7f6fbea062a12ee.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2c73e3f313c99521a7f6fbea062a12ee.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2c73e3f313c99521a7f6fbea062a12ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/2c73e3f313c99521a7f6fbea062a12ee.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Khadi</p>
          <a href="/products/khadi-conditioner-color-finish-150ml-1-stuck-20185">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Conditioner Color Finish 150ml, 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-20185-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5IaTUM-EP4pqXUV2ocxKbczaplQkdjOUfDuDfglHL-Buywg8E0SZ0_TRdp7unqdfZcvHwG2ESK0K6o4tduGM3Q" />
    <input value="20185" 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">
      37 von 37 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>