<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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D90">
    <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/aquanature-augencreme-15-ml-19361">
          <img alt="AquaNature Augencreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9827/file/small-57cbb9c96ff686334cf6bbad1d9ebb59.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9827/file/medium-b04f4bf681ac976fdd87ff9ece8438e3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9827/file/large-c5ecebe7766312622b127dce0a68998e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9827/file/medium-b04f4bf681ac976fdd87ff9ece8438e3.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/aquanature-augencreme-15-ml-19361">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AquaNature Augencreme, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0iLNWrLhrbKcwHa2y4C_Gj-UTuAeU8laEUvNtzA3GpF2Mzqt3dU-hOfiV_3VsE6l4JT51UKtONW0Y_KmpXwp3g" />
    <input value="19361" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D90">
    <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/aquanature-feuchtigkeitsserum-50-ml-19362">
          <img alt="AquaNature Feuchtigkeitsserum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11001/file/small-966d214463924bbf9f6ee84eed4bab4f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11001/file/medium-a48b2942e4246d4fe92235bef81f6f1b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11001/file/large-6eb6481872f861bc9f0e927400c95556.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11001/file/medium-a48b2942e4246d4fe92235bef81f6f1b.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/aquanature-feuchtigkeitsserum-50-ml-19362">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AquaNature Feuchtigkeitsserum, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_9iHpoR7vRgSusY4GJHUIJbeFZCuc2qUOoJsRxm_PqdbyXBR608uLmmY53MGoSWfSd6ipfKNmxufqlNWjPQN6A" />
    <input value="19362" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D90">
    <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/aquanature-nachtcreme-50-ml-19363">
          <img alt="AquaNature Nachtcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11002/file/small-99497f505994d1d82eb76f76bf1d2ae0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11002/file/medium-9a903dabb104b82f4ec2d06f190b5430.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11002/file/large-3e32a3a1bbc9e13a1d66f7f5daeb8255.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11002/file/medium-9a903dabb104b82f4ec2d06f190b5430.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/aquanature-nachtcreme-50-ml-19363">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AquaNature Nachtcreme, 50 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 103.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yRv3zVmf2buPMlMBlPukjZoBtxTjMUIxBwD-A3Ze4-htCgA6NqtKjfQQckqKy1UyRQEAIb_Ps76iKMES4xXQpw" />
    <input value="19363" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D90">
    <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/aquanature-reinigungsmousse-150-ml-19364">
          <img alt="AquaNature Reinigungsmousse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11003/file/small-44fe46be6226459ab62e7c0cc5505250.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11003/file/medium-6040d912e0fd5fbe7e6e4c7a552002a6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11003/file/large-c265019f890279adcf9fe85de1a6aa6a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11003/file/medium-6040d912e0fd5fbe7e6e4c7a552002a6.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/aquanature-reinigungsmousse-150-ml-19364">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AquaNature Reinigungsmousse, 150 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 21.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Aiotr3AZASlKX0X714zNEz8qGFXDvQQgOxJEK3nhflamO9pYHy2SHzF9ZLDJvDys4CqvYJ9D9a-eOns67KpNGQ" />
    <input value="19364" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D90">
    <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/aquanature-tagescreme-light-50-ml-19365">
          <img alt="AquaNature Tagescreme light" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11004/file/small-fda6670c61a35644b0c6489136260a37.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11004/file/medium-cd78489c7f42566015982eb16463208f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11004/file/large-e643188092cee2cfaa2a2a812ab84e7a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11004/file/medium-cd78489c7f42566015982eb16463208f.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/aquanature-tagescreme-light-50-ml-19365">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AquaNature Tagescreme light, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NSlzBnZ9zyZbQ-vMa4tEWqU7YVGoF5aQ4N4DnNBVTTmROITxGUlcECBhyod1u7XlejvWZPTpZx9F9jyNRR5-dg" />
    <input value="19365" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D90">
    <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/augenbrauenstift-blonde-1-g-19366">
          <img alt="Augenbrauenstift blonde" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9930/file/small-87bf48556c4f9d40de6b6a3bb4497466.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9930/file/medium-fc35bf71b4e1576dbda75b2588fbd72d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9930/file/large-1ebce642461ca640dd5d65028eb10643.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9930/file/medium-fc35bf71b4e1576dbda75b2588fbd72d.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/augenbrauenstift-blonde-1-g-19366">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Augenbrauenstift blonde, 1 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="So1EgwAtNoAq1oK9mf3m0mPPKTbWGmF9E8ix34CW7ffunLN0bxmltlH0o_aHzRdtvM-eA4rkkPK24I7OFd3euA" />
    <input value="19366" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D90">
    <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/augenbrauenstift-brown-1b-1-stuck-19367">
          <img alt="Augenbrauenstift brown 1b" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9931/file/small-5eae4ecd7e7def314e06785189bdbf7b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9931/file/medium-6ce70660045e65a04fe09e5349241572.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9931/file/large-077b2abc7036ac9817040a738cdb8ac4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9931/file/medium-6ce70660045e65a04fe09e5349241572.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/augenbrauenstift-brown-1b-1-stuck-19367">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Augenbrauenstift brown 1b, 1 Stück</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 20.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2ij3xRWNvK3HLOw3f7w6SgNPemyn4_Pe4CLcgk2Zd2p-OQAyerkvm7wOzXxhjMv13E_NWfsdAlFFCuOT2NJEJQ" />
    <input value="19367" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D90">
    <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/augenbrauenstift-brown-pearl-1-g-19368">
          <img alt="Augenbrauenstift brown pearl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9932/file/small-1808af563bc46767f3036fac99d6b0f1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9932/file/medium-ace91b8d46e2e7063a3bc4b11637d087.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9932/file/large-bbeee1a6f4cbe900e3e4e6d8431ad08e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9932/file/medium-ace91b8d46e2e7063a3bc4b11637d087.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/augenbrauenstift-brown-pearl-1-g-19368">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Augenbrauenstift brown pearl, 1 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m52KeKR3J2jX-i6FzWhlOQWvBet8onWdmF-sHVVq6eY_jH2Py0O0XqzYD87TWJSG2q-y3iBchBI9d5MMwCHaqQ" />
    <input value="19368" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D90">
    <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/augenbrauenstift-light-stone-1-g-19369">
          <img alt="Augenbrauenstift light stone" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9933/file/small-63ba6c0e54e86c56d4f0cd89a1a1f9d4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9933/file/medium-525ff138b5c9bb4ad17a3451c235ce18.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9933/file/large-b4139aab5a43fde87e006f7dff90a8c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9933/file/medium-525ff138b5c9bb4ad17a3451c235ce18.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/augenbrauenstift-light-stone-1-g-19369">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Augenbrauenstift light stone, 1 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AvTh0ybR-l5V74rJAYzttTQsKfdtk8AtxP23r8gZPiym5RYkSeVpaC7Nq4IfvBwK6yyewjFtMaJh1Yi-XVINYw" />
    <input value="19369" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D90">
    <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/augenfaltchen-creme-20-ml-19370">
          <img alt="Augenfältchen Creme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11005/file/small-e1c7c623dc3353e843ab35cef666c94b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11005/file/medium-447abed0b503bfe791cd4df9039004b2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11005/file/large-b544d957c08d076f0d4d222dabd62b9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11005/file/medium-447abed0b503bfe791cd4df9039004b2.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/augenfaltchen-creme-20-ml-19370">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Augenfältchen Creme, 20 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yf6n52f2c-eSnX1l93mG70YHEaHK_a0bTqdS66g5BBtt71AQCMLg0em_XC7pSXdQmQemlJYDXJTrj236PXI3VA" />
    <input value="19370" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D90">
    <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/bb-cream-almond-50-ml-19371">
          <img alt="BB Cream Almond" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9828/file/small-ce6a4c8ba3c661ecc4cd5440727b4ea7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9828/file/medium-81d87217b8ded8a3c212b93bf9d29ba8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9828/file/large-458a14da8ae650a6d9314efd30f8f40e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9828/file/medium-81d87217b8ded8a3c212b93bf9d29ba8.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/bb-cream-almond-50-ml-19371">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BB Cream Almond, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OME145tq2jQ63GLIAsr7VTCOdpv5s2ZuX89xD61tY2Oc0MIU9F5JAkH-Q4Mc-grq747BrqVNl-H6504eOCZQLA" />
    <input value="19371" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D90">
    <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/bb-cream-beige-50-ml-19372">
          <img alt="BB Cream Beige" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9829/file/small-69248ede170293ffdeae482c34c95757.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9829/file/medium-11fc33ad88308d80e6e0518d49290026.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9829/file/large-88c0faa395462687231892ed0eda2d8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9829/file/medium-11fc33ad88308d80e6e0518d49290026.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/bb-cream-beige-50-ml-19372">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">BB Cream Beige, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YI00pRmyDGOcghx_bzDkhGQbAfiDaye_KkVSYeGemyHEnMNSdoafVeegPTRxABU7uxu2zd-V1jCPbW1wdNWobg" />
    <input value="19372" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D90">
    <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/beauty-shot-anti-aging-revitalizer-15-ml-19373">
          <img alt="Beauty Shot Anti-Aging Revitalizer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9934/file/small-d86dbb01e6d5d208061d7152d003b46d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9934/file/medium-48e90a7b4731f88c27a18384a7a88ca1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9934/file/large-82248bc885c7337169ed47ab7b460fa0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9934/file/medium-48e90a7b4731f88c27a18384a7a88ca1.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/beauty-shot-anti-aging-revitalizer-15-ml-19373">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beauty Shot Anti-Aging Revitalizer, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 57.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7SaCH5Re85nWCzdAIvfJ1d056ljUrSB1Kq7VxJTBlyxJN3Xo-2pgr60pFgs8xzhqAjldbYhT0fqPhurVAYqkYw" />
    <input value="19373" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D90">
    <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/beauty-shot-skin-pore-balancer-15-ml-19374">
          <img alt="Beauty Shot Skin &amp; Pore Balancer" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9935/file/small-e3eac76f6d671b446e5a3fb20fed9d0d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9935/file/medium-1bb2d373f03165ef74ff7f8320324ef9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9935/file/large-6134e518d11c018d21bd662314e2ec9f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9935/file/medium-1bb2d373f03165ef74ff7f8320324ef9.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/beauty-shot-skin-pore-balancer-15-ml-19374">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beauty Shot Skin &amp; Pore Balancer, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Y8K7HQjGTjJQlc58blkm_Ur81QBw3drekMIRqhysmiHH00zqZ_LdBCu37zdwaddClfxiNSwjK1E16i67ieepbg" />
    <input value="19374" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D90">
    <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/body-care-deo-roll-on-50-ml-19375">
          <img alt="Body Care Deo 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/9928/file/small-65226a66bffa41d2338e70594468be35.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9928/file/medium-05f43c9a94b81ab774ec8488dd36fa12.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9928/file/large-97eef7068ad7f072634e6b3d9bedd749.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9928/file/medium-05f43c9a94b81ab774ec8488dd36fa12.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/body-care-deo-roll-on-50-ml-19375">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Body Care Deo Roll-on, 50 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 37.80 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oKlgYsog7ACcmbYb6YXLIfGnMTgRDfrhYwtyqYcpzQQEuJeVpRR_Nue7l1D3tTqeLqeGDU3zC27GI024EmL-Sw" />
    <input value="19375" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D90">
    <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/body-care-deo-spray-75-ml-19376">
          <img alt="Body Care Deo Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11006/file/small-bcbd00b59bcd8bbe882235b2b498992c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11006/file/medium-dea0f4b0d640bc923a3a3f0873f60e1b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11006/file/large-4a13c6854c417286182dc361d8a76ca8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11006/file/medium-dea0f4b0d640bc923a3a3f0873f60e1b.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/body-care-deo-spray-75-ml-19376">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Body Care Deo Spray, 75 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 25.20 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lTiLyLeP_3yvDrmgf5fFRW_9KJ8jPq3cYcMLmmiphm0xKXw_2LtsStQsmOthpzT6sP2fqn_AXFPE6zSL_eK1Ig" />
    <input value="19376" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D90">
    <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/concealer-light-3-2-ml-19377">
          <img alt="Concealer light" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9936/file/small-28a114aeb186572a0be74b2c87203de7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9936/file/medium-047eee78e1db03ce4bd0b5b67bf5fc1d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9936/file/large-50cb999aeecf68d97eb08606a9e13769.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9936/file/medium-047eee78e1db03ce4bd0b5b67bf5fc1d.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/concealer-light-3-2-ml-19377">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Concealer light, 3.2 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 812.50 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EXyaV2bAdzXOcgchskxEL3yB5xSk9dMH6jNX55dD4yS1bW2gCfTkA7VQJmqsfLWQo4FQIfgLIohPG2j2AgjQaw" />
    <input value="19377" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D90">
    <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/creme-pastell-apricot-30-ml-19378">
          <img alt="Creme Pastell Apricot" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9830/file/small-84203e6024ccc094e74ee412aceee5c1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9830/file/medium-d8689dde5096a0f6e5887b7a429f7ce4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9830/file/large-40a748177564b025c0c22fb7d5c892da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9830/file/medium-d8689dde5096a0f6e5887b7a429f7ce4.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/creme-pastell-apricot-30-ml-19378">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Creme Pastell Apricot, 30 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 76.33 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5b3Vpd3Oh2mKd_Aj_DzVs1qUIEb-IVaf4A2jfurQjA9BrCJSsvoUX_FV0WjiDCQMhZSXc6LfpxBFJZxvf5u_QA" />
    <input value="19378" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D90">
    <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/effekt-peeling-50-ml-19379">
          <img alt="Effekt Peeling" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11007/file/small-17ce25b5e50a77c6c367f6e13b1ee6d4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11007/file/medium-aeb0aba25f426d2a6b284bb8de79533f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11007/file/large-2712a0a74a8da7f0ccd42389028d16df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11007/file/medium-aeb0aba25f426d2a6b284bb8de79533f.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/effekt-peeling-50-ml-19379">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Effekt Peeling, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RSDJnqCk-zauyvXy9uwZHwBS_K53S18Jhp5uhR0RBVbhMT5pz5BoANXo1Lno3Oig31JLmyu1roYjtlGUiFo2GQ" />
    <input value="19379" 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%2Fjooti%3Fformat%3Dturbo_stream%26page%3D90">
    <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/energynature-augenserum-15-ml-19380">
          <img alt="Energynature Augenserum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9926/file/small-6d5cd328081b9a03841135c9355e3c5b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9926/file/medium-fbb760bac7d9d4e6385c41ff82f36ea3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9926/file/large-0779d65fc3ce22c27e910607c8768c1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9926/file/medium-fbb760bac7d9d4e6385c41ff82f36ea3.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/energynature-augenserum-15-ml-19380">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Energynature Augenserum, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.50
            </p>

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

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

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

</template></turbo-stream>