<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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D3">
    <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/weinlaub-aktiv-balsam-125-ml-15520">
          <img alt="Weinlaub Aktiv Balsam" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7076/file/small-1d27e018e17b00a5663555e561c576da.webp 600w, https://assets.fabulous.ch/public/variant_asset/7076/file/medium-f8d9cee6f12ec84e56c6eda44a59cecb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7076/file/large-4feb85fb3e2aff619d7bd414bccad58c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7076/file/medium-f8d9cee6f12ec84e56c6eda44a59cecb.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">Erva Medica AG</p>
          <a href="/products/weinlaub-aktiv-balsam-125-ml-15520">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weinlaub Aktiv Balsam, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15520&quot;],&quot;content_name&quot;:&quot;Weinlaub Aktiv Balsam, 125 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15520&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DRmdGShwdQ6usYmPZ3BwHyVajkR8cJxo3xqogggXupjpzsRm1id6ZueqsC9gU3jy2--VdaaXas99qgKQZLXADA" />
    <input value="15520" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D3">
    <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/basisches-kristallbad-450-g-16538">
          <img alt="Basisches Kristallbad" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7629/file/small-b46c81e63b717cd428b589b44efacb92.webp 600w, https://assets.fabulous.ch/public/variant_asset/7629/file/medium-f657ec5b9fa8f94cfdd5f5ce4eea4af0.webp 900w, https://assets.fabulous.ch/public/variant_asset/7629/file/large-00892c23222ac2422ef959f1de29292e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7629/file/medium-f657ec5b9fa8f94cfdd5f5ce4eea4af0.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">Erva Medica AG</p>
          <a href="/products/basisches-kristallbad-450-g-16538">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basisches Kristallbad, 450 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16538&quot;],&quot;content_name&quot;:&quot;Basisches Kristallbad, 450 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16538&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pFrmadwUSOcy_P9Padj3N69ViMbVwDSLrqHIx2dsyCRAjb8WIkNHj3vnxu9u-__aUeCT9w8nwiwMEWLVC86ysA" />
    <input value="16538" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D3">
    <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/basisches-kristallbad-1-kg-ca2150f1-fac5-4a0a-9a13-221efe0d14f2-18065">
          <img alt="Basisches Kristallbad" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9020/file/small-dde1a5158a95bfb01768101d907a860a.webp 600w, https://assets.fabulous.ch/public/variant_asset/9020/file/medium-1e1b53b6fc226e735259751a257560a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/9020/file/large-ec95570bc9c1cba05c8053746e04931c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9020/file/medium-1e1b53b6fc226e735259751a257560a8.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">Erva Medica AG</p>
          <a href="/products/basisches-kristallbad-1-kg-ca2150f1-fac5-4a0a-9a13-221efe0d14f2-18065">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basisches Kristallbad, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18065&quot;],&quot;content_name&quot;:&quot;Basisches Kristallbad, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18065&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:42.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QXSy-kC0X5G-zbbSFv9UoYqLK9oNSHaXE8x671YjY-ulo-uFvuNQ-ffWj3IR3FxMdD4w69evgDCxfND9OoEZfw" />
    <input value="18065" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D3">
    <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/basisches-kristallbad-60-g-f0850c8d-727d-4245-b0d1-b7200b7aa710-18066">
          <img alt="Basisches Kristallbad" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9021/file/small-d0902b59816b9e96f64631afed6eab2b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9021/file/medium-39958995a174d74a4bfce811ac54c7ae.webp 900w, https://assets.fabulous.ch/public/variant_asset/9021/file/large-000a52b594d2c959ad70f4ca434ede1c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9021/file/medium-39958995a174d74a4bfce811ac54c7ae.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">Erva Medica AG</p>
          <a href="/products/basisches-kristallbad-60-g-f0850c8d-727d-4245-b0d1-b7200b7aa710-18066">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basisches Kristallbad, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18066&quot;],&quot;content_name&quot;:&quot;Basisches Kristallbad, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18066&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="drJhoYvg33MgsgHWgoPPcYakdXI-Q01fO1wyCZQ6uJSSZTjedbfQG2mpOHaFoMeceBFuQ-Sku_iZ7Jgb-JjCAA" />
    <input value="18066" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D3">
    <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/seife-lavendel-handseife-pumpspender-300-ml-4149">
          <img alt="Seife Lavendel Handseife Pumpspender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2621/file/small-c0dde76a822ceecc2c25532376a4384f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2621/file/medium-1a69ae56156459d8650aa48a03b66a91.webp 900w, https://assets.fabulous.ch/public/variant_asset/2621/file/large-4f0463d7f737d2485fc57381f50894ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2621/file/medium-1a69ae56156459d8650aa48a03b66a91.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">Sonett</p>
          <a href="/products/seife-lavendel-handseife-pumpspender-300-ml-4149">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seife Lavendel Handseife Pumpspender, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4149&quot;],&quot;content_name&quot;:&quot;Seife Lavendel Handseife Pumpspender, 300 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4149&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SE1rKXmiP_qv57yEHs5t9tJ_U3dfVP9GQ3fVZ8I-pt6smjJWh_Uwkub8hSQZ7WUbLMpIRoWzCeHhx391rpzcSg" />
    <input value="4149" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D3">
    <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/hylaruon-alge-tag-nachtpflege-50-ml-20272">
          <img alt="Hylaruon Alge Tag &amp; Nachtpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11469/file/small-f61c8bdf3ecce4e7bbbc914e480e2dc0.webp 600w, https://assets.fabulous.ch/public/variant_asset/11469/file/medium-d3fe61046db97db1671444d7a4c6dfac.webp 900w, https://assets.fabulous.ch/public/variant_asset/11469/file/large-fa46830dc3402d2358c5ec8e2ae8ae87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11469/file/medium-d3fe61046db97db1671444d7a4c6dfac.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/hylaruon-alge-tag-nachtpflege-50-ml-20272">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hylaruon Alge Tag &amp; Nachtpflege, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20272&quot;],&quot;content_name&quot;:&quot;Hylaruon Alge Tag \u0026 Nachtpflege, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20272&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:26.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kdf-bNvcYLqVUNmLA1BqHuvx3Jbw_X7jVW4VCx0kv8J1AKcTJYtv0txL4CsEc2LzFUTHpyoaiET33r8ZcYbFVg" />
    <input value="20272" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D3">
    <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/sensitiv-azulen-tagescreme-50-ml-19723">
          <img alt="Sensitiv Azulen Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11393/file/small-8b27200dda768934175029e147f642ca.webp 600w, https://assets.fabulous.ch/public/variant_asset/11393/file/medium-26e2875c08bb5ae564bf916a54707a5d.webp 900w, https://assets.fabulous.ch/public/variant_asset/11393/file/large-755b65ef829cabac17110dd3e82f5ed4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11393/file/medium-26e2875c08bb5ae564bf916a54707a5d.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/sensitiv-azulen-tagescreme-50-ml-19723">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sensitiv Azulen Tagescreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19723&quot;],&quot;content_name&quot;:&quot;Sensitiv Azulen Tagescreme, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19723&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:25.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R66BkdBTlKydq1dzUA6z5eRWDKm13gGH1UNZ_UfJPEGjedjuLgSbxNSwbtNXLbsIGuMXmG859yB38_PvK2tG1Q" />
    <input value="19723" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D3">
    <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-19327">
          <img alt="Granatapfel Tagecreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11435/file/small-c051fe0311dfd2843247800da45fd4a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/11435/file/medium-6791006a1500f89e4706ecc5212f69b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11435/file/large-80af6a1481df9ea8e3927e1c5048b2b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11435/file/medium-6791006a1500f89e4706ecc5212f69b8.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-19327">
            <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-19327-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19327&quot;],&quot;content_name&quot;:&quot;Granatapfel Tagecreme, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19327&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:27.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wpPbditQZvU-FoNU79LDB5Vt3kzdxZUeEQScwUVwrG4mRIIJ1QdpnXcNuvTo8cvqa9jFfQciY7mztDbTKdLW-g" />
    <input value="19327" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D3">
    <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-augencreme-15-ml-19320">
          <img alt="Exclusive Repair Augencreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11442/file/small-e85ecf57d940348f4a443a593f4356ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/11442/file/medium-d0d257e1d601139cad2b2121791153e6.webp 900w, https://assets.fabulous.ch/public/variant_asset/11442/file/large-c29ea95f2ca29c20b655d04131f8b5b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11442/file/medium-d0d257e1d601139cad2b2121791153e6.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-augencreme-15-ml-19320">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Exclusive Repair Augencreme, 15 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 186.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19320&quot;],&quot;content_name&quot;:&quot;Exclusive Repair Augencreme, 15 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19320&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:27.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y2I9A5ZSgkxl8p88LnJt_d9W1dRZiDED54Wz-9sde-4vtWR8aAWNJCzpppwpUWUQIePO5YNvx6RFNRnpt78Beg" />
    <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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D3">
    <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-reinigung-100-ml-19321">
          <img alt="Exclusive Repair Reinigung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11441/file/small-54e5524d28e14b542111d9a2b74f5459.webp 600w, https://assets.fabulous.ch/public/variant_asset/11441/file/medium-b1c4a6a51b4bdb9f1b12105e312a5b4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/11441/file/large-8a62660757f69cdeaada0ef28bb8810f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11441/file/medium-b1c4a6a51b4bdb9f1b12105e312a5b4e.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-reinigung-100-ml-19321">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Exclusive Repair Reinigung, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19321&quot;],&quot;content_name&quot;:&quot;Exclusive Repair Reinigung, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19321&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oITnusSqEg3uUiuNhWsvgTDJMkg7af6B6yzqjJVihOREU77FOv0dZadJEi2CSCdsznwpeeGOCCZJnECe-cD-cA" />
    <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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D3">
    <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-19330">
          <img alt="Hyaluron Plus Gel Granatapfel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11451/file/small-bf3262252382057a7ed483f0f9400a70.webp 600w, https://assets.fabulous.ch/public/variant_asset/11451/file/medium-d9ba0df07c8f7afedecf031de08b6a37.webp 900w, https://assets.fabulous.ch/public/variant_asset/11451/file/large-ac964930f5bd318dc64d4d02acb289e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11451/file/medium-d9ba0df07c8f7afedecf031de08b6a37.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-19330">
            <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 35.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19330&quot;],&quot;content_name&quot;:&quot;Hyaluron Plus Gel Granatapfel, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19330&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:35.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xAItqwjSoLS3kBJ_5suPJa6Z-wMNIey-Lj_SxE4uNA0g1XTU9oWv3P6LK9_h6IfIUCzgMtfGGhmMj3jWIoxOmQ" />
    <input value="19330" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D3">
    <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/gemstone-chakra-handcreme-50-ml-22274">
          <img alt="Gemstone Chakra Handcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11773/file/small-87fc39c0b631e6748d7d9a855f856f50.webp 600w, https://assets.fabulous.ch/public/variant_asset/11773/file/medium-d8b65482f27cbef53529ca927650b121.webp 900w, https://assets.fabulous.ch/public/variant_asset/11773/file/large-616500d721be560f454a9f056d253a80.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11773/file/medium-d8b65482f27cbef53529ca927650b121.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">SeelenLiebe</p>
          <a href="/products/gemstone-chakra-handcreme-50-ml-22274">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Handcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22274&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Handcreme, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22274&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:30.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1bPhqZW6EnjeUAnfviHSOATzqdf4wFFsp0KXpnPqRvAxZLjWa-0dEJdLMH-5AtrV-kay5iInp8sF8j20H0g8ZA" />
    <input value="22274" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D3">
    <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/gemstone-chakra-korpercreme-100-ml-22273">
          <img alt="Gemstone Chakra Körpercreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11772/file/small-f6cbd26ed7f02534a0cbde2081fbf739.webp 600w, https://assets.fabulous.ch/public/variant_asset/11772/file/medium-50185e578e3b4f982a08da19ad1699db.webp 900w, https://assets.fabulous.ch/public/variant_asset/11772/file/large-fcd97e311ef2cc9f52c5426b78e63642.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11772/file/medium-50185e578e3b4f982a08da19ad1699db.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">SeelenLiebe</p>
          <a href="/products/gemstone-chakra-korpercreme-100-ml-22273">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Körpercreme, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22273&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Körpercreme, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22273&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MGSo8IDidVGzC6zVAkbX9F9xjn7mx9CWlwk1L9RllhbUs_GPfrV6OfoQlXUFZd8ZocSVTzwgJjE1uZ89uMfsgg" />
    <input value="22273" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D3">
    <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/gemstone-chakra-korper-peeling-100-ml-22272">
          <img alt="Gemstone Chakra Körper-Peeling" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11771/file/small-d7ef498bb34a77300ae5185b5afb37d2.webp 600w, https://assets.fabulous.ch/public/variant_asset/11771/file/medium-86a13220f8386675a051b8f65c06bd54.webp 900w, https://assets.fabulous.ch/public/variant_asset/11771/file/large-e926535f63e9caf41f25a377d164c939.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11771/file/medium-86a13220f8386675a051b8f65c06bd54.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">SeelenLiebe</p>
          <a href="/products/gemstone-chakra-korper-peeling-100-ml-22272">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Körper-Peeling, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22272&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Körper-Peeling, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22272&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j2TAB0psf1pAHBRhzDEn1TnaY_ukoG6twoXxqu6tcHdrs5l4tDtwMgkHLcHLEi84x294yn5HmApgNVu4gg8K4w" />
    <input value="22272" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D3">
    <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/gemstone-chakra-haar-shampoo-200-ml-22271">
          <img alt="Gemstone Chakra Haar-Shampoo" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11769/file/small-23b700fc00c5986054939a80e969d028.webp 600w, https://assets.fabulous.ch/public/variant_asset/11769/file/medium-ce70345808cd44f10a613278223dfe47.webp 900w, https://assets.fabulous.ch/public/variant_asset/11769/file/large-caee506496b708111a7ee416df713881.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11769/file/medium-ce70345808cd44f10a613278223dfe47.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">SeelenLiebe</p>
          <a href="/products/gemstone-chakra-haar-shampoo-200-ml-22271">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Haar-Shampoo, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22271&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Haar-Shampoo, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22271&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-_xHLM33wmzH-dQSGUuj3awcUdNHZTYmu53agiXM00YfKx5TM6DNBI7i7bIeaKswUqlK4p2CwIEZLXCQSW6p0g" />
    <input value="22271" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D3">
    <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/gemstone-chakra-duschcreme-200-ml-22270">
          <img alt="Gemstone Chakra Duschcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11767/file/small-cc7bc9f9f5fec1ec3a32ee72b4b034ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/11767/file/medium-ca3f6c72e3f4ebd6a5ecb5280814e1d4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11767/file/large-d30dc1f4af8a506fbb9e26b5ac5ed37f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11767/file/medium-ca3f6c72e3f4ebd6a5ecb5280814e1d4.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">SeelenLiebe</p>
          <a href="/products/gemstone-chakra-duschcreme-200-ml-22270">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Duschcreme, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22270&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Duschcreme, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22270&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jYM4GfqVuK24NJ1sU7ISRnFXNmwYTEw97PerbvO5GFlpVGFmBMK3xfEvpMxUkRqrj-ItXcKruppORwF8nxtizQ" />
    <input value="22270" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gemstone-chakra-reinigungsbad-500-g-22269">
          <img alt="Gemstone Chakra Reinigungsbad" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11766/file/small-f4565c32ecc8d1b6bc0e75d54882e105.webp 600w, https://assets.fabulous.ch/public/variant_asset/11766/file/medium-9fe6341480f1a17e93d93a558b71bef1.webp 900w, https://assets.fabulous.ch/public/variant_asset/11766/file/large-ae092d191202830d92014cc25772573e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11766/file/medium-9fe6341480f1a17e93d93a558b71bef1.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">SeelenLiebe</p>
          <a href="/products/gemstone-chakra-reinigungsbad-500-g-22269">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Reinigungsbad, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22269&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Reinigungsbad, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22269&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0EH-x4KV0VY5KSVCTG3ADKc-7GGc-hOIZugkci7xUkI0lqe4fMLePnAyHOJLTsjhWYv3UEYd5S_EWI5gQlMo1g" />
    <input value="22269" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D3">
    <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/gemstone-chakra-gesichtsmaske-50-ml-22268">
          <img alt="Gemstone Chakra Gesichtsmaske" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11765/file/small-333e6f67a20750c7b238e6cfcbfe963c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11765/file/medium-02661ac804dec6333e68e987296e3dc4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11765/file/large-7a1b3321d3ae72ed99c852fc711bba13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11765/file/medium-02661ac804dec6333e68e987296e3dc4.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">SeelenLiebe</p>
          <a href="/products/gemstone-chakra-gesichtsmaske-50-ml-22268">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Gesichtsmaske, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22268&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Gesichtsmaske, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22268&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LqiMSdfUahqpNLJgxrqrPifIcK-8JUgLC-zK77xt6EbKf9U2KYNlcuAvi8DBmaPT2X1rnmbCvqypXGD90M-S0g" />
    <input value="22268" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Neu
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/gemstone-chakra-gesichtsrienigungsmilch-50-ml-22267">
          <img alt="Gemstone Chakra Gesichtscreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11764/file/small-012cb45e81af32a8fd2957f1d24fee2e.webp 600w, https://assets.fabulous.ch/public/variant_asset/11764/file/medium-dc56f4d9cde2dd242d05d5253f1aca34.webp 900w, https://assets.fabulous.ch/public/variant_asset/11764/file/large-3aeb42ceeab11c5e9a6dd279f12553ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11764/file/medium-dc56f4d9cde2dd242d05d5253f1aca34.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">SeelenLiebe</p>
          <a href="/products/gemstone-chakra-gesichtsrienigungsmilch-50-ml-22267">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Gesichtscreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22267&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Gesichtscreme, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22267&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2puNZiCUDn5fYvalr12uy1pXcaqI15-tvnTy0pORsvA-TNQZ3sMBFhZ5zwWofqYmpOJqm1IwaQocxFjA_zPIZA" />
    <input value="22267" 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%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D3">
    <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/gemstone-chakra-gesichtsrienigungsmilch-200-ml-22266">
          <img alt="Gemstone Chakra Gesichtsrienigungsmilch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11762/file/small-098f9f6b96dc519b6c7f8c0ff7798216.webp 600w, https://assets.fabulous.ch/public/variant_asset/11762/file/medium-d02da37c026ad98bcbef4a2966b1dd58.webp 900w, https://assets.fabulous.ch/public/variant_asset/11762/file/large-3701bc4747aee03b531d516000d73d58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11762/file/medium-d02da37c026ad98bcbef4a2966b1dd58.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">SeelenLiebe</p>
          <a href="/products/gemstone-chakra-gesichtsrienigungsmilch-200-ml-22266">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gemstone Chakra Gesichtsrienigungsmilch, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 48.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22266&quot;],&quot;content_name&quot;:&quot;Gemstone Chakra Gesichtsrienigungsmilch, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22266&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:48.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lDQmP3UfGL6cEuY5o7ovloPYaaLoVd8-RtoPy5UMcPVw439Ai0gX1tUJ35mkmSd7fW1ykzKyKZnkaqXZ-a4KYQ" />
    <input value="22266" 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">
      60 von 371 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/naturkosmetik?format=turbo_stream&amp;page=4">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>