<turbo-stream action="append" target="products_grid"><template>
    

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D22">
    <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/organyc-wattepads-70-stuck-19711">
          <img alt="Organyc Wattepads" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10105/file/small-0e8d350a4e9bbe823405db836d58ba88.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10105/file/medium-a1629a991e89f05797e4e311772f68d4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10105/file/large-c04a1c377a8ff3a6336f2171dfa17029.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10105/file/medium-a1629a991e89f05797e4e311772f68d4.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">Organyc</p>
          <a href="/products/organyc-wattepads-70-stuck-19711">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Organyc Wattepads, 70 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="etIGABdVOQeaqd7kAKwZw_bagQZuwYBtUmzRiTLTacCCK5mxlurSoK6A4OLxOCmhhLRKh1TwTahDMKxHa9x1FA" />
    <input value="19711" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D22">
    <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/organyc-wattestabchen-200-stuck-19712">
          <img alt="Organyc Wattestäbchen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10106/file/small-137a04a7ae28d5901681e9db68a34478.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10106/file/medium-73f2f582892a78cdea2d4cdbbd7d4086.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10106/file/large-37d30e97c2c01b44c59cf60433f05dbe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10106/file/medium-73f2f582892a78cdea2d4cdbbd7d4086.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">Organyc</p>
          <a href="/products/organyc-wattestabchen-200-stuck-19712">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Organyc Wattestäbchen, 200 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L6fM9OUJ0fQK1ZxL5Xn35aJ2pW6OfmExm0DhRbaEM7fXXlNFZLY6Uz78ok0U7ceH0Bhu77RPrPSKHJyL74svYw" />
    <input value="19712" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D22">
    <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/phytopharma-anti-insect-spray-natural-125-ml-19713">
          <img alt="Phytopharma Anti Insect Spray Natural" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9404/file/small-7fa42107ef44cb0b2f20d3b0a1cbf1a1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9404/file/medium-aa3598d14b5a4ca0ec5bc3886061fd29.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9404/file/large-a43628aab5f5e4b3a3c7f7028a36b641.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9404/file/medium-aa3598d14b5a4ca0ec5bc3886061fd29.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">Phytopharma</p>
          <a href="/products/phytopharma-anti-insect-spray-natural-125-ml-19713">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Phytopharma Anti Insect Spray Natural, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NznG6h7wnRRhjrDwH4OonhZDkr2XFrkYrIHT_6N4b5HPwFlbn092s1WnjvbuF5j8ZC1ZPK0ndN293a4x-ndzRQ" />
    <input value="19713" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D22">
    <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/rosenrot-conditionerbit-balsam-60-g-19738">
          <img alt="Rosenrot ConditionerBit Balsam" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11274/file/small-3fa4ce2f4dc1f4c3af36f42d8faa3606.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11274/file/medium-eae14698cdeec527ce78e0fc6e73b1b7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11274/file/large-a0c92ad37fbc39562bfac4436d05ebba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11274/file/medium-eae14698cdeec527ce78e0fc6e73b1b7.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">Rosenrot</p>
          <a href="/products/rosenrot-conditionerbit-balsam-60-g-19738">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosenrot ConditionerBit Balsam, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 23.67 / 100 g
            </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="LN20qI5lRQTuviwR-_8pxSBq2LETVBQ1sFJdRzd5-bHUJCsZD9quo9qXEhcKaxmnUgQTMCll2fChDiCJbnblZQ" />
    <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%3Fformat%3Dturbo_stream%26page%3D22">
    <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/rosenrot-fembit-intimwaschlotion-40-g-19739">
          <img alt="Rosenrot FemBit Intimwaschlotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11275/file/small-46542e12584692968dbbcfe335cb0ccc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11275/file/medium-7f538a274a75ffc257ec4c8c491bb63a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11275/file/large-95aebd3c7532fc4befe170df97f06614.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11275/file/medium-7f538a274a75ffc257ec4c8c491bb63a.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">Rosenrot</p>
          <a href="/products/rosenrot-fembit-intimwaschlotion-40-g-19739">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosenrot FemBit Intimwaschlotion, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 29.75 / 100 g
            </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="CYWGPqhsYDK4OP6KQK8WwbBH5_Ed0z6GwXvNFUaq9tnxfBmPKdOLlYwRwIyxOyajwikscCfi80PQJ7DbH6XqDQ" />
    <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%3Fformat%3Dturbo_stream%26page%3D22">
    <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/rosenrot-shampoobit-honig-60-g-19740">
          <img alt="Rosenrot ShampooBit Honig" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11276/file/small-6048c57c9b7051d7f1a69ca5ea4acade.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11276/file/medium-f1cde90ba517be7197c2011a98c19a91.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11276/file/large-19d259bf524a10946e88a2f496cde990.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11276/file/medium-f1cde90ba517be7197c2011a98c19a91.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">Rosenrot</p>
          <a href="/products/rosenrot-shampoobit-honig-60-g-19740">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosenrot ShampooBit Honig, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 23.67 / 100 g
            </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="7hoquPEjCZMrrt7tQy_YW1iBsj6-LlGtSWwhKHMJiIgW47UJcJziNB-H4Ouyu-g5Ku95v4QfnGhYMFzmKgaUXA" />
    <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%3Fformat%3Dturbo_stream%26page%3D22">
    <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/saling-schafmilchseife-natur-100-g-19744">
          <img alt="Saling Schafmilchseife natur" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10082/file/small-a35ecced4705482d89f1c6fc7a50566e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10082/file/medium-eaa06846eb456bc20c0d6c66aa1b7a71.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10082/file/large-262e61c380ed5d27ca468e8b787878ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10082/file/medium-eaa06846eb456bc20c0d6c66aa1b7a71.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">Saling</p>
          <a href="/products/saling-schafmilchseife-natur-100-g-19744">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Saling Schafmilchseife natur, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 4.90 / 100 g
            </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="Gr5fTyPk1RReDp0rOtf9SvPXn1wbcIa_5yGL0gnj1eHiR8D-ols-s2onoy3LQ80ogblU3SFBS3r2ffYcUOzJNQ" />
    <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%3Fformat%3Dturbo_stream%26page%3D22">
    <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-03-naturbraun-1-stuck-19745">
          <img alt="Sanotint Haarfarbe 03 Naturbraun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9393/file/small-565221820ede9532107bf6df86f5777f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9393/file/medium-13b1d7025871d6e4fd5a925f695dd982.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9393/file/large-fc891f051de3c256a6222af112529eaf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9393/file/medium-13b1d7025871d6e4fd5a925f695dd982.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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-03-naturbraun-1-stuck-19745">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe 03 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-19745-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5fWy1MKEHw6eKrVkJ_CtuH8INxUrv1oq27wdO4LwF3AdDC1lQzv0qaoDi2LWZJ3aDWb8lBGOl-_K4GD12_8LpA" />
    <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%3Fformat%3Dturbo_stream%26page%3D22">
    <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-04-hellbraun-1-stuck-19746">
          <img alt="Sanotint Haarfarbe 04 Hellbraun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9389/file/small-a34f400abeaf484d6179b2ad39bbc23e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9389/file/medium-3e5a30e2490412c86de481558e2cd2e3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9389/file/large-938f482755ebb02146d6fb135ff6c486.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9389/file/medium-3e5a30e2490412c86de481558e2cd2e3.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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-04-hellbraun-1-stuck-19746">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe 04 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-19746-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O2lyxy6FDccVOFrhxGVfhHGTg8eqDMhyLVBCfUqw4vvDkO12rzrmYCERZOc18W_mA_1IRpA9Bbc8DD-zE7_-Lw" />
    <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%3Fformat%3Dturbo_stream%26page%3D22">
    <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-05-goldbraun-1-stuck-19747">
          <img alt="Sanotint Haarfarbe 05 Goldbraun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9390/file/small-a69a1509f4d666072429f4e5d043bbc6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9390/file/medium-6e6662ed3821f1085f4e481c7dfb1e2b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9390/file/large-6bf4c0366cb5390a8dff8bc5202693bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9390/file/medium-6e6662ed3821f1085f4e481c7dfb1e2b.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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-05-goldbraun-1-stuck-19747">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe 05 Goldbraun, 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="dOMyNRTkft5lb_SlClZfbFijB1myWdNMK1smzFgPg8GMGq2ElVuVeVFGyqP7wm8OKs3M2IhoHok6B1sCAQCfFQ" />
    <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%3Fformat%3Dturbo_stream%26page%3D22">
    <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-06-dunkelbraun-1-stuck-19748">
          <img alt="Sanotint Haarfarbe 06 Dunkelbraun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9392/file/small-3dfad45d2eba9925a8844c9bfe90c53c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9392/file/medium-2d5687205f86694cb19cf98963312632.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9392/file/large-2cb82613eb674b7d091affdab6019131.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9392/file/medium-2d5687205f86694cb19cf98963312632.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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-06-dunkelbraun-1-stuck-19748">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanotint Haarfarbe 06 Dunkelbraun, 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="0MpPul7hwZgg9ePo8hc8MYtydPTeIVFuEBS23ZFRt1IoM9AL314qPxTc3e4DgwxT-Ry_deQQnKsBSMsTyF6rhg" />
    <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%3Fformat%3Dturbo_stream%26page%3D22">
    <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-19749">
          <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/public/variant_asset/9391/file/small-7281b7f11a54707fe2f6a28107346915.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9391/file/medium-f3b7f4a2aa27c3c932e404a19a9f6d16.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9391/file/large-7d8e24b2a81c2a3fdee3a4de2661a7d8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9391/file/medium-f3b7f4a2aa27c3c932e404a19a9f6d16.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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-07-aschbraun-1-stuck-19749">
            <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-19749-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YlsGzVmvPGUjct9VWCRjNu4oz4dG-5gBEcmrdpobXdGaopl82BDXwhdb4VOpsFNUnEYEBnzKVcQAlda4wxRBBQ" />
    <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%3Fformat%3Dturbo_stream%26page%3D22">
    <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-19750">
          <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/public/variant_asset/9402/file/small-919205b5f9eba1ac561cb284a78003f6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9402/file/medium-137902ca9395be4b79f906097e48d1f3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9402/file/large-c1256ce42fe2619cccaaeba228c9abda.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9402/file/medium-137902ca9395be4b79f906097e48d1f3.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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-25-mokka-1-stuck-19750">
            <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-19750-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7EVoWkavvq6pgvAos6cjC7KRUACsT2ttDNnOTm8UdboUvPfrxxBVCZ2rzi5CMxNpwP-bgZZ-pqgdhbOANhtpbg" />
    <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%3Fformat%3Dturbo_stream%26page%3D22">
    <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-19751">
          <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/public/variant_asset/9386/file/small-3ed088e435e56d6d420d1b0d31c43fdb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9386/file/medium-e5649bd53ddfa70b970c6bad12c02339.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9386/file/large-6e151d6836866e942cc607ee46b427b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9386/file/medium-e5649bd53ddfa70b970c6bad12c02339.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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-26-tabak-caramel-1-stuck-19751">
            <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-19751-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x-vWbQGQlCAFynwg3HgmlB3lRkWwY2D3PUPYLD8Lz54_EkncgC9_hzHjQiYt7Bb2b4uNxIpSrTIsH6XiZgTTSg" />
    <input value="19751" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D22">
    <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-19752">
          <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/public/variant_asset/9387/file/small-addf8870a139b0a47a3c6683bc2673cb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9387/file/medium-cef584310d4a234e75826955c943fcb8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9387/file/large-63a6ab65cae3c69bee0aa7dc0fe2f33a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9387/file/medium-cef584310d4a234e75826955c943fcb8.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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-29-dunkelblond-kupfer-1-stuck-19752">
            <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-19752-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lPybLVajyaeZ-iyckdynXt89oBvZNLXTofvKoIKOtyVsBQSc1xwiAK3TEppgSJc8rVNrmuMFeBawp7du24Gr8Q" />
    <input value="19752" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D22">
    <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-19753">
          <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/public/variant_asset/9403/file/small-7c7907b81c82ae142aa122b5b40b210f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9403/file/medium-d7bfa97ccf33a884656e220a387fa671.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9403/file/large-a15ffc14502e50e360b80be92d882a71.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9403/file/medium-d7bfa97ccf33a884656e220a387fa671.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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-30-dunkelblond-gold-1-stuck-19753">
            <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-19753-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rla3AzWA0su0ageqHqdi6BM1kI31QBmKmIaj4V8kfna-ryiytD85bIBDOazvM1KKYVtbDM9x1E-J2t4vBitiog" />
    <input value="19753" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D22">
    <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-19754">
          <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/public/variant_asset/9401/file/small-b06b2114ccfeb67e0f6a91dc1c98a6eb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9401/file/medium-7bab230d9ca8e8b33658121ae6b537cd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9401/file/large-59c6ed7279c5e23122e630a5baa49cca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9401/file/medium-7bab230d9ca8e8b33658121ae6b537cd.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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-light-71-schwarz-1-stuck-19754">
            <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-19754-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IP42yxKYvsMpib7THRQIQUJcARN0vUOvjgZg7Kwq5rLYB6l6kydVZB2ggNXsgDgjMDLKkk6MjmqfWh0i9SX6Zg" />
    <input value="19754" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D22">
    <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-19755">
          <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/public/variant_asset/9394/file/small-1601130d71815b50440f4eaab4b20aa4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9394/file/medium-862377e12f4d015d98857c898ffa4f40.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9394/file/large-5386249d80a7af5dcda2c39c72c22608.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9394/file/medium-862377e12f4d015d98857c898ffa4f40.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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-light-72-kastanie-hell-1-stuck-19755">
            <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-19755-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KFXLIStu2gGI51fHiBhUjvpc3_XLTmUu6iBufnF0tETQrFSQqtExprzOacF5jGTsiDIUdPF_qOv7fBOwKHuokA" />
    <input value="19755" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D22">
    <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-19756">
          <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/public/variant_asset/9388/file/small-64d765b134e2d74e0df29df1edc74184.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9388/file/medium-a91a46529a4b3a81f7450a8e2cb1f535.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9388/file/large-e87f48b20781f83259f94cba7db40865.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9388/file/medium-a91a46529a4b3a81f7450a8e2cb1f535.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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-light-73-naturbraun-1-stuck-19756">
            <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-19756-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PJsC1DMv3uRGHPMu-rROKbNmgVw29wkfDRWCPvoHRlnEYp1lspA1Q3I1zSgLIH5LwQhK3QzGxNocSf_wowhajQ" />
    <input value="19756" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D22">
    <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-19757">
          <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/public/variant_asset/9397/file/small-3c3e4c9b266c2eb0a48ce1c181b33878.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9397/file/medium-dde885970a8323d4f8ad725e3649b97a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9397/file/large-45ffaa05320b7d414d68440e04b86995.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9397/file/medium-dde885970a8323d4f8ad725e3649b97a.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">Sanotint</p>
          <a href="/products/sanotint-haarfarbe-light-74-hellbraun-1-stuck-19757">
            <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-19757-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9i3Nz8znSNG4B_KrfErlpq0qAOiugoU0TwKSVApVMS8O1FJ-TVijdowuzK2N3tXE30TLaZSzSPFeXu-aU1ot-w" />
    <input value="19757" 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">
      440 von 613 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/naturkosmetik?format=turbo_stream&amp;page=23">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>