<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%2Fklorane%3Fformat%3Dturbo_stream%26page%3D88">
    <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/exclusive-repair-tagescreme-50-ml-19306">
          <img alt="Exclusive Repair Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9747/file/small-a9849f7980af3f24b990242c62852b87.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9747/file/medium-d8f5cb7ace36ef4ed54785f84bfc9808.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9747/file/large-93f61cef8ffd4d06385360e9fa76e84c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9747/file/medium-d8f5cb7ace36ef4ed54785f84bfc9808.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">Arya Laya</p>
          <a href="/products/exclusive-repair-tagescreme-50-ml-19306">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Exclusive Repair Tagescreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 61.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9Gh5TAPOWzTK9PR1kW57uZJNP6246IOc7srYjzaGkzLyQtM4i1Xq1POVQwXpYGglVUlAXSdC-0eAvf7sRVoizQ" />
    <input value="19306" 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%2Fklorane%3Fformat%3Dturbo_stream%26page%3D88">
    <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/fett-feucht-balancer-aqua-vital-50-ml-19307">
          <img alt="Fett-Feucht Balancer Aqua Vital" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9730/file/small-c86f2701ed950a5659a661c1ae56a4ac.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9730/file/medium-493b7b6ef964386765cbd3d14db176ae.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9730/file/large-fc7db2dcc1a7316524e6ff2dcf4157f5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9730/file/medium-493b7b6ef964386765cbd3d14db176ae.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">Arya Laya</p>
          <a href="/products/fett-feucht-balancer-aqua-vital-50-ml-19307">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fett-Feucht Balancer Aqua Vital, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4k_kjbt-ZlCb1N8S2G6W84irf6f5dSarJGbuG-6BicLkZU75M-XXsKK1aGKgYIVvT68AV2bfXnBKEch4nV04PQ" />
    <input value="19307" 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%2Fklorane%3Fformat%3Dturbo_stream%26page%3D88">
    <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/fett-feucht-balancer-klassiker-2-x-50-ml-19308">
          <img alt="Fett-Feucht Balancer Klassiker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9731/file/small-cdff7e600132485cf9039428e17ffe99.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9731/file/medium-050e67b70322c087fa9d1cc88c02d701.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9731/file/large-a2d64cb1c0dfff639e138ede03db9171.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9731/file/medium-050e67b70322c087fa9d1cc88c02d701.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">Arya Laya</p>
          <a href="/products/fett-feucht-balancer-klassiker-2-x-50-ml-19308">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fett-Feucht Balancer Klassiker, 2 x 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 46.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cxGJ7drxDR84FAgSmTFoLApZHvQcIFXofDWdCjoXM_11OyOZUmq8_wF1v2LhP3uwzV1hBIOKLTMSQrtpScuCAg" />
    <input value="19308" 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%2Fklorane%3Fformat%3Dturbo_stream%26page%3D88">
    <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/fett-feucht-balancer-klassiker-50-ml-19309">
          <img alt="Fett-Feucht Balancer Klassiker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9732/file/small-eae70062bf999b868ac0d934b5c95791.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9732/file/medium-df5840ffaf8d3a522ae02a742912fb27.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9732/file/large-2d3f33fa55f4d6d1c77f325ff43a07f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9732/file/medium-df5840ffaf8d3a522ae02a742912fb27.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">Arya Laya</p>
          <a href="/products/fett-feucht-balancer-klassiker-50-ml-19309">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fett-Feucht Balancer Klassiker, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r9RpyKWHkqOUBGdL1M3Sqeo0wBjZZeCEVjl4aetgUROp_sO8LRwjQ61l0Dusw8E1LTC_6EbPmF84Tl4KmLzg7A" />
    <input value="19309" 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%2Fklorane%3Fformat%3Dturbo_stream%26page%3D88">
    <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/granatapfel-nachtcreme-50-ml-19310">
          <img alt="Granatapfel Nachtcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9748/file/small-1f06540494717b4adb26fed709dda50b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9748/file/medium-cc28b27ab337757f0a10c624e881c39a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9748/file/large-721056602d6177b6ecfb1e1a24342380.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9748/file/medium-cc28b27ab337757f0a10c624e881c39a.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">Arya Laya</p>
          <a href="/products/granatapfel-nachtcreme-50-ml-19310">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Granatapfel Nachtcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k51P2XKuXH5BU5qvVY82X697w8o2bYtbQRxEhtGMyCCVt-Wt-jXtnngyLd8tgSXDaH-8OqnH84Ava2LlolB53w" />
    <input value="19310" 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%2Fklorane%3Fformat%3Dturbo_stream%26page%3D88">
    <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/granatapfel-tagecreme-50-ml-19311">
          <img alt="Granatapfel Tagecreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9749/file/small-25a3b7c88444f592534b4e6a3058b127.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9749/file/medium-42e94e2240793e83fbb88e7ca719ed9b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9749/file/large-c3b91e169c00e4db7fd816dffc268b61.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9749/file/medium-42e94e2240793e83fbb88e7ca719ed9b.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">Arya Laya</p>
          <a href="/products/granatapfel-tagecreme-50-ml-19311">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Granatapfel Tagecreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sa1OHWgtIYkBrDWGdImeBTzxMNIPeg6mjV8HcDlwuFO3h-Rp4LaQaTjNgvYMh42Z-_VPIpDQdn3jKCETSqwJrA" />
    <input value="19311" 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%2Fklorane%3Fformat%3Dturbo_stream%26page%3D88">
    <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/hyaluron-miracle-lift-30-ml-19312">
          <img alt="Hyaluron Miracle Lift" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9750/file/small-e96410c88ae34fcd9291967eb20c457b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9750/file/medium-1453b303ef1710453e57052586e203bc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9750/file/large-26cd1d96dfff808790fed871d06de2ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9750/file/medium-1453b303ef1710453e57052586e203bc.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">Arya Laya</p>
          <a href="/products/hyaluron-miracle-lift-30-ml-19312">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hyaluron Miracle Lift, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RwoxcNO5wOuTqFduDLtTM5GqDlCiGmzUE7KC0Ejfv5xBIJsEWyJxC6rJ4B50tUCvVq5xoD2wFA99xaSzOwMOYw" />
    <input value="19312" 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%2Fklorane%3Fformat%3Dturbo_stream%26page%3D88">
    <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/hyaluron-miracle-lift-50-ml-19313">
          <img alt="Hyaluron Miracle Lift" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9751/file/small-366e26323ee35bbcbd8ddcdd032e2fbf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9751/file/medium-f8472d1eca9649499b4317349c24a406.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9751/file/large-0a9ee90d67991ddaabc188cf502e722b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9751/file/medium-f8472d1eca9649499b4317349c24a406.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">Arya Laya</p>
          <a href="/products/hyaluron-miracle-lift-50-ml-19313">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hyaluron Miracle Lift, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 47.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OgeJKTrMZgZkVC2NYyahjxzu4YKyTWA5kTEVE20ISU88LSNdslfX5l01mv0bKLIT2-qeci3nGOL_RjNwHtT4sA" />
    <input value="19313" 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%2Fklorane%3Fformat%3Dturbo_stream%26page%3D88">
    <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/hyaluron-plus-gel-granatapfel-50-ml-19314">
          <img alt="Hyaluron Plus Gel Granatapfel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9752/file/small-386bf208d40c1fadbaa963f59728fb39.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9752/file/medium-158097c9ec0b1b974019dafcdb536a2f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9752/file/large-2a2bb12aa3b2c76a2c1d4c16cd52af54.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9752/file/medium-158097c9ec0b1b974019dafcdb536a2f.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">Arya Laya</p>
          <a href="/products/hyaluron-plus-gel-granatapfel-50-ml-19314">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hyaluron Plus Gel Granatapfel, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O3ZT-MPGY_2IrJwJc-YhsYt0RrC5SYVVHXX2ejKQaIQ9XPmMS13SHbHNK3kL6DItTHA5QCbj_Y5zAtAZQUzZew" />
    <input value="19314" 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%2Fklorane%3Fformat%3Dturbo_stream%26page%3D88">
    <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/kamille-reinigungsmousse-125-ml-19315">
          <img alt="Kamille Reinigungsmousse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9753/file/small-9ccf36184823922d1076410450be2959.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9753/file/medium-f8d7d70acfb1fddf583d326286d8c8f2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9753/file/large-9d140b9e01fc3c799e40922e20880f33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9753/file/medium-f8d7d70acfb1fddf583d326286d8c8f2.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">Arya Laya</p>
          <a href="/products/kamille-reinigungsmousse-125-ml-19315">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kamille Reinigungsmousse, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zZ1xNLxeOmdbx4zFM9hIUB4eA2kV1hc-EwUJ05DYc5nLt9tANMWLh2KmO7VL1lvM2Rp8mYp8b-V9ci-w4wTCZg" />
    <input value="19315" 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%2Fklorane%3Fformat%3Dturbo_stream%26page%3D88">
    <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/kamille-serum-30-ml-19316">
          <img alt="Kamille Serum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9754/file/small-b3a9517f20411aa714f7223ec4fdf311.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9754/file/medium-1f409d80d3bb5ae976414328edea94e6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9754/file/large-2b25ccf98fda0971fc4155f1ee265696.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9754/file/medium-1f409d80d3bb5ae976414328edea94e6.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">Arya Laya</p>
          <a href="/products/kamille-serum-30-ml-19316">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kamille Serum, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DSZ7-OL723oee-cy8YAAjfAE8fhxiP9MEYMSHuf9S1YLDNGMamBqmicaUEKJjhMRNwCOCO4ih5d_9DR9lCH6qQ" />
    <input value="19316" 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%2Fklorane%3Fformat%3Dturbo_stream%26page%3D88">
    <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/kamille-tag-nachtpflege-50-ml-19317">
          <img alt="Kamille Tag &amp; Nachtpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9755/file/small-f78690bd5151a75b8ffab7d566bce001.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9755/file/medium-896f7812b4a85d6232abe2167c2c9d17.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9755/file/large-8bd3b77b641145bb503b98350788913f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9755/file/medium-896f7812b4a85d6232abe2167c2c9d17.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">Arya Laya</p>
          <a href="/products/kamille-tag-nachtpflege-50-ml-19317">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kamille Tag &amp; Nachtpflege, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E2mUgcvoNZNn4ile347z0_N342uG7MMAzIJYogs_68oVQz71Q3OEc16Dni6ngOBPNHOcmxlGu9ui9X7BeONaNQ" />
    <input value="19317" 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%2Fklorane%3Fformat%3Dturbo_stream%26page%3D88">
    <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/kamille-tag-nachtpflege-rich-50-ml-19318">
          <img alt="Kamille Tag &amp; Nachtpflege Rich" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9757/file/small-965f92c96ab37bcfde86b53ae5315d9e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9757/file/medium-473377e404aa9a193b0cb43beef52f19.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9757/file/large-19a07ad0d9a754fc0f0f53a02f28164a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9757/file/medium-473377e404aa9a193b0cb43beef52f19.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">Arya Laya</p>
          <a href="/products/kamille-tag-nachtpflege-rich-50-ml-19318">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kamille Tag &amp; Nachtpflege Rich, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gcxKtjRpRwPJs46dsDR7IvBEAvEbNWy2ZxwWvYphoReH5uDCvPL24_DSOe3IOmi-N0B9AYSfFG0JazDe-b0Q6A" />
    <input value="19318" 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%2Fklorane%3Fformat%3Dturbo_stream%26page%3D88">
    <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/karotten-creme-50-ml-19319">
          <img alt="Karotten Creme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9756/file/small-0aaeaf5ab7cb4bd56a4564a36a6ded7f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9756/file/medium-e8870f2653103a2b2303061a4e98ed8c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9756/file/large-47b47d7181f52a569a144d8a30e94d12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9756/file/medium-e8870f2653103a2b2303061a4e98ed8c.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">Arya Laya</p>
          <a href="/products/karotten-creme-50-ml-19319">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Karotten Creme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YXcxjpviByeLG4xn8ZMSgY_fPvuIGDaA2rP5DnFlLMdnXZv6E3m2x7J6OxeJnQEdSNtBCxeyTlu0xN9tArmdOA" />
    <input value="19319" 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%2Fklorane%3Fformat%3Dturbo_stream%26page%3D88">
    <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/karotten-ol-30-ml-19320">
          <img alt="Karotten Öl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9758/file/small-b5f9c783a4cd2ffca773eb2d1820c2d2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9758/file/medium-f54de550e9a665ae823487d675790035.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9758/file/large-2577f9bb9871632f4e08a25a6d9c6328.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9758/file/medium-f54de550e9a665ae823487d675790035.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">Arya Laya</p>
          <a href="/products/karotten-ol-30-ml-19320">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Karotten Öl, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xrZnrOT5LR5_DEVlcNK8100NeBnnrUUfA0OjwtkoGKjAnM3YbGKc_kZt8hUI3K9LigkH6XgHPcRtNIWhqvSpVw" />
    <input value="19320" 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%2Fklorane%3Fformat%3Dturbo_stream%26page%3D88">
    <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/olive-body-lotion-150-ml-19321">
          <img alt="Olive Body Lotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9759/file/small-e6170f565f505cb4baae5b1ef76956b5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9759/file/medium-25c518bf842da541de5d572ef530143d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9759/file/large-07a5cf6f7ef65d3af324a8e0e3762b4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9759/file/medium-25c518bf842da541de5d572ef530143d.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">Arya Laya</p>
          <a href="/products/olive-body-lotion-150-ml-19321">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Olive Body Lotion, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r1GpRuBM0UhwkQjC3o0X8svMbqNH3NesaU-RkJJHhbapewMyaNdgqEnwv7KmgwRuDMgRU9h2r3cHOLfz4Zs0SQ" />
    <input value="19321" 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%2Fklorane%3Fformat%3Dturbo_stream%26page%3D88">
    <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/olive-tag-nachtpflege-50-ml-19322">
          <img alt="Olive Tag &amp; Nachtpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9760/file/small-cfa080ea68d4b8c0cbbbeef899b4bdce.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9760/file/medium-0aa146ac15fd18063206bcf23b397ca3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9760/file/large-99e7eb79a3f341cf632337e9453ecfad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9760/file/medium-0aa146ac15fd18063206bcf23b397ca3.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">Arya Laya</p>
          <a href="/products/olive-tag-nachtpflege-50-ml-19322">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Olive Tag &amp; Nachtpflege, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6cUuDXmNvksCAbNRyUHFpl6NwQ8shqPyKA1ENd5Ran3v74R58RYPqztgBCGxT9Y6mYm-_7Ms2ylGemJWrY3bgg" />
    <input value="19322" 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%2Fklorane%3Fformat%3Dturbo_stream%26page%3D88">
    <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/sheabutter-100-ml-19323">
          <img alt="Sheabutter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9761/file/small-c3014b6b568430a687c35853e09f4816.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9761/file/medium-4fececed943b046388e7df1bd79dbe1b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9761/file/large-3cf2c120b8e1918218c1af07ab2c52c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9761/file/medium-4fececed943b046388e7df1bd79dbe1b.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">Arya Laya</p>
          <a href="/products/sheabutter-100-ml-19323">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sheabutter, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Yk2kD0JPPuzsQ93SS0XUA5NTHHiUpnpbj-0DmwC8Rc9kZw57ytSPDNUiaqIzS8efVFdjiAsMAoDhmiX4c2D0MA" />
    <input value="19323" 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%2Fklorane%3Fformat%3Dturbo_stream%26page%3D88">
    <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/deo-coco-mania-karton-40-g-19324">
          <img alt="Deo Coco Mania Karton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9762/file/small-869884daab293deb40d4985cdc5711e7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9762/file/medium-de3d0c41905a91459b28ad69d7b1088a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9762/file/large-e03eb373e4f2673b02e54c190d5a45b6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9762/file/medium-de3d0c41905a91459b28ad69d7b1088a.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">Ben&amp;Anna</p>
          <a href="/products/deo-coco-mania-karton-40-g-19324">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Coco Mania Karton, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9ifCWf6XfuJSnWLeM1gUdx8tdudxSLL3I9qa1KlYDHDwDWgtdgzPAmv81a5LVgfr2CkJF-7iyixNrby32oS9jw" />
    <input value="19324" 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%2Fklorane%3Fformat%3Dturbo_stream%26page%3D88">
    <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/deo-green-fusion-karton-40-g-19325">
          <img alt="Deo Green Fusion Karton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9763/file/small-3e80d62f5751f5703c2088f587091591.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9763/file/medium-f167372c7601222632e3ca25d54b57da.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9763/file/large-7d152202f1832ffba0580feec31ee5f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9763/file/medium-f167372c7601222632e3ca25d54b57da.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">Ben&amp;Anna</p>
          <a href="/products/deo-green-fusion-karton-40-g-19325">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Green Fusion Karton, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

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

</template></turbo-stream>