<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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D95">
    <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/mischhaut-gesichtstonic-150-ml-19461">
          <img alt="Mischhaut Gesichtstonic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9348/file/small-d1dd29cb85a2f81f3a9905ac7b78f340.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9348/file/medium-06f14b0d95edaa8197e893084f3ec012.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9348/file/large-b0cc4ba00c5facd08e9341194937c34f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9348/file/medium-06f14b0d95edaa8197e893084f3ec012.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/mischhaut-gesichtstonic-150-ml-19461">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mischhaut Gesichtstonic, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="84zlhAcHuM2JU0WDbP4SEPjtQI-i9AUDxU_t0ii9K82-lvT2LaCtA650VrWaG5WF7zGoWLJAHQyq9-UO8YiIEg" />
    <input value="19461" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D95">
    <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/mischhaut-nachtcreme-50-ml-19462">
          <img alt="Mischhaut Nachtcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11015/file/small-b3185787620d2f4bf9fc7e5065e7e5d0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11015/file/medium-766a08938c71e4554cd9c7291a84d2c9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11015/file/large-17f198fa6d2e577015ff4a21265d5da2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11015/file/medium-766a08938c71e4554cd9c7291a84d2c9.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/mischhaut-nachtcreme-50-ml-19462">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mischhaut Nachtcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zPh2_FmUg4PbxFq5cUxtH-Tb-xgFVlt-Ww0jxtQSm3KB4meOczOWTfzjSY-HqeqK8wcTzxXiQ3E0tSsaDSc4rQ" />
    <input value="19462" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D95">
    <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/mischhaut-reinigungsgel-150-ml-19463">
          <img alt="Mischhaut Reinigungsgel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11016/file/small-96f661daf278cfc951c836fa328f9fff.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11016/file/medium-16722fba7b091f93d6ad11e78b03c298.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11016/file/large-e29363daf7f81acd60797797b1f9ceea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11016/file/medium-16722fba7b091f93d6ad11e78b03c298.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/mischhaut-reinigungsgel-150-ml-19463">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mischhaut Reinigungsgel, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="39NRdKX9WpUJUXNlFn-zity-HQIvXRU25p3tHhmewW-SyUAGj1pPWy52YFPgmjQfy2L11T_pDTmJJeXCwKtisA" />
    <input value="19463" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200  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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D95">
    <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/mischhaut-tagesfluid-75-ml-19464">
          <img alt="Mischhaut Tagesfluid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9865/file/small-d5483de9622c1507156e12159b187fc9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9865/file/medium-91057d0894450eb7d9ef7896456ef506.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9865/file/large-9411a3e9c3ccf4ca7a7ab266a6d3f513.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9865/file/medium-91057d0894450eb7d9ef7896456ef506.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/mischhaut-tagesfluid-75-ml-19464">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mischhaut Tagesfluid, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D95">
    <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/natuperfect-50-ml-19465">
          <img alt="NatuPerfect" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9868/file/small-72e2c130c8f398fc455dde02a231aea6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9868/file/medium-eb5347782c1478b16c802dfef83e81f8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9868/file/large-1de169fe9280e952d9ef179a8b319528.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9868/file/medium-eb5347782c1478b16c802dfef83e81f8.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/natuperfect-50-ml-19465">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">NatuPerfect, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 56.00
            </p>

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

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

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

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


  

  <div 
       class="border-gray-200  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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D95">
    <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/puderlidschatten-beige-2-g-19466">
          <img alt="Puderlidschatten beige" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9866/file/small-bfa351515ae13102df0870fb01c5189a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9866/file/medium-20f3414afe1495839f71dcbb247b57f3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9866/file/large-23c46831723e65f53bafb065c07f2153.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9866/file/medium-20f3414afe1495839f71dcbb247b57f3.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/puderlidschatten-beige-2-g-19466">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten beige, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;045.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LuaXP33XZNDotbP0B9hdIFlnvoBzcoafz8mOG-30vplj_IZNV3BxHs-SoMLxPdq1TrtWV2PGnpCgcYbHNMEdRg" />
    <input value="19466" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D95">
    <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/puderlidschatten-blue-pearl-2-g-19467">
          <img alt="Puderlidschatten blue pearl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9860/file/small-7b7a81a0af2364144304e8cc2b707409.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9860/file/medium-be4a1e2bddc4c4b47723061e8b1ec9e9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9860/file/large-c4e9d57d657026753494acf678664827.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9860/file/medium-be4a1e2bddc4c4b47723061e8b1ec9e9.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/puderlidschatten-blue-pearl-2-g-19467">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten blue pearl, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;025.00 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

  <div 
       class="border-gray-200  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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D95">
    <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/puderlidschatten-dark-green-2-g-19468">
          <img alt="Puderlidschatten dark green" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9859/file/small-33c092f39c4048ae071cc0f5d9456c61.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9859/file/medium-a5a8146278117f81e8d0f7e642c54908.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9859/file/large-1bb4eccd76cda52a6afe9d668f085e11.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9859/file/medium-a5a8146278117f81e8d0f7e642c54908.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/puderlidschatten-dark-green-2-g-19468">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten dark green, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;025.00 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

  <div 
       class="border-gray-200 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D95">
    <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/puderlidschatten-golden-sand-2-g-19469">
          <img alt="Puderlidschatten golden sand" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9857/file/small-1197ae5ab3cec6bddca361ed6b1211d7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9857/file/medium-a92ba302caeef48dfdc30427551eb854.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9857/file/large-45b844ff55bbb63bdc1a5dc6a848b2a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9857/file/medium-a92ba302caeef48dfdc30427551eb854.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/puderlidschatten-golden-sand-2-g-19469">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten golden sand, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;025.00 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

  <div 
       class="border-gray-200  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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D95">
    <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/puderlidschatten-grey-blue-2-g-19470">
          <img alt="Puderlidschatten grey blue" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9858/file/small-e26ce86a83408843672bc64b26f814b4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9858/file/medium-beacebd1abf437d9a0e1c67511c8cda8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9858/file/large-03285109d0d2e44691df715c652f63a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9858/file/medium-beacebd1abf437d9a0e1c67511c8cda8.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/puderlidschatten-grey-blue-2-g-19470">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten grey blue, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;025.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-lag_pRsw2-0vVictp6EXWVWcjGm5zBZ_ARLeEKtXSK3TLGMvsvWoZOaS6pAewPIcoqa5rZTKFaTvEOkm5j-_Q" />
    <input value="19470" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div 
       class="border-gray-200 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D95">
    <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/puderlidschatten-light-rose-2-g-19471">
          <img alt="Puderlidschatten light rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9855/file/small-62d53a29a9135c3f345faa97f999f25a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9855/file/medium-c97df787533cbd81d42bfba307fc7613.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9855/file/large-e356277eb1ee374e4bfc3f13e502150b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9855/file/medium-c97df787533cbd81d42bfba307fc7613.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/puderlidschatten-light-rose-2-g-19471">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten light rose, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;025.00 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

  <div 
       class="border-gray-200  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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D95">
    <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/puderlidschatten-matt-graphite-2-g-19472">
          <img alt="Puderlidschatten matt graphite" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9856/file/small-b9e39ad26eae92e93eed53c285ea7d97.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9856/file/medium-6837fb2e1677274d240b22f97c0bb096.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9856/file/large-e7cd69530c7694a65a94864093c5dd2d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9856/file/medium-6837fb2e1677274d240b22f97c0bb096.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/puderlidschatten-matt-graphite-2-g-19472">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten matt graphite, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;025.00 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

  <div 
       class="border-gray-200 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D95">
    <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/puderlidschatten-matt-ivory-2-g-19473">
          <img alt="Puderlidschatten matt ivory" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9854/file/small-8890ecc8bb0bf63ab15e9286e9412a2a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9854/file/medium-dc5d0af37ff67ac27b33683db2689e28.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9854/file/large-3bc4893d50542645be47ae0094a3053b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9854/file/medium-dc5d0af37ff67ac27b33683db2689e28.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/puderlidschatten-matt-ivory-2-g-19473">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten matt ivory, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;025.00 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

  <div 
       class="border-gray-200  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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D95">
    <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/puderlidschatten-matt-rose-2-g-19474">
          <img alt="Puderlidschatten matt rosé" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9853/file/small-45c40ce0f9cd6869e7a5e7493a89df09.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9853/file/medium-65d61fb4a1a28e2d36dc0b64ea48e99b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9853/file/large-7c31be6deff7b03c105513c796544cf5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9853/file/medium-65d61fb4a1a28e2d36dc0b64ea48e99b.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/puderlidschatten-matt-rose-2-g-19474">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten matt rosé, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;025.00 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

  <div 
       class="border-gray-200 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D95">
    <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/puderlidschatten-matt-truffle-plum-2-g-19475">
          <img alt="Puderlidschatten matt truffle plum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9852/file/small-e0a2f6e34213b7ba6d932f23c3ce7667.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9852/file/medium-bca8d839acb1389cf69c510fd0dc2518.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9852/file/large-6c581fdf6c56c4f063b1f8af3b27a85e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9852/file/medium-bca8d839acb1389cf69c510fd0dc2518.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/puderlidschatten-matt-truffle-plum-2-g-19475">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten matt truffle plum, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;025.00 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

  <div 
       class="border-gray-200  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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D95">
    <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/puderlidschatten-mocha-2-g-19476">
          <img alt="Puderlidschatten mocha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9851/file/small-49a92dbef28eb6f89b8f2ca2329bb41b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9851/file/medium-62b3558b09c900e7032f5a083a390205.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9851/file/large-c90d23d7e80999ebac522c4559841bb5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9851/file/medium-62b3558b09c900e7032f5a083a390205.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/puderlidschatten-mocha-2-g-19476">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten mocha, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;045.00 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

  <div 
       class="border-gray-200 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D95">
    <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/puderlidschatten-rosy-glow-2-g-19477">
          <img alt="Puderlidschatten rosy glow" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9850/file/small-aedecdbaf3c4af8bd5df85b439606702.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9850/file/medium-5d5328057930116a01617e923f770689.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9850/file/large-031179322f241aece274a4e66dcb0306.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9850/file/medium-5d5328057930116a01617e923f770689.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/puderlidschatten-rosy-glow-2-g-19477">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten rosy glow, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;045.00 / 100 g
            </p>
        </div>
      </div>

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

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

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


  

  <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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D95">
    <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/puderlidschatten-taupe-delight-2-g-19478">
          <img alt="Puderlidschatten taupe delight" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9849/file/small-9c0c3d5805465a16ce0192256501fa14.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9849/file/medium-dccf27bca5fd161ec431e2e00bbf6651.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9849/file/large-73fd80742def5a53674858e8df26bfcc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9849/file/medium-dccf27bca5fd161ec431e2e00bbf6651.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/puderlidschatten-taupe-delight-2-g-19478">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderlidschatten taupe delight, 2 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;025.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8XcOEVG3waO0mV9qj5W4mLL7XpeJe8Kz_IXpKSmxquC8bR9jexDUbZO-TFx5cD8NpSe2QJnP2ryTPeH18IQJPw" />
    <input value="19478" 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D95">
    <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/puderrouge-coral-glow-5-g-19479">
          <img alt="Puderrouge coral glow" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9848/file/small-0a99d2f99dc4c9933edba10d5458d921.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9848/file/medium-f7ec6dd84858dff407c30cb4a8771593.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9848/file/large-78e80464251b69484fe80d99c5de6428.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9848/file/medium-f7ec6dd84858dff407c30cb4a8771593.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/puderrouge-coral-glow-5-g-19479">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderrouge coral glow, 5 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 580.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PwqzbRzjzWUp_ZIUbzpWYM22hIihGfxKyGz9rp6nW8xyEKIfNkTYqw7agSKZ39H12mpsX7Gt5EWn1PVyR5L4Ew" />
    <input value="19479" 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%2Flovechock%3Fformat%3Dturbo_stream%26page%3D95">
    <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/puderrouge-glowy-peach-5-g-19480">
          <img alt="Puderrouge 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/9847/file/small-fb4d487f4e27c9e1f6744fa36f47e142.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9847/file/medium-eff48898b3cefb7380668a2d1888d859.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9847/file/large-7ff3c691f3bc6ef26e65ad07270551c3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9847/file/medium-eff48898b3cefb7380668a2d1888d859.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/puderrouge-glowy-peach-5-g-19480">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderrouge glowy peach, 5 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 580.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RnaZlkKWA75VmyIzODMdBaTPlQ-sLpBFhh7gWXN-pRoLbIjkaDEWcHK8MQXO1pqQsxN92LyaiErppuiFqksGxQ" />
    <input value="19480" 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;900 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/lovechock?format=turbo_stream&amp;page=96">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>