<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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D132">
    <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/zz-sensitive-regenerierende-tagescreme-50-ml-19515">
          <img alt="zz Sensitive Regenerierende Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9842/file/small-16cb353143cb7f5589ea6c5178f3e4bd.webp 600w, https://assets.fabulous.ch/public/variant_asset/9842/file/medium-1196364df26343f2d5bf48e8631c5cc4.webp 900w, https://assets.fabulous.ch/public/variant_asset/9842/file/large-24247458dcecf403fc605b4324199fec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9842/file/medium-1196364df26343f2d5bf48e8631c5cc4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/zz-sensitive-regenerierende-tagescreme-50-ml-19515">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Regenerierende Tagescreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19515&quot;],&quot;content_name&quot;:&quot;zz Sensitive Regenerierende Tagescreme, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19515&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:44.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0PpmR3b5V8yl4WnuGzjHhX687StpcjWnS2GM_-5SUKTO4b59wbAGaXypNnUP4bB2vZZzIipOENBdkbjsdw8BLw" />
    <input value="19515" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D132">
    <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/zz-sensitive-schutzende-tagescreme-50-ml-19516">
          <img alt="zz Sensitive Schützende Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11026/file/small-502dcdd51f653bfd4bffcca2ce842f4f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11026/file/medium-74b4dc1b230ae97bb2a7a3b069569f69.webp 900w, https://assets.fabulous.ch/public/variant_asset/11026/file/large-f1aa3449545df8d0b8b43d7a47d208fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11026/file/medium-74b4dc1b230ae97bb2a7a3b069569f69.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/zz-sensitive-schutzende-tagescreme-50-ml-19516">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Schützende Tagescreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19516&quot;],&quot;content_name&quot;:&quot;zz Sensitive Schützende Tagescreme, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19516&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:34.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gcNGcIAxPweblZ9zWJR4xuHh8GrqSP1IBKwiSKLdMXaf2J5KN3huokLdwOhMTQ81IstuY6l02D8SXBZbO4Bg_Q" />
    <input value="19516" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D132">
    <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/zz-sensitive-starkendes-gesichtsgel-150-ml-19517">
          <img alt="zz Sensitive Stärkendes Gesichtsgel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9356/file/small-9124666223d8ac3c6510380d16a70589.webp 600w, https://assets.fabulous.ch/public/variant_asset/9356/file/medium-29446c3aa74d0b735cb2c1f76abe69c4.webp 900w, https://assets.fabulous.ch/public/variant_asset/9356/file/large-13b48a68d225644de4ea1becf17c481f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9356/file/medium-29446c3aa74d0b735cb2c1f76abe69c4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/products/zz-sensitive-starkendes-gesichtsgel-150-ml-19517">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Stärkendes Gesichtsgel, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19517&quot;],&quot;content_name&quot;:&quot;zz Sensitive Stärkendes Gesichtsgel, 150 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19517&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:33.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KiE2Z_IcAeT_htLIXdd7_Kav8MSYAyZAZgVXRFn3Qnk0Ou5dRVVQQSbOjVNJDgwPZYVuzds_Azdw9WNXwKoT8g" />
    <input value="19517" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D132">
    <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/liquid-soap-baby-mild-240-ml-19532">
          <img alt="Liquid Soap Baby Mild" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9368/file/small-ab986754ac9046d40fd212b6a086cb7f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9368/file/medium-08d83938973168e011626f81ced338a8.webp 900w, https://assets.fabulous.ch/public/variant_asset/9368/file/large-77b2a352300be6a6556e6300d818897a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9368/file/medium-08d83938973168e011626f81ced338a8.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">Dr. Bronners</p>
          <a href="/products/liquid-soap-baby-mild-240-ml-19532">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Baby Mild, 240 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 6.21 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19532&quot;],&quot;content_name&quot;:&quot;Liquid Soap Baby Mild, 240 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19532&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BTBWQpev7TUx4sRKQu84d7vWn-gpsXah4PvP3IpIC6wbK454IOa8kOiqm9FWNk-EePwB4WqNU9b2C_vPExVaJw" />
    <input value="19532" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D132">
    <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/liquid-soap-baby-mild-60-ml-19533">
          <img alt="Liquid Soap Baby Mild" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9369/file/small-346c6de710e5b8508eba0302fbadf6f0.webp 600w, https://assets.fabulous.ch/public/variant_asset/9369/file/medium-463a5c6400735f82202f920345c67a87.webp 900w, https://assets.fabulous.ch/public/variant_asset/9369/file/large-2bf00678e9a4fb435e38b7de866acca9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9369/file/medium-463a5c6400735f82202f920345c67a87.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">Dr. Bronners</p>
          <a href="/products/liquid-soap-baby-mild-60-ml-19533">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Baby Mild, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19533&quot;],&quot;content_name&quot;:&quot;Liquid Soap Baby Mild, 60 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19533&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aFAPxqAyNMaJ-HWoJxtPvdKw2Y2DMwQedbANjU4XBjJ2S9f8F3tlY1CwKjMzwjhOEZpHhMAPIWljQDme10pXuQ" />
    <input value="19533" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D132">
    <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/liquid-soap-cherry-blossom-240-ml-19534">
          <img alt="Liquid Soap Cherry Blossom" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10035/file/small-0661e434a6d71c42fd692294cbd52402.webp 600w, https://assets.fabulous.ch/public/variant_asset/10035/file/medium-46e809b19f384ac52148e0e2bee285da.webp 900w, https://assets.fabulous.ch/public/variant_asset/10035/file/large-9363a31613471929208017bb0c0ae376.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10035/file/medium-46e809b19f384ac52148e0e2bee285da.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">Dr. Bronners</p>
          <a href="/products/liquid-soap-cherry-blossom-240-ml-19534">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Cherry Blossom, 240 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 6.21 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19534&quot;],&quot;content_name&quot;:&quot;Liquid Soap Cherry Blossom, 240 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19534&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1dM6mZ0SKPwKYDfadYAVSgpkzoeKTs-6Q7kaFbeRcYbLyOKjKlt5WdMoaEFhWWK5yU5Qjsly6s1VSS4GLswgDQ" />
    <input value="19534" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D132">
    <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/liquid-soap-lavender-240-ml-19537">
          <img alt="Liquid Soap Lavender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9371/file/small-98b1bce04be317c6e6eb2f42e12bd29f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9371/file/medium-8cac9db1b8f2170bf1b5220296a0eddb.webp 900w, https://assets.fabulous.ch/public/variant_asset/9371/file/large-6ef0a9c7e52295f60c8c0fcb9135be86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9371/file/medium-8cac9db1b8f2170bf1b5220296a0eddb.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">Dr. Bronners</p>
          <a href="/products/liquid-soap-lavender-240-ml-19537">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Lavender, 240 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 6.21 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19537&quot;],&quot;content_name&quot;:&quot;Liquid Soap Lavender, 240 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19537&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8Y2u6wbN0wSBQHu44tis2qMjEZ9_j1AuGQQpOBQPlQrvlnbRsYSCoVgIJCP2AdspYAmPljyzdVkP9B0rjVLEgQ" />
    <input value="19537" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D132">
    <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/liquid-soap-mandel-240-ml-19539">
          <img alt="Liquid Soap Mandel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9373/file/small-cf5b609d961bfc7ad217e3cfc8ef240c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9373/file/medium-ce272ab0916532288f98cdf680125760.webp 900w, https://assets.fabulous.ch/public/variant_asset/9373/file/large-8bc41cfca8faddd300c61bccfb862142.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9373/file/medium-ce272ab0916532288f98cdf680125760.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">Dr. Bronners</p>
          <a href="/products/liquid-soap-mandel-240-ml-19539">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Mandel, 240 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 6.21 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19539&quot;],&quot;content_name&quot;:&quot;Liquid Soap Mandel, 240 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19539&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IlXCToHXHFkzv-DAYKmi1_A9ZBX8FZxJy8J4Qopn_oM8Thp0Np5N_Or3v1t0cNUkMxf6HL8puT7dMkxREzqvCA" />
    <input value="19539" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D132">
    <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/liquid-soap-peppermint-240-ml-19541">
          <img alt="Liquid Soap Peppermint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9375/file/small-0b077a645acd1d64fe4b335eb7dc8fdf.webp 600w, https://assets.fabulous.ch/public/variant_asset/9375/file/medium-95e7b4680e35763c34a7d7b2ead14b7b.webp 900w, https://assets.fabulous.ch/public/variant_asset/9375/file/large-649ecc7ecaad33a1bc9b030435723b4a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9375/file/medium-95e7b4680e35763c34a7d7b2ead14b7b.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">Dr. Bronners</p>
          <a href="/products/liquid-soap-peppermint-240-ml-19541">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Peppermint, 240 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 6.21 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19541&quot;],&quot;content_name&quot;:&quot;Liquid Soap Peppermint, 240 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19541&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="53jl_RzsyDtE3JasJaFflfIV-g3nCN-FZJuSHr8oeaP5Yz3Hq6WZnp2UyTcxeChmMT9kBKQ0-vJya6YNJnUoKA" />
    <input value="19541" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D132">
    <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/liquid-soap-rose-240-ml-19542">
          <img alt="Liquid Soap Rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9376/file/small-3e58d920e365df34a7652f6f5d49b796.webp 600w, https://assets.fabulous.ch/public/variant_asset/9376/file/medium-12b7072391ae23318632b484a74b0abd.webp 900w, https://assets.fabulous.ch/public/variant_asset/9376/file/large-c43ae55f5864a1ea8481eb67ea10956d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9376/file/medium-12b7072391ae23318632b484a74b0abd.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">Dr. Bronners</p>
          <a href="/products/liquid-soap-rose-240-ml-19542">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Rose, 240 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19542&quot;],&quot;content_name&quot;:&quot;Liquid Soap Rose, 240 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19542&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GXQ-9BjxZBpM2pmybQQfB1052Q5fVd0Pnz9vp4SXCXwHb-bOr7g1v5WSxil53Wj0nhNHBxxp-HiJz1u0HcpY9w" />
    <input value="19542" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D132">
    <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/liquid-soap-sandelholz-jasmin-240-ml-19543">
          <img alt="Liquid Soap Sandelholz-Jasmin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10036/file/small-c34c5142d296a126c3997da8ce584ef8.webp 600w, https://assets.fabulous.ch/public/variant_asset/10036/file/medium-9a3867f3a81fddfbc65519d190f6aca0.webp 900w, https://assets.fabulous.ch/public/variant_asset/10036/file/large-3726fdcfde1fff83203e12b1295be9e3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10036/file/medium-9a3867f3a81fddfbc65519d190f6aca0.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">Dr. Bronners</p>
          <a href="/products/liquid-soap-sandelholz-jasmin-240-ml-19543">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Sandelholz-Jasmin, 240 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 6.21 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19543&quot;],&quot;content_name&quot;:&quot;Liquid Soap Sandelholz-Jasmin, 240 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19543&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dmJClVdsAxGTVJGJPFPal5L40NV9pCp73e6IGU6uwdhoeZqv4CVStEoczhIoiq1kUdJO3D6YDwzLHrwK1_OQUw" />
    <input value="19543" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D132">
    <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/deocreme-sheabutter-zirbenol-30-ml-19550">
          <img alt="Deocreme Sheabutter/Zirbenöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10358/file/small-179fa03d37f043ff7eaaef35cb903b69.webp 600w, https://assets.fabulous.ch/public/variant_asset/10358/file/medium-369d138e4c98d76e86a54a944819e600.webp 900w, https://assets.fabulous.ch/public/variant_asset/10358/file/large-ae7d18bcf26951d05405a75a38a74156.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10358/file/medium-369d138e4c98d76e86a54a944819e600.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">Droste-Laux</p>
          <a href="/products/deocreme-sheabutter-zirbenol-30-ml-19550">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deocreme Sheabutter/Zirbenöl, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.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-19550-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19550&quot;],&quot;content_name&quot;:&quot;Deocreme Sheabutter/Zirbenöl, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19550&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yc_Ulrsk0UAO58Krph1k6c7xMsN1OMPXv2PZzIA-VWvX1AysDG2A5devnTCyxBMaDdusyjYE5qCpk-3fGWME4A" />
    <input value="19550" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D132">
    <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/gesichtscreme-basisch-50-ml-19555">
          <img alt="Gesichtscreme basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9384/file/small-a7f169e1df5f18c1c5c770c5a041600b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9384/file/medium-eac4636d6f6089e4da2fae981a3fa4f4.webp 900w, https://assets.fabulous.ch/public/variant_asset/9384/file/large-ce4d911ca48d74b633883574ce7c3078.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9384/file/medium-eac4636d6f6089e4da2fae981a3fa4f4.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">Droste-Laux</p>
          <a href="/products/gesichtscreme-basisch-50-ml-19555">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gesichtscreme basisch, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19555&quot;],&quot;content_name&quot;:&quot;Gesichtscreme basisch, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19555&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:34.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SzYNRF71j95Ppdbopjbp0k_LiKbxeJagXk_3ei4qbVJVLdV-6bzee5btiXOy754hjOEWr7JEs9dIv8Npt3c82Q" />
    <input value="19555" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D132">
    <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/gesichtsmaske-basisch-50-ml-19556">
          <img alt="Gesichtsmaske basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9385/file/small-a0a9c610f51cf82d779fc455d7368658.webp 600w, https://assets.fabulous.ch/public/variant_asset/9385/file/medium-0d2627e69a18117476fbfacd0db78af8.webp 900w, https://assets.fabulous.ch/public/variant_asset/9385/file/large-ce6affda76a60c0e63f286901171bc06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9385/file/medium-0d2627e69a18117476fbfacd0db78af8.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">Droste-Laux</p>
          <a href="/products/gesichtsmaske-basisch-50-ml-19556">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gesichtsmaske basisch, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19556&quot;],&quot;content_name&quot;:&quot;Gesichtsmaske basisch, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19556&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:35.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="azsEi1l9ZU5YIOyO5sASg5DM0uUxhyXjrDzZ5LFwK6J1INyx7jQ064FosxXyGWVwU-ZM7HK7AJS6zO33KC16KQ" />
    <input value="19556" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D132">
    <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/gesichtswaschcreme-basisch-50-ml-19557">
          <img alt="Gesichtswaschcreme basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11190/file/small-b6fd7fd5f14ce704e17e4c7c761c4fc1.webp 600w, https://assets.fabulous.ch/public/variant_asset/11190/file/medium-a009e56feeae7b75e3618e225a567fdd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11190/file/large-619576bdb659d51c564f46d532a8f375.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11190/file/medium-a009e56feeae7b75e3618e225a567fdd.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">Droste-Laux</p>
          <a href="/products/gesichtswaschcreme-basisch-50-ml-19557">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gesichtswaschcreme basisch, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19557&quot;],&quot;content_name&quot;:&quot;Gesichtswaschcreme basisch, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19557&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:32.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8dqA1uWHSS5XrTuEzqLOZtzI4KWTTKy15Bik51ZWITnvwVjsUs4Yi47lZB_ae7mVH-J-rNBwicLy6JD0zwtwsg" />
    <input value="19557" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D132">
    <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/zahncreme-basisch-50-ml-19561">
          <img alt="Zahncreme basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9389/file/small-d97a2b2ce72d1d6bc22e2ff9ddd2388e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9389/file/medium-dbe26538c648b94007b05d7a4b00238a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9389/file/large-80a04d79e14fbf5c747d418e668cf87f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9389/file/medium-dbe26538c648b94007b05d7a4b00238a.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">Droste-Laux</p>
          <a href="/products/zahncreme-basisch-50-ml-19561">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahncreme basisch, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19561&quot;],&quot;content_name&quot;:&quot;Zahncreme basisch, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19561&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6g4RHlZCkZDpVP8F-UCfXffEY2BylalSLNKB1onoDhD0Fckk4QvANTAcoJ7tmeiuNO79aTGpjCU6IrXFELVfmw" />
    <input value="19561" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D132">
    <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/midi-seife-karite-eisenkraut-100-g-19586">
          <img alt="Midi Seife Karite Eisenkraut" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10328/file/small-a14a3c9fe4d67369815a5f32ab049ef1.webp 600w, https://assets.fabulous.ch/public/variant_asset/10328/file/medium-109f980cca6077a93aae40c6adb16709.webp 900w, https://assets.fabulous.ch/public/variant_asset/10328/file/large-7cd2eaf85b11852730f37a108a42645d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10328/file/medium-109f980cca6077a93aae40c6adb16709.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">Savon du Midi</p>
          <a href="/products/midi-seife-karite-eisenkraut-100-g-19586">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Midi Seife Karite Eisenkraut, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19586&quot;],&quot;content_name&quot;:&quot;Midi Seife Karite Eisenkraut, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19586&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lphb1MNJ_37PYRu_ewDfn6TQGoP3hJdpGqhru5VKXecwg4PudACu2xYpRCRv2ahsZ_qEirS4sh4MWF-oDBcMbA" />
    <input value="19586" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D132">
    <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/midi-seife-karite-lavendel-100-g-19587">
          <img alt="Midi Seife Karite Lavendel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11027/file/small-44e18ec75679162a0f2cc20eff874640.webp 600w, https://assets.fabulous.ch/public/variant_asset/11027/file/medium-0e0bdbc1dad3b5a2161d3067fd78888f.webp 900w, https://assets.fabulous.ch/public/variant_asset/11027/file/large-dc98a2cedb233fc743251f9cefa184b7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11027/file/medium-0e0bdbc1dad3b5a2161d3067fd78888f.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">Savon du Midi</p>
          <a href="/products/midi-seife-karite-lavendel-100-g-19587">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Midi Seife Karite Lavendel, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19587&quot;],&quot;content_name&quot;:&quot;Midi Seife Karite Lavendel, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19587&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2D_93xFOwg1CMFkibwaljT4JhWQN19b90b5UEfDvONLGJCXlpgeTqJt4Brl739J-_SMbbU7r84rHTmACabJpWQ" />
    <input value="19587" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D132">
    <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/aloe-vera-gel-120-ml-19589">
          <img alt="Aloe Vera Gel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9396/file/small-2c06c0b05989bd9d04411a74a1d41f1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/9396/file/medium-b9bf3d1a8e128ace440be73aba9eb584.webp 900w, https://assets.fabulous.ch/public/variant_asset/9396/file/large-f60fb97efc3f0e11681d6786d847af09.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9396/file/medium-b9bf3d1a8e128ace440be73aba9eb584.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">NaturKraftWerke</p>
          <a href="/products/aloe-vera-gel-120-ml-19589">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aloe Vera Gel, 120 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19589&quot;],&quot;content_name&quot;:&quot;Aloe Vera Gel, 120 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19589&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4N0j5Jap-FdQncrB1X3PSoTyKAKuHbNL-ycBunLfNYD-xvveIeCp8onVlVrBpLi5R9i2C-0hljzt1zWp64JkCw" />
    <input value="19589" 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%2Fchakra-ole%3Fformat%3Dturbo_stream%26page%3D132">
    <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/wattepads-70-stuck-19590">
          <img alt="Wattepads" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10051/file/small-8c664514b759d09524c0031e3b280b1e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10051/file/medium-1016927de90b502b06477e4b301bbac1.webp 900w, https://assets.fabulous.ch/public/variant_asset/10051/file/large-ad69e9867cfbe88a61674550a343bd60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10051/file/medium-1016927de90b502b06477e4b301bbac1.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">Organyc</p>
          <a href="/products/wattepads-70-stuck-19590">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wattepads, 70 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.05 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19590&quot;],&quot;content_name&quot;:&quot;Wattepads, 70 Stück&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19590&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UDGr5YvDCMoz_NiTnui4cRSB8Q-uaXAhz5d6Vuoq1exOKnPfPIpZb-q0hwiKMc-C16tvBu1VVVbZZ05Fc3eEZw" />
    <input value="19590" 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">
      2&#39;640 von 2&#39;972 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/naturkosmetik/chakra-ole?format=turbo_stream&amp;page=133">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>