<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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lippenstift-rosewood-4-2g-1-stuck-19506">
          <img alt="Lippenstift rosewood 4.2g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9980/file/small-6fe19a73dc05f2ecc9e8da0b38e4c165.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9980/file/medium-8ea81f0c62f0cd1dbe2152b78e2125c7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9980/file/large-5d135a21e075a8b564eb4f5dc51e2174.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9980/file/medium-8ea81f0c62f0cd1dbe2152b78e2125c7.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="/de/products/lippenstift-rosewood-4-2g-1-stuck-19506">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lippenstift rosewood 4.2g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fOYXgz9W8Ug7rx7INc76r7Pb0l7mKagwvHdZ5Kv2Lci6ceNspgM8CZN3s4si3qd_Rmf5kB5cR4K0zbMSoyySvA" />
    <input value="19506" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lippenstift-sienna-4-2g-1-stuck-19507">
          <img alt="Lippenstift sienna 4.2g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9979/file/small-7138da719ce4e6dbe3f7c2a26bb54b12.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9979/file/medium-392428954191223a0a6bb604290de918.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9979/file/large-52597acaa7e6b70a54d04572685628fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9979/file/medium-392428954191223a0a6bb604290de918.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="/de/products/lippenstift-sienna-4-2g-1-stuck-19507">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lippenstift sienna 4.2g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PbyoW6RuSO-RoaiY59Gqm0HQqpQDbsoDzPKzjzMjsC_7K1y0PTuFrjl5BdvwwfdLtGyBWvsbJbHESFl5O_kPWw" />
    <input value="19507" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/lippenstift-soft-coral-4-2g-1-stuck-19508">
          <img alt="Lippenstift soft coral 4.2g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9978/file/small-2cb00100ee3414505d9200c552e90cf2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9978/file/medium-82d1803c41e2d77897bdf40a8fb609b2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9978/file/large-85b4175b13e87111bdd809d9536f917f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9978/file/medium-82d1803c41e2d77897bdf40a8fb609b2.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="/de/products/lippenstift-soft-coral-4-2g-1-stuck-19508">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lippenstift soft coral 4.2g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E9kw3qKP9DRGZ3j9D_0oRZZIyUk8q7-7lURMxvEQ0jLVTsQxO9o5de6_1b4Y7XWVY_Tih8TeUAmd_qYw-cptRg" />
    <input value="19508" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/liquid-eye-liner-black-1-7ml-1-stuck-19509">
          <img alt="Liquid Eye Liner black 1.7ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9970/file/small-035e1de8494b4d6eb5be41bd526817ef.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9970/file/medium-60f76d7525a953db62080809e92beee9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9970/file/large-3909f14194e01d7ddc9df26f35e07d64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9970/file/medium-60f76d7525a953db62080809e92beee9.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="/de/products/liquid-eye-liner-black-1-7ml-1-stuck-19509">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Eye Liner black 1.7ml, 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-19509-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="08g03n_-uGjLNXy7Nd55wEug7yIjBOb5o3w0TjI-yhoVX8Ax5qt1KWPt0fgiziQQvhzE7NtxCUurxt64OuR1bg" />
    <input value="19509" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/loser-puder-almond-10-g-19515">
          <img alt="Loser Puder almond" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9972/file/small-7f23c27dc0ab7f866afc90618fa8884d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9972/file/medium-e6e59298617d318b808ddcbe5bdd4fd2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9972/file/large-e808aa8697b21dd73477a9d3a41d5e1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9972/file/medium-e6e59298617d318b808ddcbe5bdd4fd2.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="/de/products/loser-puder-almond-10-g-19515">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Loser Puder almond, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fQzd09WL4G3EWbHbHY3QwejrFVg5t9kIlZ6B3qFOwP67myk8TN4tLGyBHJgKnY0RHVc-lsHCNrqdJGsoqZR_ig" />
    <input value="19515" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/loser-puder-light-10-g-19516">
          <img alt="Loser Puder light" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9973/file/small-b1007d1b267ee4851ba46930dbe4c975.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9973/file/medium-5df8b273f69113ed2aa0173ed2de18a8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9973/file/large-437da035c1b366295c7b506bb58bb814.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9973/file/medium-5df8b273f69113ed2aa0173ed2de18a8.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="/de/products/loser-puder-light-10-g-19516">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Loser Puder light, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SPr_17sm_hntVFntTqDK6Sk_D1C65-ctGECW7CACMaKObQs4InMzWEWM9K5ZsJc53IMknkKSCJ8Q-nwaKNiO1g" />
    <input value="19516" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/make-up-entferner-augen-lippen-125-ml-19517">
          <img alt="Make Up Entferner Augen &amp; Lippen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9974/file/small-b47790a583297515e82c7d9c9b772c81.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9974/file/medium-6aca1b482278c4ae25cdfcadd1be69cc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9974/file/large-825c5d02fcc4e92c83aee5f80f463338.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9974/file/medium-6aca1b482278c4ae25cdfcadd1be69cc.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="/de/products/make-up-entferner-augen-lippen-125-ml-19517">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Make Up Entferner Augen &amp; Lippen, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y45fffIF7IaQWYFk36DnBDWMqATh4nLk5eVcP3RijcQNGauSa1AhxziBLCfIsLrUwDCDyhmXnVbtX7bJfLgysA" />
    <input value="19517" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/make-up-kompakt-almond-10-g-19518">
          <img alt="Make Up Kompakt almond" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9975/file/small-b266f6ed5b9ed025cb3678bb0a0af964.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9975/file/medium-870591e24909811efb33455db71c81b6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9975/file/large-0f188813f964e63610732cafe9e937d8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9975/file/medium-870591e24909811efb33455db71c81b6.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="/de/products/make-up-kompakt-almond-10-g-19518">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Make Up Kompakt almond, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JZhMWM9LHHgNiWES97OIGeN8Qe5FX-Gh4Oz1YqtI3cvjD7i3Vh7ROaVRzFHgo9XJFsBqIL0qDhPoVh-Uo5Jivw" />
    <input value="19518" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/make-up-kompakt-ivory-10-g-19519">
          <img alt="Make Up Kompakt ivory" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9976/file/small-8e21705b4e9f88c7435af42a8d00b629.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9976/file/medium-c1197b2a7f6ff2f12f9f379c9741bb30.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9976/file/large-1ae66214adfb8160b5c9af9084d83837.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9976/file/medium-c1197b2a7f6ff2f12f9f379c9741bb30.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="/de/products/make-up-kompakt-ivory-10-g-19519">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Make Up Kompakt ivory, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YdWLGgOzquDEHfoyfAQQGIvpdqFCtGQQlmAmAr4ogw6nQn_1muZnoWzFV3FrFE3IflVdb7rBi6Ke2sz0tvI8eg" />
    <input value="19519" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/make-up-kompakt-light-10-g-19520">
          <img alt="Make Up Kompakt light" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9977/file/small-e4a10c58275867da36ff5c7e2078cc2a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9977/file/medium-37ff04f10b798a3fe5d4fba99a26f78a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9977/file/large-e31ed5f5857c697ff03e7a5d62fb3d6d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9977/file/medium-37ff04f10b798a3fe5d4fba99a26f78a.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="/de/products/make-up-kompakt-light-10-g-19520">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Make Up Kompakt light, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PaUhABCGIYjmzg29uVsH5RSaPGi6pk75LL54hcvLyKP7MtXvidPsyU4WoP6uS1o14SYXpkLToUskBJJzwxF31w" />
    <input value="19520" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mascara-lift-length-black-9-3ml-1-stuck-19521">
          <img alt="Mascara Lift &amp; Length black 9.3ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10011/file/small-ea8fd9f7b331b4717b83fe3772a4e96c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10011/file/medium-32404f693632c0dbff66312cc2ce2f17.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10011/file/large-a73e5e99388fa67da2950eca31209134.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10011/file/medium-32404f693632c0dbff66312cc2ce2f17.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="/de/products/mascara-lift-length-black-9-3ml-1-stuck-19521">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mascara Lift &amp; Length black 9.3ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cixbXWPHOUqLCQCDTgU9MCu5RI2HHCe5fFjD5VCLWqS0u6-y-pL0CyPRrcBZFWDg3gVvQ39pyAt04ikTWFHl0A" />
    <input value="19521" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mascara-long-lasting-volume-black-10-ml-19522">
          <img alt="Mascara Long Lasting Volume black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10007/file/small-ed5716d861885aac800f26c224a74e0a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10007/file/medium-7d9b794c089aa449d3c1389c0fd63027.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10007/file/large-20b9ca8380d8a0e947455cf6b1784f36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10007/file/medium-7d9b794c089aa449d3c1389c0fd63027.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="/de/products/mascara-long-lasting-volume-black-10-ml-19522">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mascara Long Lasting Volume black, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fxJGu4nCaNtSQzvNNVF46HfkzUNTpCjV_vg-k0AOR8C5hbJUEJelmvqblo4iQSU4gljmjavRx2f2QtRlSNT4tA" />
    <input value="19522" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mascara-natural-curl-black-9-5ml-1-stuck-19523">
          <img alt="Mascara Natural Curl black 9.5ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10008/file/small-bf8de6c1355ec41bd611d2095b807195.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10008/file/medium-c6d163dab0531da63f861c8c044c480a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10008/file/large-5d5352b24b4398a216405304ea6d3395.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10008/file/medium-c6d163dab0531da63f861c8c044c480a.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="/de/products/mascara-natural-curl-black-9-5ml-1-stuck-19523">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mascara Natural Curl black 9.5ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZUm5DOzediaPYuqz4k5Xo1mNCK8m3KJpykvbv0PMVJGj3k3jdYu7Zye6R_D1XgpzrDEjYd6pTdvC8TFJSxbr5Q" />
    <input value="19523" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mascara-natural-curl-brown-9-5ml-1-stuck-19524">
          <img alt="Mascara Natural Curl brown 9.5ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10009/file/small-902bda9e01f7e02ca8af221c184ae5fd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10009/file/medium-828f71dfc1911e949e7744339e30853e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10009/file/large-825c7cfffd3dd74d5f0b2320fdd3dda3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10009/file/medium-828f71dfc1911e949e7744339e30853e.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="/de/products/mascara-natural-curl-brown-9-5ml-1-stuck-19524">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mascara Natural Curl brown 9.5ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K0nRnDVIcNoG4uMcdHI4_A867fPK9IJ62K-ZLmMgAlTt3iVzrB29m646Tl9jYmUs-obGPTKBbcjQFXPYa_q9IA" />
    <input value="19524" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/mascara-precision-care-black-10-ml-19525">
          <img alt="Mascara Precision &amp; Care black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10010/file/small-cbff226097745bf3726dd23a6fe38b98.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10010/file/medium-53c4eeaa9abe30288dfd17fbaba63023.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10010/file/large-290f054ac302669eeba889da9630d46e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10010/file/medium-53c4eeaa9abe30288dfd17fbaba63023.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="/de/products/mascara-precision-care-black-10-ml-19525">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mascara Precision &amp; Care black, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ohx-OlkHmYpJzrB_fGRgFq2o_xLPo96gCAlz32QS-Wtki4rVwFJUy-EWHTxrdD3GWBTU3DfWMRIAs5kpbMhGHw" />
    <input value="19525" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/puderlidschatten-beige-2-g-19538">
          <img alt="Puderlidschatten beige" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9961/file/small-3ab2439778bcfcf3f1de7435e4833cf3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9961/file/medium-7d0e9a385e5fb4b79fb51014d4b873de.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9961/file/large-6d0cc02b8c2861d5aca91b3232be150e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9961/file/medium-7d0e9a385e5fb4b79fb51014d4b873de.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="/de/products/puderlidschatten-beige-2-g-19538">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten beige, 2 g</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 1&#39;045.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qtCQukWHoPaDBhkYeHUTXHqlFu6FsBRTsih4W6VjpQBsR2RV3NJttyvetFtvZU6Mjxk9IH3F--G6kpKtrbkadA" />
    <input value="19538" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/puderlidschatten-blue-pearl-2-g-19539">
          <img alt="Puderlidschatten blue pearl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9954/file/small-578aa87a0fcb079a9c6887657ee610ef.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9954/file/medium-963e75a161e021ae36f1ba628b92680d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9954/file/large-8bafe8138eb382437be250d081eb8fad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9954/file/medium-963e75a161e021ae36f1ba628b92680d.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="/de/products/puderlidschatten-blue-pearl-2-g-19539">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten blue pearl, 2 g</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 1&#39;025.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0q1JcxLgPezNOGdvAF02JnpXlz_SC3S0hFTzEkJEaH0UOr2ci7XwrWXgyiwXTWv2j-u88Sp-mwaM7hnkSp7XCQ" />
    <input value="19539" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/puderlidschatten-dark-green-2-g-19540">
          <img alt="Puderlidschatten dark green" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9955/file/small-550d4e9c79cf5acd3e8594ca96171312.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9955/file/medium-44c9e78416a68b2f9b206a3ec55328c8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9955/file/large-179530b8757134b493d8d51ac9d152d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9955/file/medium-44c9e78416a68b2f9b206a3ec55328c8.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="/de/products/puderlidschatten-dark-green-2-g-19540">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten dark green, 2 g</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 1&#39;025.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OIUr-n8UyNWOquy9XDZc2ZRhsWjnwLyd3LkUWm8NQWT-Et8V5kEFlCZyQf5LJgEJYd2aph-1Uy_UA_6sZ9f-EA" />
    <input value="19540" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/puderlidschatten-golden-sand-2-g-19541">
          <img alt="Puderlidschatten golden sand" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9951/file/small-eff82d10f57f16eae5cdbcbd7cfea04d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9951/file/medium-88b17b2c514b488764449dc8111d11a9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9951/file/large-8e0d10e6aaddf6f5d279cd6ae8e2fc4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9951/file/medium-88b17b2c514b488764449dc8111d11a9.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="/de/products/puderlidschatten-golden-sand-2-g-19541">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten golden sand, 2 g</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 1&#39;025.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I49OEeYdBs1y6eZVSVFoUAY1ui8ydr_vnpDkf0ECxUPlGLr-f0jLjNoxSxZeQTWA84mR4coDUF2WKg6JSdh6Nw" />
    <input value="19541" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%2Fmake-up%3Fformat%3Dturbo_stream%26page%3D4">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/de/products/puderlidschatten-grey-blue-2-g-19542">
          <img alt="Puderlidschatten grey blue" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9953/file/small-e4a0e7b2b91ec8e9c3e252a8697d3d5a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9953/file/medium-47f580f82d07e0d621f4a71094cdd7ab.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9953/file/large-81f491849e2c2a427d420970feaf27ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9953/file/medium-47f580f82d07e0d621f4a71094cdd7ab.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="/de/products/puderlidschatten-grey-blue-2-g-19542">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten grey blue, 2 g</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 1&#39;025.00 / 100 g
            </p>
        </div>
      </div>

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

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

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      80 von 216 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/de/categories/naturkosmetik/make-up?format=turbo_stream&amp;page=5">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>