<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%2Fbonneville%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="S41vrcGA60rkAOTwWftQ9X5ToH27cUGsW97xnB-3iVCJxU5pnduDdTCIT-Km9CGR2WnQyTUIz_AOg_096dxetg" />
    <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%2Fbonneville%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="J9qmxUPN8reHbZfADMt2Ru8lvAFPZhcm01KypCnf37DlkocBH5aaiFPlPNLzxAciSB_MtcEfmXqGD74F37QIVg" />
    <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%2Fbonneville%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="4jiiOSNQxesmbnD12CEmflIllzHmdS9SSqp5joAkLoMgcIP9fwut1PLm2-cnLlca9R_nhWgMoQ4f93Uvdk_5ZQ" />
    <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%2Fbonneville%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="AWv2TEFFreF1YObXhAM8NDh-wFqHFHwCtjhRFu-yMTvDI9eIHR7F3qHoTcV7DE1Qn0Sw7glt8l7jZV23Gdnm3Q" />
    <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%2Fbonneville%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="SjUmJZz6TA82XZmcBCRMa8zZhCyqbJ8XSiVbEVeEfMaIfQfhwKEkMOLVMo77Kz0Pa-P0mCQVEUsfeFewoe-rIA" />
    <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%2Fbonneville%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="THcFwZlF09N56Hpe5vXdHvH9fbhNfGtgxFhh_0nsBnyOPyQFxR677K1g0UwZ-qx6VscNDMMF5TyRBW1ev4fRmg" />
    <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%2Fbonneville%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="ltF7OWlR3emB3dg6lRgt53662Dy5Edi5NaT3Hitr1y5UmVr9NQq11lVVcyhqF1yD2YCoiDdoVuVg-fu_3QAAyA" />
    <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%2Fbonneville%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="9LpWz-UuJeSt6NW2aI0e0AWXon9vRyh88sfcXqJpmGE28ncLuXVN23lgfqSXgm-0oq3Sy-E-piCnmtD_VAJPhw" />
    <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%2Fbonneville%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="qTHEaE-tQdPux_9M48eXx2I0I0ZRilfNaNvrgiJSutBreeWsE_Yp7DpPVF4cyOajxQ5T8t_z2ZE9hucj1DltNg" />
    <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%2Fbonneville%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="_z_OR-gYOdz1klQkKRkPtdpDMtGiUMBzD9D0i-vpzTI9d--DtENR4yEa_zbWFn7RfXlCZSwpTi9ajfgqHYIa1A" />
    <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%2Fbonneville%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="--68Ykg8tO8Fi3ZGt3sm9uwHRTW8J6H3HbHneX0R68c5pp2mFGfc0NED3VRIdFeSSz01gTJeL6tI7OvYi3o8IQ" />
    <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%2Fbonneville%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="2Lzl28BoFsYIZQayznwGAKo9_LoAjcmhMfyqVvnNWJsa9MQfnDN--dztraAxc3dkDQeMDo70R_1koab3D6aPfQ" />
    <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%2Fbonneville%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="SJmj13VStWxp5Y4UbcGyjGiGAglKSxUPPUSozncXYUiK0YITKQndU71tJQaSzsPoz7xyvcQym1NoGaRvgXy2rg" />
    <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%2Fbonneville%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="TRr8C7fUZRxk1SXRAVm_2tmXZIGgJivETKVEZCtBZE2PUt3P648NI7BdjsP-Vs6-fq0UNS5fpZgZ-EjF3Sqzqw" />
    <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%2Fbonneville%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="1WRJrGg8HRboLX9IlS9xLCX9GZ4z4GAIfreoc9rr368XLGhoNGd1KTyl1FpqIABIgsdpKr2Z7lQr6qTSLIAISQ" />
    <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%2Fbonneville%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="I3sFi7SEWe1dZA92BUgRZItrO6SV0LlqGygtm7ejoJXhMyRP6N8x0onspGT6R2AALFFLEBupNzZOdSE6Qch3cw" />
    <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%2Fbonneville%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="QfXVDcTyynmnO6mIMv012ewHEnKrZpzpQFRcSYTRKzSDvfTJmKmiRnOzAprN8kS9Sz1ixiUfErUVCVDocrr80g" />
    <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%2Fbonneville%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="rpXEch79TJI__rYPZqDl-CNRqrFjugN2pZ9khmzJ015s3eW2QqYkret2HR2Zr5SchGvaBe3DjSrwwmgnmqIEuA" />
    <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%2Fbonneville%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="FA04SFMnt3xaNJ9uQLoy2zciVAvD8AU1PUDtJuLHHbTWRRmMD3zfQ468NHy_tUO_kBgkv02Ji2loHeGHFKzKUg" />
    <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%2Fbonneville%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="u69xC_sN1ijCt6BijV_E105sXGk7LxhZa2Pja-Uxp0V551DPp1a-FxY_C3ByULWz6VYs3bVWlgU-Pu_KE1pwow" />
    <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/bonneville?format=turbo_stream&amp;page=93">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>