<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%3D10">
    <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/borlind-mischhaut-nachtcreme-50ml-1-stuck-19458">
          <img alt="Börlind Mischhaut Nachtcreme 50ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11434/file/small-acd5bdd6680bfa120dd85e7fc7d2f380.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11434/file/medium-f2d649541a303e5360c2d0df8c62b498.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11434/file/large-cc948183f272bd8c3d46aee0c63cb25e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11434/file/medium-f2d649541a303e5360c2d0df8c62b498.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">Börlind</p>
          <a href="/products/borlind-mischhaut-nachtcreme-50ml-1-stuck-19458">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Mischhaut Nachtcreme 50ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LfXwLUsLRPLXIkjJ4GadkyH8WFSeUPyKxpoCEdsPaysTCeUMZtVrhOCAzrIeFUqnr0RBXwzpLvSddATc939qQg" />
    <input value="19458" 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%3D10">
    <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/borlind-mischhaut-reinigungsgel-150ml-1-stuck-19459">
          <img alt="Börlind Mischhaut Reinigungsgel 150ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11435/file/small-db2e738eaef97cd51da49be258d9392e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11435/file/medium-21e03005b36b5e3b4f8104486f13b052.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11435/file/large-05d564eafa7cb5269097415f1ffef78a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11435/file/medium-21e03005b36b5e3b4f8104486f13b052.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">Börlind</p>
          <a href="/products/borlind-mischhaut-reinigungsgel-150ml-1-stuck-19459">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Mischhaut Reinigungsgel 150ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PL9Lj2m0TTLuvQDTzkWYGzPY2yjrAbK2qdiS4eJlnPwCQ16uRGpiRNkfhqgwNk8vvWDCI3m4YMjyNpQszhWdlQ" />
    <input value="19459" 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%3D10">
    <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/borlind-mischhaut-tagesfluid-75ml-1-stuck-19460">
          <img alt="Börlind Mischhaut Tagesfluid 75ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9876/file/small-7efe9a22d92fdc332373a287b78b3f7c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9876/file/medium-9cd0d05eb239bd806a3afd59d22d339a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9876/file/large-fa26331dfaf16fd7a8cb0c1b3201acdd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9876/file/medium-9cd0d05eb239bd806a3afd59d22d339a.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">Börlind</p>
          <a href="/products/borlind-mischhaut-tagesfluid-75ml-1-stuck-19460">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Mischhaut Tagesfluid 75ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j0zSKgOOESW2V0cZ337y-7NpTS85f2wvONTtLr0Ym9SxsMcLLlA-U4H1wWIhDSXPPdFUJKvGvlFjOuvjkWiavQ" />
    <input value="19460" 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%3D10">
    <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/borlind-natuperfect-50ml-1-stuck-19461">
          <img alt="Börlind NatuPerfect 50ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9878/file/small-1394d8d39d8841339920aba132c2765a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9878/file/medium-f837c5f5cf2cb03b2440cb61eeef9897.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9878/file/large-2306af42a7324e4a6965d6aefa8278e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9878/file/medium-f837c5f5cf2cb03b2440cb61eeef9897.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">Börlind</p>
          <a href="/products/borlind-natuperfect-50ml-1-stuck-19461">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind NatuPerfect 50ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 56.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QuqThUB9G5sBPedS4q3yKqf61WCMn1vRUBYOR9ZdDDp8FoakbaM07TafYSkc3iUeKULMax4mia8L-AiK-i0NUw" />
    <input value="19461" 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%3D10">
    <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/borlind-puderlidschatten-beige-2g-1-stuck-19462">
          <img alt="Börlind Puderlidschatten beige 2g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9877/file/small-51fa3e5c04849312a338b74135c4e849.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9877/file/medium-816c065cc6adedf97bbb5d150fe31af9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9877/file/large-a453f28606d043bea434854275f8d6ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9877/file/medium-816c065cc6adedf97bbb5d150fe31af9.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">Börlind</p>
          <a href="/products/borlind-puderlidschatten-beige-2g-1-stuck-19462">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Puderlidschatten beige 2g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NPtuD6tsxP6dj5xTaL2EhEMk_FHJXh-3Qc5_BGpBugAKB3suhrLriKotGiiWzlOwzZzlWlvnzckaIHnJRjG7aQ" />
    <input value="19462" 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%3D10">
    <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/borlind-puderlidschatten-blue-pearl-2g-1-stuck-19463">
          <img alt="Börlind Puderlidschatten blue pearl 2g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9871/file/small-a89ce6b302e736f841cec7d6527b0b6d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9871/file/medium-e913141c6d6c2066f99cf4739bed368a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9871/file/large-b6926488baa051c407de5545881df05d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9871/file/medium-e913141c6d6c2066f99cf4739bed368a.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">Börlind</p>
          <a href="/products/borlind-puderlidschatten-blue-pearl-2g-1-stuck-19463">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Puderlidschatten blue pearl 2g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NENLiTp87mtzJV8DNkKN8lZCEncC6PYqf_7oxrkk4aUKv16oF6LBHUSH2XjIMVrG2PoLfJBRJFQkEO4LlVTgzA" />
    <input value="19463" 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%3D10">
    <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/borlind-puderlidschatten-dark-green-2g-1-stuck-19464">
          <img alt="Börlind Puderlidschatten dark green 2g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9870/file/small-3d2032e96594080ccbaf302274bcc65c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9870/file/medium-b71fb89afef4f18fe6f0d9f6a7762882.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9870/file/large-676bd99aa6b3e165c95c078b8f30114b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9870/file/medium-b71fb89afef4f18fe6f0d9f6a7762882.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">Börlind</p>
          <a href="/products/borlind-puderlidschatten-dark-green-2g-1-stuck-19464">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Puderlidschatten dark green 2g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cOFuEehEKIYVY-bvQ8u_fB6FKJ9MsXiRoKeMpbaABGFOHXswxZoH8CLBYJS9uGhIkD0xlN4Iqu_7SYpomvAFCA" />
    <input value="19464" 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%3D10">
    <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/borlind-puderlidschatten-golden-sand-2g-1-stuck-19465">
          <img alt="Börlind Puderlidschatten golden sand 2g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9868/file/small-9324d4f7a1365579785477bbe3388d54.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9868/file/medium-75b6c2effe65952c1ed9fc171318114b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9868/file/large-675c9d00eac8657988effc37dc5cc774.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9868/file/medium-75b6c2effe65952c1ed9fc171318114b.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">Börlind</p>
          <a href="/products/borlind-puderlidschatten-golden-sand-2g-1-stuck-19465">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Puderlidschatten golden sand 2g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ajcd8tA4p6GfrB-UtmoQ2VZB_nUNpo4lmiwJTWrD-5w8ywjT_eaI16gOme9IGcft2Pnnfp8fXFvBwg-ARrP69Q" />
    <input value="19465" 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%3D10">
    <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/borlind-puderlidschatten-grey-blue-2g-1-stuck-19466">
          <img alt="Börlind Puderlidschatten grey blue 2g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9869/file/small-cae6db802fd337da0ef0f68c130a5e22.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9869/file/medium-396db8c675f8aaab888dfbcd3c2750d9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9869/file/large-76d7969e59f86215118e32ded366bd86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9869/file/medium-396db8c675f8aaab888dfbcd3c2750d9.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">Börlind</p>
          <a href="/products/borlind-puderlidschatten-grey-blue-2g-1-stuck-19466">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Puderlidschatten grey blue 2g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T5ggC-QqcLiECwUjM9OtQK8lryZRdIiXvxTULfZel7dxZDUqyfRfzrOpg1jNoHp0IZ22LcPNWunk-tLg2i6W3g" />
    <input value="19466" 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%3D10">
    <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/borlind-puderlidschatten-light-rose-2g-1-stuck-19467">
          <img alt="Börlind Puderlidschatten light rose 2g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9866/file/small-bc997c516772d3f6072f99511e6df95e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9866/file/medium-107d37a0fb764b3b873286bf6fdbb424.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9866/file/large-7cb908174e9c397636cec1861565b2b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9866/file/medium-107d37a0fb764b3b873286bf6fdbb424.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">Börlind</p>
          <a href="/products/borlind-puderlidschatten-light-rose-2g-1-stuck-19467">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Puderlidschatten light rose 2g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tr12q73YXdFjF5vJfZ99s3k18nuRFh7m801SsDW_VVeIQWOKkAZyp1S1HbKD7KqH943rcAOvzJioo1R9Gc9UPg" />
    <input value="19467" 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%3D10">
    <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/borlind-puderlidschatten-matt-graphite-2g-1-stuck-19468">
          <img alt="Börlind Puderlidschatten matt graphite 2g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9867/file/small-e3379951f11772b0ccd653caca03b25a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9867/file/medium-c497ef7f3242152d22b7f2fe6cb0dfa7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9867/file/large-244992b582c61bc1bd7d3d4682aa365b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9867/file/medium-c497ef7f3242152d22b7f2fe6cb0dfa7.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">Börlind</p>
          <a href="/products/borlind-puderlidschatten-matt-graphite-2g-1-stuck-19468">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Puderlidschatten matt graphite 2g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q8m9ojPKFE2oWGq0wjWNHHsJJ6rqDmihkpFmKu-3orGVNaiDHhQ7O5_67M88Rloo9bE-oXi3ut_Jf2Dnw8ej2A" />
    <input value="19468" 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%3D10">
    <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/borlind-puderlidschatten-matt-ivory-2g-1-stuck-19469">
          <img alt="Börlind Puderlidschatten matt ivory 2g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9865/file/small-3152d52acba91fd4084a2fcd9843c37e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9865/file/medium-8b38bbfc29b5cfb68170ce367aacae40.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9865/file/large-50fdd3bd578df0e57d1eaf680e639894.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9865/file/medium-8b38bbfc29b5cfb68170ce367aacae40.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">Börlind</p>
          <a href="/products/borlind-puderlidschatten-matt-ivory-2g-1-stuck-19469">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Puderlidschatten matt ivory 2g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AxVoCrSt1AqiPHAPHtLXR9GET72lACqi9Qx8oSy0loE96X0rmXP7fJWe9nTgoQBzXzxWtje5-Nyu4npsAMSX6A" />
    <input value="19469" 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%3D10">
    <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/borlind-puderlidschatten-matt-rose-2g-1-stuck-19470">
          <img alt="Börlind Puderlidschatten matt rosé 2g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9864/file/small-11fda00a846dcbe70c101f871ffe3b56.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9864/file/medium-8d32e593288f5da6ee21792f76bfb646.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9864/file/large-2468a999ab1009b35a9cb8a7aa882d38.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9864/file/medium-8d32e593288f5da6ee21792f76bfb646.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">Börlind</p>
          <a href="/products/borlind-puderlidschatten-matt-rose-2g-1-stuck-19470">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Puderlidschatten matt rosé 2g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UU71KT5TlqxN2yrNEr1Tr5EeCL9qQpEIxoSHGmSQ-WNvsuAIE4252np5rLbszoSbH6YRtPj7Q3adaoHXSOD4Cg" />
    <input value="19470" 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%3D10">
    <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/borlind-puderlidschatten-matt-truffle-plum-2g-1-stuck-19471">
          <img alt="Börlind Puderlidschatten matt truffle plum 2g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9863/file/small-a31922c11d1e6766dd9f4a5d85416815.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9863/file/medium-77487cabd83448cea112bea67decc9de.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9863/file/large-31890a6a9c6aecb841d0bd7b3ccd343c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9863/file/medium-77487cabd83448cea112bea67decc9de.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">Börlind</p>
          <a href="/products/borlind-puderlidschatten-matt-truffle-plum-2g-1-stuck-19471">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Puderlidschatten matt truffle plum 2g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aoCz0_GbI1VurWsHF5cJX__29KWGBnHXxoIZabWMG_lUfKby3EUMI1kP7Xzp5N5rcU7trhS_o6mdbB-kmfwakA" />
    <input value="19471" 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%3D10">
    <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/borlind-puderlidschatten-mocha-2g-1-stuck-19472">
          <img alt="Börlind Puderlidschatten mocha 2g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9862/file/small-907275e7a24203fb5d90d479482bbea9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9862/file/medium-6edc07979e2ac847ac4deeebaad31116.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9862/file/large-20a28425f63221ed1971b5638183e5a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9862/file/medium-6edc07979e2ac847ac4deeebaad31116.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">Börlind</p>
          <a href="/products/borlind-puderlidschatten-mocha-2g-1-stuck-19472">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Puderlidschatten mocha 2g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UnQVFXt4l_oi6zODpe9L750Ea5NP2RJHosu0pNR46BpsiAA0Vqa4jBVJtfhbnJzbE7xymN1gwDn5JbJp-Ajpcw" />
    <input value="19472" 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%3D10">
    <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/borlind-puderlidschatten-rosy-glow-2g-1-stuck-19473">
          <img alt="Börlind Puderlidschatten rosy glow 2g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9861/file/small-0d977ade75adc4b37bf45819c2b9671f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9861/file/medium-6961f6ed84a3d5302324e1442454cc6c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9861/file/large-6b6f0838ee768f2bdde35defe2cd6136.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9861/file/medium-6961f6ed84a3d5302324e1442454cc6c.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">Börlind</p>
          <a href="/products/borlind-puderlidschatten-rosy-glow-2g-1-stuck-19473">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Puderlidschatten rosy glow 2g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sU3j1PFiu7XhUyYa8mG1ZjtMg3dFYztijllarvnXSt-Psfb13LyUw9bxoGEMEmJStfSafNfa6RzVt1xj1adLtg" />
    <input value="19473" 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%3D10">
    <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/borlind-puderlidschatten-taupe-delight-2g-1-stuck-19474">
          <img alt="Börlind Puderlidschatten taupe delight 2g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9859/file/small-1c2e9d77a8ed8d3930d3aaf85c5da65b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9859/file/medium-a1fdca2c0f465f24d166f203a9b2323c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9859/file/large-4bbdc51116b74905fb31fae2e727d34e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9859/file/medium-a1fdca2c0f465f24d166f203a9b2323c.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">Börlind</p>
          <a href="/products/borlind-puderlidschatten-taupe-delight-2g-1-stuck-19474">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Puderlidschatten taupe delight 2g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jM41JC4kAhkSEhBT6xFowNUL6T4SpxnvLpEyW8WX-D6yMiAFA_otbyWwligVYr_0W7PwNYAey5F1fzSW6ef5Vw" />
    <input value="19474" 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%3D10">
    <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/borlind-puderrouge-coral-glow-5g-1-stuck-19475">
          <img alt="Börlind Puderrouge coral glow 5g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9860/file/small-3417615f04483fa3087b07419f9afe78.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9860/file/medium-2dbc24bc3fe1f2f5e4502fc33b1e7955.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9860/file/large-6578fdd93f5528e1cbe06d590d1e36f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9860/file/medium-2dbc24bc3fe1f2f5e4502fc33b1e7955.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">Börlind</p>
          <a href="/products/borlind-puderrouge-coral-glow-5g-1-stuck-19475">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Puderrouge coral glow 5g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WjJlB13-b5gbwWF5G2wLoiHOwEYK6127JJWw89BoYUZkznAmcCBA7ixj5wLlH9yWr3bZTZhSj8V_e7Y-_BhgLw" />
    <input value="19475" 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%3D10">
    <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/borlind-puderrouge-glowy-peach-5g-1-stuck-19476">
          <img alt="Börlind Puderrouge glowy peach 5g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9858/file/small-84cdf6cc4dce41bfe154d88aba6c2b82.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9858/file/medium-2cf38523b55bce843916a63a5250c531.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9858/file/large-ffb2ff74e7f17024fbef65873fb314e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9858/file/medium-2cf38523b55bce843916a63a5250c531.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">Börlind</p>
          <a href="/products/borlind-puderrouge-glowy-peach-5g-1-stuck-19476">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Puderrouge glowy peach 5g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6eb0_JXEhQB2H9fiVbkmUgDOikr_23pp3-qoTq3P1bPXGuHduBqqdkG9UZmryvFmjnaTQW1iqBeEBK6Dgb_U2g" />
    <input value="19476" 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%3D10">
    <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/borlind-puderrouge-raspberry-delight-5g-1-stuck-19477">
          <img alt="Börlind Puderrouge raspberry delight 5g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9856/file/small-323f14daf340fb2a1ba71c5367cb17ce.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9856/file/medium-60996658987c4dfca059fab502775db8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9856/file/large-139f739a897dacdbcea4f011ef133a12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9856/file/medium-60996658987c4dfca059fab502775db8.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">Börlind</p>
          <a href="/products/borlind-puderrouge-raspberry-delight-5g-1-stuck-19477">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Puderrouge raspberry delight 5g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.00
            </p>

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

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

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

</template></turbo-stream>