<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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lip-gloss-blossom-9-5-ml-19411">
          <img alt="Lip Gloss blossom" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9916/file/small-eb8942508e366bb30b93b7bf46961813.webp 600w, https://assets.fabulous.ch/public/variant_asset/9916/file/medium-075ea79ef15b935abc98e32fc1050fe5.webp 900w, https://assets.fabulous.ch/public/variant_asset/9916/file/large-85def5b24e0e739a4d1047ad769edadf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9916/file/medium-075ea79ef15b935abc98e32fc1050fe5.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/lip-gloss-blossom-9-5-ml-19411">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lip Gloss blossom, 9.5 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 272.63 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ngz4yaMbfyZv2hxulSn9dFzPCkqYtNcTX8dvhrJgUbYik67eq6VeE79lYMBKDh8TDvfUAd4hQGB7eGyXwGq3wA" />
    <input value="19411" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lip-gloss-dark-bronze-9-5-ml-19412">
          <img alt="Lip Gloss dark bronze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9915/file/small-5ff8c5518979c09100dafe174b6b48ea.webp 600w, https://assets.fabulous.ch/public/variant_asset/9915/file/medium-37d47aa67c940dcbeaf8a9ab7454dfc6.webp 900w, https://assets.fabulous.ch/public/variant_asset/9915/file/large-1ca27cd01dc9cfab6ede8f74320a8bc0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9915/file/medium-37d47aa67c940dcbeaf8a9ab7454dfc6.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/lip-gloss-dark-bronze-9-5-ml-19412">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lip Gloss dark bronze, 9.5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4sXqZk0iAih1TQHQFhKGa1ErDMHNK0CdXaBW1cBgUGX2WrxxRZwjHaXyfX7JNWQMAxPSiou-1-55H1XEsmq2Ew" />
    <input value="19412" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lip-gloss-dewy-rose-9-5-ml-19413">
          <img alt="Lip Gloss dewy rosé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9914/file/small-303a8c51925e9803c7f826a0c7f917b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/9914/file/medium-cd4cf54bee156d4d0f40d066c8e35dd0.webp 900w, https://assets.fabulous.ch/public/variant_asset/9914/file/large-db359c54f53356e05c792d26c70db777.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9914/file/medium-cd4cf54bee156d4d0f40d066c8e35dd0.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/lip-gloss-dewy-rose-9-5-ml-19413">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lip Gloss dewy rosé, 9.5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1wsk99q50NDHh9IuuOzrn_8AV3vM0cK8-nYpb4LYId_DlHLg0gfx5Rc4roBnywn4rTiJMIpEVc_eySp-8NLHqQ" />
    <input value="19413" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lip-gloss-glowy-peach-9-5-ml-19414">
          <img alt="Lip Gloss glowy peach" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9913/file/small-4f2fb891ba3f8d34d4a5360546cd4ef7.webp 600w, https://assets.fabulous.ch/public/variant_asset/9913/file/medium-a751b5f8669772d0e432f42e1aad4ddf.webp 900w, https://assets.fabulous.ch/public/variant_asset/9913/file/large-4a0d4d7e94029a462ead0bf38f81cefb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9913/file/medium-a751b5f8669772d0e432f42e1aad4ddf.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/lip-gloss-glowy-peach-9-5-ml-19414">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lip Gloss glowy peach, 9.5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jg-DhkEuOi3A3Z7zRkC-zyccDecNFLr2vgj0oIvpW8yakNWRSZAbGBBi4l2ZZ1yodSTTrEuBLYWat_ex-eO9ug" />
    <input value="19414" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lip-gloss-nude-9-5-ml-19415">
          <img alt="Lip Gloss nude" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9912/file/small-b928d6edf20aba9239a009aa86b218e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/9912/file/medium-e56be1b63680da41ac623b4d32407e8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/9912/file/large-daab81127e68182a94b8ed023ee1ac20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9912/file/medium-e56be1b63680da41ac623b4d32407e8c.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/lip-gloss-nude-9-5-ml-19415">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lip Gloss nude, 9.5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I77e_LNDsI6tO3-MCxb8TukDvXE0tP2NXZEylNwQQ-43IYjru_2Ru32EAyLUMR4puztjOnIhav55LjGFrhqlmA" />
    <input value="19415" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lip-gloss-red-9-5-ml-19416">
          <img alt="Lip Gloss red" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9911/file/small-63c699f5c27d014b49bbe8e7c5307ad7.webp 600w, https://assets.fabulous.ch/public/variant_asset/9911/file/medium-695962658cceb380ac4ba476f9d22616.webp 900w, https://assets.fabulous.ch/public/variant_asset/9911/file/large-d477289483b6264d2f3e53da7c4c9d76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9911/file/medium-695962658cceb380ac4ba476f9d22616.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/lip-gloss-red-9-5-ml-19416">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lip Gloss red, 9.5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6vmQr3oe9wNHQ785dbU6iKZmuZClzQ5D2auKsZFr58H-Zsa4cqDWNpf8w5eqktjv9F5n2-NYmTD9FImg42EBtw" />
    <input value="19416" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lip-gloss-ruby-9-5-ml-19417">
          <img alt="Lip Gloss ruby" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9910/file/small-68e6896a871f4b923ed7d1ba31a7c622.webp 600w, https://assets.fabulous.ch/public/variant_asset/9910/file/medium-93f6951a0062f86e077cb28232237c8d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9910/file/large-28393d60b635db3b9096d1b586c16b2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9910/file/medium-93f6951a0062f86e077cb28232237c8d.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/lip-gloss-ruby-9-5-ml-19417">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lip Gloss ruby, 9.5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KkPHzAMK7vhYklxxWD1vcTu9HLg4GIw5hAk2XdB1RP8-3JHbC7TPzYgtIN-HGo0WaYXC836NG0qgtjVMon-iiQ" />
    <input value="19417" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lip-stick-lsf20-4-8-g-19418">
          <img alt="Lip-Stick LSF20" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11013/file/small-dec6f0771b434f697c06c3361cd89d90.webp 600w, https://assets.fabulous.ch/public/variant_asset/11013/file/medium-6e0c1ab29d2be80588dcf014c8229940.webp 900w, https://assets.fabulous.ch/public/variant_asset/11013/file/large-db0d01bcb4a7b63c6747f73ed1fd7993.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11013/file/medium-6e0c1ab29d2be80588dcf014c8229940.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/lip-stick-lsf20-4-8-g-19418">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lip-Stick LSF20, 4.8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="52339yDYulyf4iEWrWkZ2lrFM96Ey0kLtv_PVK3Ditbz8qHgKGabaU9dXbhyTvu9CP3tlcJe3niSQMxF38lsoA" />
    <input value="19418" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lippenkonturenstift-berry-1-g-19419">
          <img alt="Lippenkonturenstift berry" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9908/file/small-cb730cc86967209516a86e9b6bafb070.webp 600w, https://assets.fabulous.ch/public/variant_asset/9908/file/medium-a894d75a84ceec69cd6bc3a0ff437d6f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9908/file/large-dbee2b1144caaf5cf135da4fac1d739f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9908/file/medium-a894d75a84ceec69cd6bc3a0ff437d6f.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/lippenkonturenstift-berry-1-g-19419">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lippenkonturenstift berry, 1 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 2&#39;050.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YVwBIMSGXYYe6WzgaksUUYm9zfeXefqsKHaLPbMZjtJ1w1c3zDh8s85WEE61bPY224UTvNHsbd8MyYgswRNopA" />
    <input value="19419" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lippenkonturenstift-coral-1-g-19420">
          <img alt="Lippenkonturenstift coral" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9909/file/small-a0df2eb0c91478a49b36cc62ed3254dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/9909/file/medium-abc42095839af660ca826847e10b9374.webp 900w, https://assets.fabulous.ch/public/variant_asset/9909/file/large-29f0ee9a458be8c45ec57ece3e625863.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9909/file/medium-abc42095839af660ca826847e10b9374.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/lippenkonturenstift-coral-1-g-19420">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lippenkonturenstift coral, 1 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 2&#39;050.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zu2q1A_DLl4SkHUUiSDJhqPol-lTbrNijNano5YwfTxycvzDB30Pa8IvCbpWByvh8dBJohX7JBGoaaSy5DqbSg" />
    <input value="19420" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lippenkonturenstift-mocha-1-g-19421">
          <img alt="Lippenkonturenstift mocha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9906/file/small-1229e05432fd7d3183e8e634d6e3b2ba.webp 600w, https://assets.fabulous.ch/public/variant_asset/9906/file/medium-6ef8a38c605f9f191f8c602c9fabeb77.webp 900w, https://assets.fabulous.ch/public/variant_asset/9906/file/large-90d5068f8b5ea63c83684e97012042a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9906/file/medium-6ef8a38c605f9f191f8c602c9fabeb77.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/lippenkonturenstift-mocha-1-g-19421">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lippenkonturenstift mocha, 1 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 2&#39;050.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ukaEn79ihelCeCcfYRDR_YX-UbABKvdldt9lSwdM5K2u2dKIt9yk3JLHW7G-NzOa18aP-0e_YBZSYGZadUYC2w" />
    <input value="19421" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lippenkonturenstift-nude-1-g-19422">
          <img alt="Lippenkonturenstift nude" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9907/file/small-82304661efc13ba9537f436fa9c6a770.webp 600w, https://assets.fabulous.ch/public/variant_asset/9907/file/medium-5e8e228925e5a91ecd2eee48887614c0.webp 900w, https://assets.fabulous.ch/public/variant_asset/9907/file/large-98ddaa899429d24e0eecd58c94715528.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9907/file/medium-5e8e228925e5a91ecd2eee48887614c0.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/lippenkonturenstift-nude-1-g-19422">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lippenkonturenstift nude, 1 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 2&#39;050.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YKwwUanm-6sPXvpmUNEXnd5jwWwFMZNVMQiq7FsYVJp0M2ZGoVjant_hhsiP9vX6jFsfJ0OkBCYVt6n9KRKy7A" />
    <input value="19422" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lippenkonturenstift-red-1-g-19423">
          <img alt="Lippenkonturenstift red" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9905/file/small-dcdbc3874eb1a78b25322c085c7a3b8e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9905/file/medium-0a19079932236317f2cbb6b40cd47bfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/9905/file/large-b028c0f932f5639e1c1f4897e9d9c70f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9905/file/medium-0a19079932236317f2cbb6b40cd47bfc.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/lippenkonturenstift-red-1-g-19423">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lippenkonturenstift red, 1 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 2&#39;050.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_x0EujpHM4KWrcUCLgzctBux12rpghGARwAQZljXtnfrglKtMvkSt0YSuazxKz7TSYkJIa8XhvNjvxN3Kt1QAQ" />
    <input value="19423" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lippenkonturenstift-rose-1-g-19424">
          <img alt="Lippenkonturenstift rosé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9904/file/small-73510b497c2c6505970bb46a8241567d.webp 600w, https://assets.fabulous.ch/public/variant_asset/9904/file/medium-45093a357ad63e802dc1eee368e5b99f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9904/file/large-264d4ccff1f16b7d6713c6b5cb702e2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9904/file/medium-45093a357ad63e802dc1eee368e5b99f.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/lippenkonturenstift-rose-1-g-19424">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lippenkonturenstift rosé, 1 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 2&#39;050.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U_Ea-Vd15SQjR4wXR_Dzcmr3jEwi_yjbPHiuvIqBGT9HbkzuX8vEEfP48LmY1xEVOM9SB2Rqv6gYx62t-Iv_SQ" />
    <input value="19424" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lippenkonturenstift-rosewood-1-g-19425">
          <img alt="Lippenkonturenstift rosewood" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9903/file/small-ec4bb5cfe16d7ef2724aedb617bd7d4b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9903/file/medium-fffa7ccdc0748e367fa465ca6b8acdd3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9903/file/large-1fb7526e5d9048c6e0870d69ac68194b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9903/file/medium-fffa7ccdc0748e367fa465ca6b8acdd3.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/lippenkonturenstift-rosewood-1-g-19425">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lippenkonturenstift rosewood, 1 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 2&#39;050.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YL8Lx0HdWptaPV2rPmODmiblaRYAGx0sviWdP7aOoMt0IF3QSWN7roqCIQXhRGH9dN23XUaOil-amp4uxIRGvQ" />
    <input value="19425" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lippenstift-burgundy-4-2-g-19426">
          <img alt="Lippenstift burgundy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9902/file/small-45ce449f34abda9a64a1272e14a55380.webp 600w, https://assets.fabulous.ch/public/variant_asset/9902/file/medium-3b4177f1464f5f768054f3ee72a3686e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9902/file/large-16e09a4fadd5901a45a97a2c249826d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9902/file/medium-3b4177f1464f5f768054f3ee72a3686e.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/lippenstift-burgundy-4-2-g-19426">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lippenstift burgundy, 4.2 g</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 616.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="atFdN8dKH18I-uVlS_I5r6dtrMkqgZvx3LWIOEND_-l-Tgsgz_Q-athFmcuU1dvI9VVygmwUDIL4CospMUkZnw" />
    <input value="19426" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lippenstift-cassis-4-2-g-19427">
          <img alt="Lippenstift cassis" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9901/file/small-68b1286638da876071c43367f16796d3.webp 600w, https://assets.fabulous.ch/public/variant_asset/9901/file/medium-481553df5c64d5443eff92db867f1baf.webp 900w, https://assets.fabulous.ch/public/variant_asset/9901/file/large-9d701760c7c4e8b3f6f1e15192e772a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9901/file/medium-481553df5c64d5443eff92db867f1baf.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/lippenstift-cassis-4-2-g-19427">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lippenstift cassis, 4.2 g</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 616.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-0g-IhNiYRs_N0Xn5r8ErxiPHlOMnYBv9R_v6fFxxBnv12g1G9xALu-IOUk5mObISrfAGMoIFxzRoOz4g3sibw" />
    <input value="19427" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lippenstift-dewy-rose-4-2-g-19428">
          <img alt="Lippenstift dewy rosé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9900/file/small-2bf2d942fe950e2b7f69721d4e915da6.webp 600w, https://assets.fabulous.ch/public/variant_asset/9900/file/medium-fdfdae27c3d1cf34a328e6535d0002f7.webp 900w, https://assets.fabulous.ch/public/variant_asset/9900/file/large-40c08a6faa43bb98f46a5beb965d7703.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9900/file/medium-fdfdae27c3d1cf34a328e6535d0002f7.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/lippenstift-dewy-rose-4-2-g-19428">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lippenstift dewy rosé, 4.2 g</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 616.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7T_RFVYyd1t1a2-hPIiSuK4kzSBv4RzcKx2npV-QADT5oIcCXoxWbqXUEw_jr3Df_BwTayl0i68PoqS0LZrmQg" />
    <input value="19428" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lippenstift-hot-pink-4-2-g-19429">
          <img alt="Lippenstift hot pink" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9899/file/small-347ecb05266ec5553d7c742cbb1894d3.webp 600w, https://assets.fabulous.ch/public/variant_asset/9899/file/medium-279fea7d43c8a8df81f12aef363fa87e.webp 900w, https://assets.fabulous.ch/public/variant_asset/9899/file/large-b510dd03e49de16ebcac69b247eba796.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9899/file/medium-279fea7d43c8a8df81f12aef363fa87e.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/lippenstift-hot-pink-4-2-g-19429">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lippenstift hot pink, 4.2 g</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 616.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mqN9TF6aQiDizL74ddezI_hITO7WFz780dZ_fle0aMSOPCtbViRjFTJzwlaq8FFEqnCSpZCCqY_1aXxvJb6Osg" />
    <input value="19429" 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=%2Fproducts%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lippenstift-ice-rose-4-2-g-19430">
          <img alt="Lippenstift ice rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9898/file/small-e942e39f6ed61737c6a0a9a6d5263f84.webp 600w, https://assets.fabulous.ch/public/variant_asset/9898/file/medium-7fa12bd594ba55cb8199edfab2a0b9c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/9898/file/large-184343030369bb830786383e00302ad9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9898/file/medium-7fa12bd594ba55cb8199edfab2a0b9c8.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/lippenstift-ice-rose-4-2-g-19430">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lippenstift ice rose, 4.2 g</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 616.67 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uZR3PnA4-WRfMhzZN6GpdiyYOqicwIPvWgtIqnGdxRatCyEpeIbYUY-NYHfohksRfqDk49pVFJx-tEu7A5cjYA" />
    <input value="19430" 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">
      1&#39;980 von 2&#39;539 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/products?format=turbo_stream&amp;page=100">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>