<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%2Fceres%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="uAv2R4ZgYK8kahTIBJuecrbLId6H7EUlHvcFO249Zph4CFQ5ArJX28qMNGdJv47XIEKliceitI0ZliVwGidzXw" />
    <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%2Fceres%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="sjZRTuLewq25Rs4_pPvguGfz4iEFSyAlQPAdy1d8HI5yNfMwZgz12Veg7pDp3_Ad8XpmdkUF0Y1HkT2AI2YJSQ" />
    <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%2Fceres%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="dUgDS4w8MPA1oHUBThG-u6CZUh01uaWmjRufTF5PAYi1S6E1CO4HhNtGVa4DNa4eNhDWSnX3VA6Ker8HKlUUTw" />
    <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%2Fceres%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="fXF9Z8LmLgETklOLGuMyncRgSSR2PE3StfG_EcoWDDC9ct8ZRjQZdf10cyRXxyI4UunNczZyvHqykJ9avgwZ9w" />
    <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%2Fceres%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="vvXA0NFrJyQxTl3yWVUmLUBCrUF1alFxTpTVCAp2cex-9mKuVbkQUN-ofV0UcTaI1sspFjUkoNlJ9fVDfmxkKw" />
    <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%2Fceres%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="ewBtXFumwzBcot8O7sLeYh3vaISp0NFEUdwmEl5oWmu7A88i33T0RLJE_6Gj5s7Hi2bs0-meIOxWvQZZKnJPrA" />
    <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%2Fceres%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="M2CGVJ26oB1PjoeGSy1tMisCrC3eYC-mo2f8k5P4j9HzYyQqGWiXaaFopykGCX2XvYsoep4u3g6kBtzY5-KaFg" />
    <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%2Fceres%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="xq6mazTtQzH2VMN7Evdvc9n6ZqGSZRoOdFhB_AJyLG4GrQQVsD90RRiy49Rf03_WT3Pi9tIr66ZzOWG3dmg5qQ" />
    <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%2Fceres%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="N0bHwXAE0bidSchonV5bufpwwtnPu2-1AG0aV4jttxj3RWW_9NbmzHOv6MfQekscbPlGjo_1nh0HDDoc_Pei3w" />
    <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%2Fceres%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="cnTmO2c4CYO6i-3Tm8rfvX7GKFDazWpgOSM7mUL13Heyd0RF4-o-91RtzXzW7s8Y6E-sB5qDm8g-QhvSNu_JsA" />
    <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%2Fceres%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="5d-Mu39MJaJHfA9sFtyXzx3RBuzXkVfCUhiI2nOAtEQl3C7F-54S1qmaL8Nb-Idqi1iCu5ffpmpVeaiRB5qhgw" />
    <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%2Fceres%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="cYga7Y3Xbaicdpg29SChf15Q_BJiRm3U5WIth3GgUyyxi7iTCQVa3HKQuJm4BLHayNl4RSIInHziAw3MBbpG6w" />
    <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%2Fceres%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="VSezMNQMCHZNu-gQYovUUKauc4YZqyHesbZlSpSr91aVJBFOUN4_AqNdyL8vr8T1MCf30Vnl0Ha210UB4LHikQ" />
    <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%2Fceres%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="3vi3FZGAKu_gD1rKdbLIyV5WVqCLUwpAHDzBYlk4viwe-xVrFVIdmw7pemU4lthsyN_S98sd--gbXeEpLSKr6w" />
    <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%2Fceres%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="2orBkkihY5IBJBXXr5z6aYE3olUyf1LSP4zLNvoVckAaiWPszHNU5u_CNXjiuOrMF74mAnIxo3o47et9jg9nhw" />
    <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%2Fceres%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="DBvluH5siTpvw9WLCzAT9aoKtiDZsHS8L-j2shUVgJPMGEfG-r6-ToEl9SRGFANQPIMyd5n-hRQoidb5YQ-VVA" />
    <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%2Fceres%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="2TI_tZrQbRUpBmuIrzH3iN5NPzPS1JyDS1dgrMaHx60ZMZ3LHgJaYcfgSyfiFectSMS7ZJKabStMNkDnsp3Sag" />
    <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%2Fceres%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="sYdXNCuNA78184cgHAx8YvDNK65CTVjb-nwp5kqcTx9xhPVKr180y9sVp49RKGzHZkSv-QIDqXP9HQmtPoZa2A" />
    <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%2Fceres%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="7Q_XkmEkmRJw0xaDnKgPDQ9Bt2UOYoTzvLUcfbyvS6wtDHXs5fauZp41NizRjB-omcgzMk4sdVu71Dw2yLVeaw" />
    <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%2Fceres%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="A6BQAoV0yvL7fNAfCIEBhg3Uw32bIoblSfyZ2-IbH4vDo_J8Aab9hhWa8LBFpREjm11HKttsd01OnbmQlgEKTA" />
    <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/ceres?format=turbo_stream&amp;page=96">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>