<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%2Fallos%3Fformat%3Dturbo_stream%26page%3D96">
    <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-raspberry-delight-5-g-19481">
          <img alt="Puderrouge raspberry delight" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9846/file/small-8f28a8db2fb16a5e6f33ffa7bc58aad1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9846/file/medium-1f08230198a078c9c8ebf3975cd736c4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9846/file/large-eed616d607d902c8086e4c27b8e81d1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9846/file/medium-1f08230198a078c9c8ebf3975cd736c4.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-raspberry-delight-5-g-19481">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderrouge raspberry delight, 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-19481-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z5YtkXGGbFvg6EsmRv90sbD3qtike1Or8j3xb8uZAFZzcvGW9ib_i05D9WXmEfpizUqeJCm9vHDN0uJeiHP_1A" />
    <input value="19481" 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%2Fallos%3Fformat%3Dturbo_stream%26page%3D96">
    <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-rose-flush-5-g-19482">
          <img alt="Puderrouge rose flush" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9845/file/small-6fef2446aaea2423f1fda8a54ea21397.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9845/file/medium-0bb2e92b60c92a1cc1a8f7d7c478b19b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9845/file/large-a6f86576f0827bea35f84d122f2e58bd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9845/file/medium-0bb2e92b60c92a1cc1a8f7d7c478b19b.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-rose-flush-5-g-19482">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Puderrouge rose flush, 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-19482-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NCaV5xEgnf8PjKdyqCVSKMK8pwqyLSOuG1ceVz2_bSogwkngloAOL6EnGTEIy9z7vwGT9j_rzHUkuA1mflWSqA" />
    <input value="19482" 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%2Fallos%3Fformat%3Dturbo_stream%26page%3D96">
    <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/purifying-care-anti-pickel-roll-on-10-ml-19483">
          <img alt="Purifying Care Anti-Pickel Roll-on" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9844/file/small-4b31ee17f655e53f36ec6edfbeac86c9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9844/file/medium-47d678457843d1a702688df3f815ee77.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9844/file/large-dbfc193ab0d9c221c45b0f7fd483ef9d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9844/file/medium-47d678457843d1a702688df3f815ee77.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/purifying-care-anti-pickel-roll-on-10-ml-19483">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purifying Care Anti-Pickel Roll-on, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xYNE04GjMaGQ5ZznVh20CFfhBqRj6T-RM_SH5c5gDznRZ5jUBgOicT5OIqT28zrbKlwyWO4v0EoMG5TUjYrwuw" />
    <input value="19483" 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%2Fallos%3Fformat%3Dturbo_stream%26page%3D96">
    <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/purifying-care-gesichtscreme-75-ml-19484">
          <img alt="Purifying Care Gesichtscreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11017/file/small-059e25c574c06a7a8fd54836436b332c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11017/file/medium-ce8a148e2155f748a1396c605cdea8c5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11017/file/large-5b9e49114d36dcdfc058f824eb06807c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11017/file/medium-ce8a148e2155f748a1396c605cdea8c5.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/purifying-care-gesichtscreme-75-ml-19484">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purifying Care Gesichtscreme, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a-Ae7GqFEDGfA8pIwV2jNIs_u--Hwr_RUwE_aOltSLl_BMLr7SWD4TGodAthsy3n9oKPEwoEUAps7ixZqoe3Ow" />
    <input value="19484" 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%2Fallos%3Fformat%3Dturbo_stream%26page%3D96">
    <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/purifying-care-gesichtstonic-150-ml-19485">
          <img alt="Purifying Care Gesichtstonic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9843/file/small-9391faf9ddd6c23507bd1fc43480d546.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9843/file/medium-f6d595523037d384acec4c84ae969a41.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9843/file/large-94789287e45017bc32550dd54f682c68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9843/file/medium-f6d595523037d384acec4c84ae969a41.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/purifying-care-gesichtstonic-150-ml-19485">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Purifying Care Gesichtstonic, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j5GXRtv9bG2KivCWSyTDlfTYuXS53dcGM-T4-fsa9RSbdUtBXF3_vSQhTtXryk1GiWWNiDQbON0MC-vIuPAKlg" />
    <input value="19485" 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%2Fallos%3Fformat%3Dturbo_stream%26page%3D96">
    <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/rose-nature-gel-creme-50-ml-19486">
          <img alt="Rose Nature Gel Creme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10026/file/small-339a86a4df2e550531d5a51b2fba2aaf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10026/file/medium-493b6b04bfeb8da65d9732a9132b4a58.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10026/file/large-700fa296d130effd263ec59cd21e04b1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10026/file/medium-493b6b04bfeb8da65d9732a9132b4a58.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/rose-nature-gel-creme-50-ml-19486">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rose Nature Gel Creme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 89.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mEWc7oo6jomRgXsJKxx7p3w8Djxa4l3yCe6dDSlhggqMoUDpDZodWT8qxUqL8vV0AYE6wNcksik2AY48aot9iA" />
    <input value="19486" 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%2Fallos%3Fformat%3Dturbo_stream%26page%3D96">
    <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/rose-nature-nachttropfen-30-ml-19487">
          <img alt="Rose Nature Nachttropfen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10027/file/small-797cc76d52d53ff3ff61ef1ef11277a7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10027/file/medium-84d21088ba63213e3cfd5ae26584fe9d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10027/file/large-be5d6540ebbb26dad2d52b1c327f5e24.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10027/file/medium-84d21088ba63213e3cfd5ae26584fe9d.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/rose-nature-nachttropfen-30-ml-19487">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rose Nature Nachttropfen, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 76.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fYB3QY5fkZMDYUC94JB_tFdt_9gc2JeiaEIEt0mMpe9pZKtGCf8CQ63K_v5AfvFnKtDLJJEeeHlXrReGCmZabQ" />
    <input value="19487" 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%2Fallos%3Fformat%3Dturbo_stream%26page%3D96">
    <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/rose-nature-reinigung-125-ml-19488">
          <img alt="Rose Nature Reinigung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10028/file/small-13f356f13ccbfd2ac7076717730d63ce.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10028/file/medium-29fca5e3d8486d09c7b6963bc953197b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10028/file/large-c50e15cfecfcc39d8ed156fac4251d3b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10028/file/medium-29fca5e3d8486d09c7b6963bc953197b.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/rose-nature-reinigung-125-ml-19488">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rose Nature Reinigung, 125 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 31.60 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vITbuVVbBPHhsgYgY-29qqDfWVX5Pfam2b7_WHhWFJ6oYAe-0vuXIU8ZuGPDAzN53WJtqXT7GX3mUexpO7zrHA" />
    <input value="19488" 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%2Fallos%3Fformat%3Dturbo_stream%26page%3D96">
    <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/rose-nature-schutzspray-100-ml-19489">
          <img alt="Rose Nature Schutzspray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10029/file/small-7f69e4e3a8ed86062e8fc25b84d4020e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10029/file/medium-5dc866e67d19fccd49536ad1b6e3baaf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10029/file/large-ce0b1582c486e7a33de865b17a941d54.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10029/file/medium-5dc866e67d19fccd49536ad1b6e3baaf.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/rose-nature-schutzspray-100-ml-19489">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rose Nature Schutzspray, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 51.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yZIcAfROsOM1BIU_bNzv96RO8tEWDD4ddZEjyKOJ3bLddsAGc-4jM5uvO3zMMmEk2fPGLZvK0cZKfjD54GMiMA" />
    <input value="19489" 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%2Fallos%3Fformat%3Dturbo_stream%26page%3D96">
    <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/rosentau-harmonisierende-tagescreme-50-ml-19490">
          <img alt="Rosentau Harmonisierende Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9841/file/small-d5305119b99c6c5992bf105147cdc6d1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9841/file/medium-38f4041c1ad83c14153bf53b39f4c882.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9841/file/large-d69743257be55234ad6521a763ca14e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9841/file/medium-38f4041c1ad83c14153bf53b39f4c882.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/rosentau-harmonisierende-tagescreme-50-ml-19490">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosentau Harmonisierende Tagescreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 38.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MSHfx4t2DjfVC28DGrADSUcR6VstwGZCTp_ynpeaQEwlxQPADNad53ug0UC6Xo2aOqzdp6AGiZlxcOGv1HC_zg" />
    <input value="19490" 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%2Fallos%3Fformat%3Dturbo_stream%26page%3D96">
    <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/rosentau-milde-reinigungsmilch-150-ml-19491">
          <img alt="Rosentau Milde Reinigungsmilch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9842/file/small-4a433d2e3a462b1328e02aec40265b5e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9842/file/medium-a42f7dcb46e398942eaca1f2a419a8a1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9842/file/large-3eae2e836a53a56ce17e421207f17d16.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9842/file/medium-a42f7dcb46e398942eaca1f2a419a8a1.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/rosentau-milde-reinigungsmilch-150-ml-19491">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosentau Milde Reinigungsmilch, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Wuj7LzdkaIj3u0vDWRLLe4FW8gWOTsmfZsvyYSsfTaNODCcosMT7WFkQ9YD5_EWo_OvG-QOIJkRZJOFQaPWyIQ" />
    <input value="19491" 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%2Fallos%3Fformat%3Dturbo_stream%26page%3D96">
    <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/rosentau-pflegende-nachtcreme-50-ml-19492">
          <img alt="Rosentau Pflegende Nachtcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9840/file/small-a4898fdb2a4165b79355f7722124bd32.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9840/file/medium-366d68357fe992c5074fe10f8e651d25.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9840/file/large-5dcc59b97099961a8d6413ce14f422d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9840/file/medium-366d68357fe992c5074fe10f8e651d25.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/rosentau-pflegende-nachtcreme-50-ml-19492">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosentau Pflegende Nachtcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BYnBNosvnk-63xZ-wXjn2Dz8Zsym0Dc1cRTyR_gSTWMRbR0xDI8NnxR0qD1hlmkLQUFSMCsW2O5O--F2u_iy4Q" />
    <input value="19492" 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%2Fallos%3Fformat%3Dturbo_stream%26page%3D96">
    <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/rosentau-schutzende-gesichtslotion-150-ml-19493">
          <img alt="Rosentau Schützende Gesichtslotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9839/file/small-0741e7d2d943ff56015d77915a3abd16.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9839/file/medium-e71af751ca98144df45fb5893534d789.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9839/file/large-561070b0ef13599d54333bc3517ee419.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9839/file/medium-e71af751ca98144df45fb5893534d789.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/rosentau-schutzende-gesichtslotion-150-ml-19493">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosentau Schützende Gesichtslotion, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-SnPZkKcX0kXw41zr0MxNzSLkBWKaGca99Lq_0TbqsvtzRNhxTzMmbloMzAPrb_kSTak6QeuiMHIPfnOBzFVSQ" />
    <input value="19493" 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%2Fallos%3Fformat%3Dturbo_stream%26page%3D96">
    <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/rosentau-vitalisierende-augencreme-15-ml-19494">
          <img alt="Rosentau Vitalisierende Augencreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9838/file/small-6625c15acde8089e131569827e144d98.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9838/file/medium-799a5b1987c26daec05ac181218886c5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9838/file/large-da682b311eed385615886acc22815f5b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9838/file/medium-799a5b1987c26daec05ac181218886c5.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/rosentau-vitalisierende-augencreme-15-ml-19494">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosentau Vitalisierende Augencreme, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eY4OaxhblU5dNyB-PkhW75y1fSxVQD93wPC8r4eIwCptatJsn_sGnvOcnj2eptg84QhJ0NiG0Kz_H6-exGI_qA" />
    <input value="19494" 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%2Fallos%3Fformat%3Dturbo_stream%26page%3D96">
    <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/sonnencreme-lsf50-75-ml-19495">
          <img alt="Sonnencreme LSF50" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11018/file/small-cd40c8c6d7e62fa5fecf88ea771db682.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11018/file/medium-77f5fbb9d7709a10b74a937b96313e26.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11018/file/large-af9765bb7df843bb9032abe5f7db16c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11018/file/medium-77f5fbb9d7709a10b74a937b96313e26.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/sonnencreme-lsf50-75-ml-19495">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnencreme LSF50, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b0k9pPQiR7d81vip0KVFhs1XcvAWF37neeR88NuqwKt7reGjc4LUZ9J9RupwS8tVsOpGDJvRkTxGC2_BmEA_KQ" />
    <input value="19495" 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%2Fallos%3Fformat%3Dturbo_stream%26page%3D96">
    <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/sonnenfluid-lsf20-125-ml-19496">
          <img alt="Sonnenfluid LSF20" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11019/file/small-a06818d5c76d6f559e1edaccc1ebeb0f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11019/file/medium-a7851814c412637c9006fad89b052d3f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11019/file/large-26bbfbc2979b0c0c4dea439e4a69b494.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11019/file/medium-a7851814c412637c9006fad89b052d3f.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/sonnenfluid-lsf20-125-ml-19496">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnenfluid LSF20, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dGtkQdUaA_tvNbpF7LqREHIwm7BcTR3Unj6uCJOtW0Ngj7hGUrqQK8GeBAZMVB_DD42vTNGL8g-h0b050EekwQ" />
    <input value="19496" 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%2Fallos%3Fformat%3Dturbo_stream%26page%3D96">
    <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/sonnenspray-lsf20-100-ml-19497">
          <img alt="Sonnenspray LSF20" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11020/file/small-21d6243d4ebdd64fe7d2c7212cfb0675.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11020/file/medium-d55cc45148366082aef5dfa60398ef16.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11020/file/large-6307bb77588db8c065b811b3550ee46d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11020/file/medium-d55cc45148366082aef5dfa60398ef16.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/sonnenspray-lsf20-100-ml-19497">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnenspray LSF20, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dMgf1xq4R4jCAckqq6ejNdYeZDhImUFZn9MjAG5GeqJgLMPQnRjUWGyqd2kLSS3mq6NQxMVfroKgPDAxLayFIA" />
    <input value="19497" 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%2Fallos%3Fformat%3Dturbo_stream%26page%3D96">
    <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/sonnenspray-lsf30-100-ml-19498">
          <img alt="Sonnenspray LSF30" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11021/file/small-c4007265686bc7272b0e443b30d76dfd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11021/file/medium-997ab87d7250ea8e455957ac0b998cab.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11021/file/large-80aa3034304a7e71ca6743e8128b7c74.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11021/file/medium-997ab87d7250ea8e455957ac0b998cab.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/sonnenspray-lsf30-100-ml-19498">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonnenspray LSF30, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zui9Lkq8AbtUjVWntD1V2a40HIdqOuLjjuRHyzFuTkLaDGEpzRySa_om6-QU09sK04koe-f8DTixC1T6coSxwA" />
    <input value="19498" 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%2Fallos%3Fformat%3Dturbo_stream%26page%3D96">
    <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/sunless-bronze-selbstbrauner-75-ml-19499">
          <img alt="Sunless Bronze Selbstbräuner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9831/file/small-9879fa12a29527f6e14acdc7c6d4b758.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9831/file/medium-1af92b9e142a349b58a7dc5d84c5e2f1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9831/file/large-5b31a5b7c04e07c1c9d13fd5eceb2dfa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9831/file/medium-1af92b9e142a349b58a7dc5d84c5e2f1.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/sunless-bronze-selbstbrauner-75-ml-19499">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sunless Bronze Selbstbräuner, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0BWLm0fK1NUS4T2LNGFXVgZBGpCeJkaWewzqfqVLTwnE8VecwGpHBbxKg8iUj9mFe_wubBPgqU1E4_lP5qGwiw" />
    <input value="19499" 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%2Fallos%3Fformat%3Dturbo_stream%26page%3D96">
    <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/system-absolut-augencreme-15-ml-19500">
          <img alt="System Absolut Augencreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9832/file/small-a1b5dee545128359b358fd15d8331f19.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9832/file/medium-d8233bca6a906b1ecbbfaa3ff915d665.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9832/file/large-c6f83b7b382ac1636fad625175796ef6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9832/file/medium-d8233bca6a906b1ecbbfaa3ff915d665.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/system-absolut-augencreme-15-ml-19500">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">System Absolut Augencreme, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 43.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J0pTqPta68l8DD-GIU5MqLrkjve1uUe7944kdihJlkQzro-vfPp4GdKngcWBoMJ7x1m6Czh_qGDIYTdHa6Npxg" />
    <input value="19500" 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;920 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/allos?format=turbo_stream&amp;page=97">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>