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

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D92">
    <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/kajalstift-graphite-1-g-19401">
          <img alt="Kajalstift graphite" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9921/file/small-9eda1989d13576f33481ca29e885127b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9921/file/medium-2e94a5603767db41528c9da25de1edf8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9921/file/large-fa3f512f240224e928f22de49046e721.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9921/file/medium-2e94a5603767db41528c9da25de1edf8.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/kajalstift-graphite-1-g-19401">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kajalstift graphite, 1 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 2&#39;090.00 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D92">
    <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/kajalstift-marine-blue-1-g-19402">
          <img alt="Kajalstift marine blue" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9920/file/small-81ca95d57bd7704127421cc5f11fc9c7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9920/file/medium-891b13abda0c7667df14fe4f6949a9da.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9920/file/large-f542120ddc1b696c485a11ceab317f17.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9920/file/medium-891b13abda0c7667df14fe4f6949a9da.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/kajalstift-marine-blue-1-g-19402">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kajalstift marine blue, 1 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 2&#39;090.00 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D92">
    <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/kajalstift-violet-black-1-g-19403">
          <img alt="Kajalstift violet black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9919/file/small-eb6901d597b7c9a5af0d98e445e97651.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9919/file/medium-4b5b2173219ec34066d7ce82a0c366e7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9919/file/large-9a793ad25aee23befee314d51e32553d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9919/file/medium-4b5b2173219ec34066d7ce82a0c366e7.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/kajalstift-violet-black-1-g-19403">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kajalstift violet black, 1 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 2&#39;090.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2VNjfB4xfGV4US-a97qN5YOmzTv02v_m7oEncE4y24O33pxKP7ALCktTSFibrbQPu2WmVFHKP2jgpRS-sf94SA" />
    <input value="19403" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D92">
    <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/kompaktpuder-beige-9-g-19404">
          <img alt="Kompaktpuder beige" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9918/file/small-6d783ba4d937c9bb7fbc5fbde3328bd9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9918/file/medium-e2f675531f8dd71df883ce4876894a03.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9918/file/large-b5a38c5b2adc44b104ef049cace75823.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9918/file/medium-e2f675531f8dd71df883ce4876894a03.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/kompaktpuder-beige-9-g-19404">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kompaktpuder beige, 9 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.00
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D92">
    <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/kompaktpuder-light-9-g-19405">
          <img alt="Kompaktpuder light" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9917/file/small-8997bb6e11411c4c2cd86d56cafbd2c7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9917/file/medium-094d0529b64c84f5c39d223989102549.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9917/file/large-123b520172af5e007f21118d1b89ccbb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9917/file/medium-094d0529b64c84f5c39d223989102549.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/kompaktpuder-light-9-g-19405">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kompaktpuder light, 9 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.00
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D92">
    <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/kosmetik-schwammchen-2-stuck-19406">
          <img alt="Kosmetik Schwämmchen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11013/file/small-7b00451b4914fbdf0dcc9ca23bd9c4c1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11013/file/medium-eb4087737309b103bf18ee8400f0719a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11013/file/large-1e7d7584f35a2cd28e8a4b114ff8383d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11013/file/medium-eb4087737309b103bf18ee8400f0719a.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/kosmetik-schwammchen-2-stuck-19406">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kosmetik Schwämmchen, 2 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.40
            </p>

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

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

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D92">
    <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-19407">
          <img alt="Lip Gloss blossom" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9911/file/small-f70d9f93177bfba01fd19d96ece53ef8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9911/file/medium-1735ba34edef23ca603de76cef00fcdf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9911/file/large-21762fcab5bdec376190d84469d70630.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9911/file/medium-1735ba34edef23ca603de76cef00fcdf.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-19407">
            <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-19407-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D92">
    <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-19408">
          <img alt="Lip Gloss dark bronze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9910/file/small-5bd944987dcedfcafea20c4df572fd55.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9910/file/medium-ca3d82f3ba50821d99ad22e1b5319b67.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9910/file/large-c340da1ce9db60a5617186df8e842866.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9910/file/medium-ca3d82f3ba50821d99ad22e1b5319b67.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-19408">
            <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-19408-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D92">
    <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-19409">
          <img alt="Lip Gloss dewy rosé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9909/file/small-aaecc2e0fde7581bfad9d1204bd946bc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9909/file/medium-d59b596254ee411ae031971151622070.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9909/file/large-d64e6cfd6d70e986e6fc25b62debc9ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9909/file/medium-d59b596254ee411ae031971151622070.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-19409">
            <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-19409-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D92">
    <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-19410">
          <img alt="Lip Gloss glowy peach" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9908/file/small-7013fe41766c68a16c9f053ca6359b5c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9908/file/medium-9d85a3aee2fb4e846f1e2a145d691dea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9908/file/large-1bae0974eb7e4f9c6534f4071d64842a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9908/file/medium-9d85a3aee2fb4e846f1e2a145d691dea.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-19410">
            <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-19410-card">
        

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

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D92">
    <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-19411">
          <img alt="Lip Gloss nude" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9907/file/small-6c9b52427fb19e5f5443640c21693b84.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9907/file/medium-1c513a579bb2d0b44b236abc3d728188.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9907/file/large-753c12c061296de11470fd18059d2da0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9907/file/medium-1c513a579bb2d0b44b236abc3d728188.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-19411">
            <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-19411-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JHXTDsIiW7iKP_SDhYtEjgPp4KiQkKcr0hOtg8K4-eVK-Cw446Ms17k9k0HpnH1kOyqLxzWAZ6XcN55NPXVaLg" />
    <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=%2Fcategories%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D92">
    <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-19412">
          <img alt="Lip Gloss red" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9906/file/small-7e8ded3e2144b19106e840a6e3d3c2d7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9906/file/medium-d9b19251515bced84595fdd0f236a4d1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9906/file/large-088f8e28e1a877f5fc5a6647f7f59f0a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9906/file/medium-d9b19251515bced84595fdd0f236a4d1.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-19412">
            <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-19412-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8B1TA8EeIdu0nrmnugtu1RgkBfxbAudZq1Jf_QGBhEmekKw14J9WtIec3mXWHFc_IOduk_4SJ9eldmwz_kwngg" />
    <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=%2Fcategories%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D92">
    <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-19413">
          <img alt="Lip Gloss ruby" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9905/file/small-904b9e23d533396167b05a3819608e76.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9905/file/medium-5b5a6fd112ad10943ed89e8df6cc0e02.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9905/file/large-608d788b90e729f4b08fee80f3f2a4d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9905/file/medium-5b5a6fd112ad10943ed89e8df6cc0e02.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-19413">
            <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-19413-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cNSoOoH_DVRPNAOfUbXd230IKF6wN1muuRRXuHvHHTseWVcMoH56O3w2ZF09ouQxRctDMRUnmSC3MGR2hAq-8A" />
    <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=%2Fcategories%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D92">
    <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-19414">
          <img alt="Lip-Stick LSF20" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11014/file/small-7414a8c275120bee8c51e18848576420.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11014/file/medium-f2d3a74d449b34c6f7e0eebe3b05aaae.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11014/file/large-2d4b5bcf95571caa2cc30b630719d027.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11014/file/medium-f2d3a74d449b34c6f7e0eebe3b05aaae.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-19414">
            <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-19414-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j1P3NWNFDItnDF6c9kvJ459QUboILjSOENyvm9-UIO3h3ggDQsR75FQOOV6aXPAJp5M61a0-9AAe-JxVIFmDJg" />
    <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=%2Fcategories%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D92">
    <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-19415">
          <img alt="Lippenkonturenstift berry" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9903/file/small-f3224bbf86d630d7ec99071bb37df65a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9903/file/medium-828c6ba8c03a3b69992b73db54ae1ab7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9903/file/large-2e6193e1c2b1a5496e42a92f27066b6f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9903/file/medium-828c6ba8c03a3b69992b73db54ae1ab7.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-19415">
            <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-19415-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b2Xo6GhyCMIMcXt_27BQnZdeIkCHJ9IbYqbnfp5KLnkB6BfeSfN_rT9zHL23p2l3r51JLyI3EpVsgtSwYYeNsg" />
    <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=%2Fcategories%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D92">
    <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-19416">
          <img alt="Lippenkonturenstift coral" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9904/file/small-af45ca9e1888626e0535d7b60902eef3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9904/file/medium-77474078449e27570bc1d840c87a9459.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9904/file/large-4fd4e52bf2e0fde1467896a87848205b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9904/file/medium-77474078449e27570bc1d840c87a9459.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-19416">
            <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-19416-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5UJckdHu5m_-QGRNHVmg4rSbdO93sW26tlfGQMePzZOLz6On8G-RAM1CA49xTpkIjFgfgNKhrTS4c_WOOEJuWA" />
    <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=%2Fcategories%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D92">
    <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-19417">
          <img alt="Lippenkonturenstift mocha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9901/file/small-5c033c6f5696fe9e381b908713475240.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9901/file/medium-2e5d8e8ea8ce3d4c43e04b3d4276f90f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9901/file/large-68c69aa11f02c241f8b8cba1fd90503b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9901/file/medium-2e5d8e8ea8ce3d4c43e04b3d4276f90f.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-19417">
            <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-19417-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Knn-MYhS4k521VYT3JjAMrVzKEEtM1dRqsqvWJmPgBxE9AEHqdOVIUXXMdGwj_nYjbBDLogjl9-k7pyWZkIj1w" />
    <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=%2Fcategories%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D92">
    <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-19418">
          <img alt="Lippenkonturenstift nude" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9902/file/small-1bbb2d409cad346309da7910906fc461.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9902/file/medium-0149e9360c7d85b08d30f4263ecf52d0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9902/file/large-a513d1342e95e55ea2dffc23bbed8f2b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9902/file/medium-0149e9360c7d85b08d30f4263ecf52d0.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-19418">
            <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-19418-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="obpmDvSq79CHgryGXOP7kksuL6zSt1CVmnFOgFNj7VbPN5k41SuYv7SA20Qw9MJ4c-1Ew3enkBuUVX1OrK5OnQ" />
    <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=%2Fcategories%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D92">
    <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-19419">
          <img alt="Lippenkonturenstift red" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9900/file/small-1fece3d5ea22aeb2d2316e2c298dfca2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9900/file/medium-d8706e04f9ff20174aaebee2ea28e564.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9900/file/large-18281265aae9e48b3099e504b1faf789.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9900/file/medium-d8706e04f9ff20174aaebee2ea28e564.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-19419">
            <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-19419-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fe25UQwC-_J6ffU-A07mu33ktl8PBXb8-RXtnfRKYtkTYEZnLYOMnUl_kvxvWd9RRSfdMKoVtnL3Md5TC4fBEg" />
    <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=%2Fcategories%2Froo-bar%3Fformat%3Dturbo_stream%26page%3D92">
    <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-19420">
          <img alt="Lippenkonturenstift rosé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9899/file/small-21ce7aa08786bf4eef7df970a5d2fa85.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9899/file/medium-1fe21170769a721edee31c68e7607635.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9899/file/large-304bbc329d094fe87ad5195818fb3774.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9899/file/medium-1fe21170769a721edee31c68e7607635.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-19420">
            <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-19420-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PlYFlR_GJ604-jsW7w8MeyDCEIfzxtfty9ewVoLIVpVQ2_qjPkdQwgv4XNSDGDWRGAF76FbWF2PF84OYfQX1Xg" />
    <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>



</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;840 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/roo-bar?format=turbo_stream&amp;page=93">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>