<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%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/jolu-baby-wundschutzcreme-75ml-1-stuck-20054">
          <img alt="Jolu Baby Wundschutzcreme 75ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10463/file/small-72a575774f714540a42dbd1731e3fd76.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10463/file/medium-12819473d580a31aa31b3461dc0ac9af.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10463/file/large-4bbf041ffaf5d32b6cbd145342966aa4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10463/file/medium-12819473d580a31aa31b3461dc0ac9af.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">Jolu</p>
          <a href="/products/jolu-baby-wundschutzcreme-75ml-1-stuck-20054">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jolu Baby Wundschutzcreme 75ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LnMzPTbpWAwN3Ib4nY7BHybIaMaYoK1KRkmaNMyACbp8OjBngZBx6IIIBlXv7FAiJpA67w-5nCDZqzIdclmFjA" />
    <input value="20054" 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%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/ceres-spezialpflege-viola-50ml-1-stuck-20172">
          <img alt="Ceres Spezialpflege Viola 50ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10808/file/small-87e7ed796a3badf854e429734c84234b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10808/file/medium-1f0b0be3821675a665851681025c48c4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10808/file/large-710d942da39d91697aa0ff60444a4934.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10808/file/medium-1f0b0be3821675a665851681025c48c4.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">Ceres</p>
          <a href="/products/ceres-spezialpflege-viola-50ml-1-stuck-20172">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ceres Spezialpflege Viola 50ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0aNY6zjb7yeUzgvluijDdV0PSR2lQVO9IsvWi61EsaCD6luxj6LGwxsai0jISlJIXVcbNDJYYte9KX6iE509lg" />
    <input value="20172" 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%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/ceres-spezialpflege-centaurium-50ml-1-stuck-20173">
          <img alt="Ceres Spezialpflege Centaurium 50ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10809/file/small-7d1bacaa7afc342bd75e4bcc70b31bf9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10809/file/medium-c0eedfc947ea8d3c1f4c872ead50f761.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10809/file/large-d7a762dde11de5b5f60075240a41babc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10809/file/medium-c0eedfc947ea8d3c1f4c872ead50f761.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">Ceres</p>
          <a href="/products/ceres-spezialpflege-centaurium-50ml-1-stuck-20173">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ceres Spezialpflege Centaurium 50ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SIBl4yWf2jXBv7MJUt1jQg9AMMFAXpsQPBeYI6Fg8ZIayWa5kubz0U5rM6Qgv_J_Dxhi6NdHqnqj9TAKH7l9pA" />
    <input value="20173" 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%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/ceres-spezialpflege-calendula-50ml-1-stuck-20174">
          <img alt="Ceres Spezialpflege Calendula 50ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10811/file/small-340326e108bd41a9552dcd294675a24f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10811/file/medium-5bcfbad61444f17688824a66b7e6f9fd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10811/file/large-64ca52959716cd0cafd29a6853cc9312.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10811/file/medium-5bcfbad61444f17688824a66b7e6f9fd.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">Ceres</p>
          <a href="/products/ceres-spezialpflege-calendula-50ml-1-stuck-20174">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ceres Spezialpflege Calendula 50ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8uhaQjfyFf1biArNYaogp3Z_X3gQMkrB9LjNFF9ncSWgoVkYgIs8GdRcimATyLGadicNUYcre6trWmU94b79Ew" />
    <input value="20174" 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%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/aryalaya-rose-regeneration-tag-nachtpflege-50ml-1-stuck-20177">
          <img alt="AryaLaya Rose Regeneration Tag &amp; Nachtpflege 50ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10813/file/small-b4b51274645d12c7dbf1f4d35f5ca16e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10813/file/medium-03fbdd29d1f1984502d902d01be4ca37.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10813/file/large-8279aff7b85bb8331a3113f97ef533e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10813/file/medium-03fbdd29d1f1984502d902d01be4ca37.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">AryaLaya</p>
          <a href="/products/aryalaya-rose-regeneration-tag-nachtpflege-50ml-1-stuck-20177">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AryaLaya Rose Regeneration Tag &amp; Nachtpflege 50ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VOs6YgqrY41BfOTkXN9pT_OpIaxsWHcBkdjefxTBd9wGojk4vdJKac6oZEkuvfhy8_FzhftBRmsOOnZWqhj76g" />
    <input value="20177" 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%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/ben-anna-badesalz-lavendel-300g-1-stuck-20187">
          <img alt="Ben&amp;Anna Badesalz Lavendel 300g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10823/file/small-21d5f6b334df72f4dd9fd4c3e359a178.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10823/file/medium-fa703ab4e7c6cd33a4d8d0e057311b6a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10823/file/large-e4f65d2b409a6fa0b7a1bd618f24c9a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10823/file/medium-fa703ab4e7c6cd33a4d8d0e057311b6a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Ben&amp;Anna</p>
          <a href="/products/ben-anna-badesalz-lavendel-300g-1-stuck-20187">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ben&amp;Anna Badesalz Lavendel 300g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KEs7BGlJ6Hr7KsedHm4dF0rXWdCCUEv3PSvcP6xII0d6Ajhe3jDBnnT-RzBsDIwqSo8L-RVJep2iyXQWEpGvcQ" />
    <input value="20187" 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%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/ben-anna-badesalz-rose-300g-1-stuck-20188">
          <img alt="Ben&amp;Anna Badesalz Rose 300g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10824/file/small-8a71bc186d09c5461813f6da8c812d1b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10824/file/medium-4d7c2fb5d6453bdccdf5c1fc343df926.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10824/file/large-87c172feb285f6acdfeb6d4bad12b903.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10824/file/medium-4d7c2fb5d6453bdccdf5c1fc343df926.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Ben&amp;Anna</p>
          <a href="/products/ben-anna-badesalz-rose-300g-1-stuck-20188">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ben&amp;Anna Badesalz Rose 300g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Pl4p3GUXRG-NrmoE9o4vnZbK8uT-euImGz3xxvuHjZJsFyqG0m5tiwJ66qmE7L6glpKgzWlj00yE31nvRV4BpA" />
    <input value="20188" 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%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/ben-anna-badesalz-kornblume-300g-1-stuck-20189">
          <img alt="Ben&amp;Anna Badesalz Kornblume 300g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10822/file/small-c1006ac7c405bea601ba4d0b2284bbab.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10822/file/medium-d63328a5ca5af1b9ea54ea2aa673ffef.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10822/file/large-20daccb25f3eb1f8278e90f2432e0a87.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10822/file/medium-d63328a5ca5af1b9ea54ea2aa673ffef.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Ben&amp;Anna</p>
          <a href="/products/ben-anna-badesalz-kornblume-300g-1-stuck-20189">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ben&amp;Anna Badesalz Kornblume 300g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Lwo4RyUQK6yPGqo_sfxVIkb_n4g3emARUBwPfbkdZCB9QzsdkmkCSADOKpLDnsQfRqfNoaBjUXvP_qdUB8ToFg" />
    <input value="20189" 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%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/five-deocreme-ohne-parfum-50g-1-stuck-20282">
          <img alt="Five Deocreme ohne Parfum 50g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11027/file/small-482e74bfc3dd3138a7c549cc96102eb7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11027/file/medium-a2321daa39a26e7e99830b8da7ca61ef.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11027/file/large-1133f8be7a7a278302094d2d769323fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11027/file/medium-a2321daa39a26e7e99830b8da7ca61ef.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">Five Skincare</p>
          <a href="/products/five-deocreme-ohne-parfum-50g-1-stuck-20282">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Five Deocreme ohne Parfum 50g, 1 Stück</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 27.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jSB4kFV1jfmWknBvQtkW05kwGJXgrGWsRm73rAYBOObfaXvK4gykHRlG8MIwu4fumWhKvHe1VMbZjF-FuNi00A" />
    <input value="20282" 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%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/rosenrot-feste-bodybutter-sanddorn-orange-70g-1-stuck-20320">
          <img alt="Rosenrot Feste Bodybutter Sanddorn Orange 70g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11009/file/small-e7b0041dc4a674426c012c2bbf9aeb68.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11009/file/medium-81ec349da0f8d221c7dcaed66375f51e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11009/file/large-80a4aee22aa0468aab1e23be3bf2cbd3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11009/file/medium-81ec349da0f8d221c7dcaed66375f51e.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">Rosenrot</p>
          <a href="/products/rosenrot-feste-bodybutter-sanddorn-orange-70g-1-stuck-20320">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rosenrot Feste Bodybutter Sanddorn Orange 70g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="inSC0js3d-dSVWuiFhLxeTRpS-ffo-ZePIcKEMWCjWLYPYGIjE5eA92B6w9kcGBENDEZzki61zSjZaI5e1sBVA" />
    <input value="20320" 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%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/bionaturis-kartoffelcreme-aprikose-tube-100ml-1-stuck-20339">
          <img alt="Bionaturis Kartoffelcreme Aprikose Tube 100ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11037/file/small-d6245d16bdca65974ddad958055a9d4a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11037/file/medium-792fbba438ec1a2d5a8cebb8555f66e9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11037/file/large-1ca8021d30f3b83305dcbcd92de53b57.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11037/file/medium-792fbba438ec1a2d5a8cebb8555f66e9.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">Bionaturis</p>
          <a href="/products/bionaturis-kartoffelcreme-aprikose-tube-100ml-1-stuck-20339">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bionaturis Kartoffelcreme Aprikose Tube 100ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Vi4ERxNfRyc8h8zVtiv3rkJ6zuVUC7aUQZwjuh9pHD8EZwcdpCZuw7NTTHjESWaTQiKczMMSh_7efouTobCQCQ" />
    <input value="20339" 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%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/bionaturis-kartoffelcreme-winter-tube-50ml-1-stuck-20340">
          <img alt="Bionaturis Kartoffelcreme Winter Tube 50ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11038/file/small-d3475f7a012fe6dd7843c8ae88e85ea3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11038/file/medium-14d6eae6b7b23ae21648c3d97feb2a8c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11038/file/large-db524e1f7130a167e0e6ad25207a345b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11038/file/medium-14d6eae6b7b23ae21648c3d97feb2a8c.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">Bionaturis</p>
          <a href="/products/bionaturis-kartoffelcreme-winter-tube-50ml-1-stuck-20340">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bionaturis Kartoffelcreme Winter Tube 50ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WRRVdAqisU7VOEAJadL-DBFY3moRQD8Vdbz2jwmi6NILXVYuvduYqlrswKQbsG8xEQCMQ4ZZDn_qXl6mt3tk5A" />
    <input value="20340" 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%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/inninova-after-sun-fluid-150ml-1-stuck-20362">
          <img alt="Inninova After Sun Fluid 150ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11061/file/small-9c4e49dfd8cd27610779870931a47faf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11061/file/medium-aae71404099d2b08d908ea41b75b2f33.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11061/file/large-ea659e8f3fec1665d28ee69ff2a88762.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11061/file/medium-aae71404099d2b08d908ea41b75b2f33.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">Inninova</p>
          <a href="/products/inninova-after-sun-fluid-150ml-1-stuck-20362">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Inninova After Sun Fluid 150ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oWaiWZGxqoipCt0Kn4w1DO6u9HM64fTVkXgI0gDNQWPzL6EDJsiDbCbeXaft7qQx7vamWq34xb8OmqD7vhTNVQ" />
    <input value="20362" 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%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D8">
    <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/inninova-sun-lsf-50-baby-kids-100ml-1-stuck-20363">
          <img alt="Inninova Sun LSF 50 Baby &amp; Kids 100ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11062/file/small-9f2d9b443bf5d55ea7575e2e520bc7aa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11062/file/medium-a6c2dcadfbb32f7f9da361d27ff192bf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11062/file/large-8d6503332a02e50ff1b0ddd1b159cb07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11062/file/medium-a6c2dcadfbb32f7f9da361d27ff192bf.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">Inninova</p>
          <a href="/products/inninova-sun-lsf-50-baby-kids-100ml-1-stuck-20363">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Inninova Sun LSF 50 Baby &amp; Kids 100ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_5YHgugh7APeE75nOo4bS-FHfDGnb0gWNSl7nTs1nq2t3wTYX1jF51HHPspI7Ip24R8uGDB2eXyqy9O0hewSmw" />
    <input value="20363" 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">
      154 von 154 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>