<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%2Frosenrot%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="ZYvvtB0UJvKYY_AYgk00weaDaw0XwOnUiSC-vama8qCd_nbdv5S2uYTxD9pKm9QG_KcTHeNkRinq6AGJF8okJQ" />
    <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%2Frosenrot%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="o5HPxj77Rd62pC642qPnA698OLJKtb3m0HC-I6Nh4Ytb5FavnHvVlao20XoSdQfEtVhAor4REhuzuAEXHTE3Dg" />
    <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%2Frosenrot%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="RZyxhoJVEciBHErqJSV6aQjyyQCUzVCkduBeRNtQiMG96SjvINWBg52OtSjt85quEtaxEGBp_1kVKOFwZQBeRA" />
    <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%2Frosenrot%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="0E5IsXhOiEt4Nm65l_utvMrbtBqCA3AMdu7iYb2g82EoO9HY2s4YAGSkkXtfLU170P_MCnan3_EVJl1VA_Al5A" />
    <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%2Frosenrot%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="inZ2l5d3Ta3lgwu3wUJitgatRsvaY8-fGzPOVRQfWlhyA-_-Nffd5vkR9HUJlIJxHIk-2y7HYGJ4-3Fhqk-M3Q" />
    <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%2Frosenrot%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="Lrs8EafZVnd0ISv2_9oM1I3z52FqvqMpSU4WKu6Puo3WzqV4BVnGPGiz1DQ3DOwTl9efcZ4aDNQqhqkeUN9sCA" />
    <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%2Frosenrot%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="LT5cFlld5Q6Zkh7mAmlg7p7GkXn4I8wVo_2Wcxa8IofVS8V_-911RYUA4STKv4AphOLpaQyHY-jANSlHqOz0Ag" />
    <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%2Frosenrot%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="FoPXcK3eUbNoAIjykifgDh9fUZCLkqgV6jj3J2b-rpbu9k4ZD17B-HSSdzBa8QDJBXspgH82B-iJ8EgT2K54Ew" />
    <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%2Frosenrot%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="wAT-65avi-MVcaIXHU2FUVfcxyBIiCTJ5mWkuvdDpkw4cWeCNC8bqAnjXdXVm2WWTfi_MLwsizSFrRuOSRNwyQ" />
    <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%2Frosenrot%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="Hy0__qa6rNFbI6ydcfM5eqMbrZBkoGDTJGMEMovIn_3nWKaXBDo8mkexU1-5Jdm9uT_VgJAEzy5Hq7sGNZhJeA" />
    <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%2Frosenrot%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="eDxwfeXZK0ZZZWm5Mwr9a83Zg3-qMj1l1H377Eb-30mASekUR1m7DUX3lnv73B2s1_37b16Wkpi3tUTY-K4JzA" />
    <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%2Frosenrot%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="QH8wnY4vJAnNsxUPdNoCOjkxV8Y10gOQJB9tCx0ynQK4Cqn0LK-0QtEh6s28DOL9IxUv1sF2rG1H19I_o2JLhw" />
    <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%2Frosenrot%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="aUP85Dan3tD1slkONw5-axNo5ow7JNUm5ZpvqPTZqiaRNmWNlCdOm-kgpsz_2J6sCUyenM-AetuGUtCcSol8ow" />
    <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%2Frosenrot%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="CsNxJ7i_UIrFYAeDyUv9o_V3ft4C6GtxVpp_4JokU1XytuhOGj_Awdny-EEBnR1k71MGzvZMxIw1UsDUJHSF0A" />
    <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%2Frosenrot%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="0EKZlJPgDF5ZZFKbLds0KL3su33SXfhzENfpZfSw_sMoNwD9MWCcFUX2rVnlDdTvp8jDbSb5V45zH1ZRSuAoRg" />
    <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%2Frosenrot%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="Ttq956ve1Iun-AX2v2IhUhudA2yy1v6kVCanEDQbWEy2rySOCV5EwLtq-jR3tMGVAbl7fEZyUVk37hgkikuOyQ" />
    <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%2Frosenrot%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="J0HSaTmGhsA_37BeSryGmfavO51ySxxhvQCqJDLc0wDfNEsAmwYWiyNNT5yCamZe7ItDjYbvs5zeyBUQjIwFhQ" />
    <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%2Frosenrot%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="Iv_GdwGNvaJoPKCjxc5c5gDl_eujZb9WSnEGPXolnhHail8eow0t6XSuX2ENGLwhGsGF-1fBEKspubkJxHVIlA" />
    <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%2Frosenrot%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="40UL31ycwKpPVBnFkLmgYshDF-OYSmgZHEPNnXaL5jAbMJK2_hxQ4VPG5gdYb0Cl0mdv82zux-R_i3KpyNswtQ" />
    <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%2Frosenrot%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="MJeybtxgH10WxJeiOGAHTk2wyuc0aOx5GuDB4NgzKJ3I4isHfuCPFgpWaGDwtueJV5Sy98DMQ4R5KH7UZmP-GA" />
    <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/rosenrot?format=turbo_stream&amp;page=89">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>