<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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/bodylotion-kokosnuss-coconut-mit-spender-bio-245-ml-6670">
          <img alt="Bodylotion Kokosnuss (Coconut) mit Spender Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3859/file/small-86ad18cc4e049c6a0ea5f61f3c1b93d8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3859/file/medium-e3363762a7af312009a56652b737ee84.webp 900w, https://assets.fabulous.ch/public/variant_asset/3859/file/large-5e026a146e4c673ed5c6ec02df4b0e14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3859/file/medium-e3363762a7af312009a56652b737ee84.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">Urtekram</p>
          <a href="/products/bodylotion-kokosnuss-coconut-mit-spender-bio-245-ml-6670">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bodylotion Kokosnuss (Coconut) mit Spender Bio, 245 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.67 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6670&quot;],&quot;content_name&quot;:&quot;Bodylotion Kokosnuss (Coconut) mit Spender Bio, 245 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6670&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="h_nHVZR7n5pwIoBLhJRVw55BRhCglpGcR73nVTnVBZlrl_NLepulLTamam-QIlXAZ9SqdvkKBynTIDPSLw-_Hw" />
    <input value="6670" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/schmierseife-flussig-500-ml-9779">
          <img alt="Schmierseife flüssig" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5426/file/small-cfa69f857fff07a549442f74b2050c59.webp 600w, https://assets.fabulous.ch/public/variant_asset/5426/file/medium-c5d2f60624b5115f0b5beac7add96017.webp 900w, https://assets.fabulous.ch/public/variant_asset/5426/file/large-170b2fa03e9f549f2b59f76fe300d394.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5426/file/medium-c5d2f60624b5115f0b5beac7add96017.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/products/schmierseife-flussig-500-ml-9779">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schmierseife flüssig, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9779&quot;],&quot;content_name&quot;:&quot;Schmierseife flüssig, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9779&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IiEp_9j20Df4WkqzQtkM6oy4aTM5bo3r3NmGJYlRcK7OTx3hNhbqgL7eoJdWbwzpdS2FVWDyG15IRFKin4vKKA" />
    <input value="9779" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/shea-butter-bio-100-ml-15117">
          <img alt="Shea Butter Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6932/file/small-0d0ccdce08531935bad0653ca8b48a48.webp 600w, https://assets.fabulous.ch/public/variant_asset/6932/file/medium-823342332264f9daad6c84701bec5d67.webp 900w, https://assets.fabulous.ch/public/variant_asset/6932/file/large-6f362242c8c6af5d436ac46de2c9dd5f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6932/file/medium-823342332264f9daad6c84701bec5d67.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">farfalla</p>
          <a href="/products/shea-butter-bio-100-ml-15117">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shea Butter Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15117&quot;],&quot;content_name&quot;:&quot;Shea Butter Bio, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15117&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5PA0jZuOQ4kGjgTKHrstMgqldVR0VvwBUK-qWro3yp8IngCTdW55PkAK7u4KDS0x8zCZMi3KarTEMn7drO1wGQ" />
    <input value="15117" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/kernseife-aus-bio-pflanzenol-100-g-17195">
          <img alt="Kernseife aus Bio-Pflanzenöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8020/file/small-5cb1ff9d3d17d85b43c827c75222fbad.webp 600w, https://assets.fabulous.ch/public/variant_asset/8020/file/medium-e773d5953d4c17292d48fdbc33b0271c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8020/file/large-2993199b447035417f9136fc3d5feecd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8020/file/medium-e773d5953d4c17292d48fdbc33b0271c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/products/kernseife-aus-bio-pflanzenol-100-g-17195">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kernseife aus Bio-Pflanzenöl, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17195&quot;],&quot;content_name&quot;:&quot;Kernseife aus Bio-Pflanzenöl, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17195&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WgaxSwbfYZm7ox-PbwCFp-1hx48oNCemMS5bcHhQk5m2aIVV6D9bLv0n9at7toWkFPQr6XGosROls4_3boopHw" />
    <input value="17195" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/seife-lavendel-handseife-pumpspender-1-l-18189">
          <img alt="Seife Lavendel Handseife Pumpspender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9140/file/small-088dd010b9afba8650bf19fc54537661.webp 600w, https://assets.fabulous.ch/public/variant_asset/9140/file/medium-8cf1518f061e229646f20bb6e55c7672.webp 900w, https://assets.fabulous.ch/public/variant_asset/9140/file/large-34c2a006f5457996c4aa79878c2b3009.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9140/file/medium-8cf1518f061e229646f20bb6e55c7672.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/products/seife-lavendel-handseife-pumpspender-1-l-18189">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seife Lavendel Handseife Pumpspender, 1 l</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 1.69 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18189&quot;],&quot;content_name&quot;:&quot;Seife Lavendel Handseife Pumpspender, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18189&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jpm5Y-Rp31Jr4MzKiyeqBUZqzw92w5toy4S9utEV7X7K9419Conl5S1kJu6fkaoGv_8jaS9fDd1fGWk9x89X-A" />
    <input value="18189" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/seife-rosmarin-handseife-pumpspender-1-l-18196">
          <img alt="Seife Rosmarin Handseife Pumpspender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9148/file/small-97cd35032f391c32c4b1927ec80ac1e6.webp 600w, https://assets.fabulous.ch/public/variant_asset/9148/file/medium-509637abe8ca29dee8bfc2878e32afbf.webp 900w, https://assets.fabulous.ch/public/variant_asset/9148/file/large-ed517794a3d804c63b9ecc8674faf86d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9148/file/medium-509637abe8ca29dee8bfc2878e32afbf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/products/seife-rosmarin-handseife-pumpspender-1-l-18196">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seife Rosmarin Handseife Pumpspender, 1 l</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 1.69 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18196&quot;],&quot;content_name&quot;:&quot;Seife Rosmarin Handseife Pumpspender, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18196&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rXZLhioOucSPNw6zOWCylavvxzYLJTdtMMhqdTcMTKZBGH-YxO6Dc8mz5Jct1rKWUnorUFK5odikVb7yIdb2IA" />
    <input value="18196" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/hanfol-75-ml-19288">
          <img alt="Hanföl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9704/file/small-75ecbdd6f0a920c78a10d9dc7bdc0292.webp 600w, https://assets.fabulous.ch/public/variant_asset/9704/file/medium-7b12fe2c7d457a1d0b25d221509e5634.webp 900w, https://assets.fabulous.ch/public/variant_asset/9704/file/large-f977f8d18422b54c15aa990596b7d89e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9704/file/medium-7b12fe2c7d457a1d0b25d221509e5634.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">AromaLife</p>
          <a href="/products/hanfol-75-ml-19288">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hanföl, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19288&quot;],&quot;content_name&quot;:&quot;Hanföl, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19288&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KfJfDeN0K_kTWQoIS4RDXfkYUkJLB8vcjAJ4nK423MDFnGsTDZQRTlXd4CxfMkNeAI2-JBKbXWkYn6wbuOxmRg" />
    <input value="19288" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/johanniskrautol-75-ml-19293">
          <img alt="Johanniskrautöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9703/file/small-38323aeb75f0eec112c83f9733faa17e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9703/file/medium-a2b6985fd840bb9a7f0c5ec33db18dfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/9703/file/large-34bf44cf791e5d59dbed33e6becc9dc2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9703/file/medium-a2b6985fd840bb9a7f0c5ec33db18dfc.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">AromaLife</p>
          <a href="/products/johanniskrautol-75-ml-19293">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Johanniskrautöl, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19293&quot;],&quot;content_name&quot;:&quot;Johanniskrautöl, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19293&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gyppYoSyGbcgNhcyIWgFea55usJVC5Eu4lVg4_h693hvRF18alIjAGay_RY13gV6V-xWpAyXB5t2yLRk7qBN_g" />
    <input value="19293" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mandelol-suss-75-ml-19295">
          <img alt="Mandelöl süss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9701/file/small-0853aae16d7ebd61b862330baae5560e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9701/file/medium-814e5008e2a4c2c76008ec7622fb4612.webp 900w, https://assets.fabulous.ch/public/variant_asset/9701/file/large-c8365e7d97543e7b4b219ec5511818f5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9701/file/medium-814e5008e2a4c2c76008ec7622fb4612.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">AromaLife</p>
          <a href="/products/mandelol-suss-75-ml-19295">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandelöl süss, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19295&quot;],&quot;content_name&quot;:&quot;Mandelöl süss, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19295&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dp13Iu2ZLs-LRvJGqR6LFbzfGIxV5zdXzeXjT6xxOWOa80M8A3kUeM3CGGK9qIsWRUr06gx7oeJZeDfIuquD5Q" />
    <input value="19295" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/wildrosenol-bio-30-ml-19307">
          <img alt="Wildrosenöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10634/file/small-529692804fd9ac26b12389725c6a26b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/10634/file/medium-904305d4713d94f94084f7db0774f082.webp 900w, https://assets.fabulous.ch/public/variant_asset/10634/file/large-e08c26ec5d4885c7b17f21e47d2b7e60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10634/file/medium-904305d4713d94f94084f7db0774f082.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">AromaLife</p>
          <a href="/products/wildrosenol-bio-30-ml-19307">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wildrosenöl Bio, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19307&quot;],&quot;content_name&quot;:&quot;Wildrosenöl Bio, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19307&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XW6WFzdSjpCF17_Qbu4AnJir7ahzHIfeMgodu1x92EuxAKIJ2bK0J8NTVfR6WACfYT4BziqAEWuml8k8SqdizQ" />
    <input value="19307" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/kamille-serum-30-ml-19332">
          <img alt="Kamille Serum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11427/file/small-22a82ec3e7f917ba6eddacc701695862.webp 600w, https://assets.fabulous.ch/public/variant_asset/11427/file/medium-0dbfc0fe1a7ece577224a958fa7a9ddb.webp 900w, https://assets.fabulous.ch/public/variant_asset/11427/file/large-30fe41bebe5618b1bfdb38ad2c46eaf4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11427/file/medium-0dbfc0fe1a7ece577224a958fa7a9ddb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arya Laya</p>
          <a href="/products/kamille-serum-30-ml-19332">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kamille Serum, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19332&quot;],&quot;content_name&quot;:&quot;Kamille Serum, 30 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19332&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QO9J-CGgVBVdoa6L9acHo18ZkDLTprQzdV6Tmq2-REysgX3mz0BuohslRK_hEQegpox8VIo6Iobhw0cdu2T-yg" />
    <input value="19332" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/kamille-tag-nachtpflege-rich-50-ml-19334">
          <img alt="Kamille Tag &amp; Nachtpflege Rich" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11425/file/small-c35e63034f765c390636a36db5afa456.webp 600w, https://assets.fabulous.ch/public/variant_asset/11425/file/medium-ca241b341611ef04ee200cd61b9ac9f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/11425/file/large-e4b7ee5e57b17cca525c39230daaace9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11425/file/medium-ca241b341611ef04ee200cd61b9ac9f3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arya Laya</p>
          <a href="/products/kamille-tag-nachtpflege-rich-50-ml-19334">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kamille Tag &amp; Nachtpflege Rich, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19334&quot;],&quot;content_name&quot;:&quot;Kamille Tag \u0026 Nachtpflege Rich, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19334&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YcF-vXJ-_ZCp2FSBnwnyqlk62zLyWHuwY0oIy8c8YZ2Nr0qjnJ7HJ-9cvqWLv_KpoK83VKvE7QX319xM0ebbGw" />
    <input value="19334" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/olive-body-lotion-150-ml-19337">
          <img alt="Olive Body Lotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11445/file/small-6a710b3a80524b2f191a70ae27d18d09.webp 600w, https://assets.fabulous.ch/public/variant_asset/11445/file/medium-dd040f6aeae8013a1ba5e13d917fa0a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/11445/file/large-20cafaf492507e0426ea5ab354bfa37e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11445/file/medium-dd040f6aeae8013a1ba5e13d917fa0a4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Arya Laya</p>
          <a href="/products/olive-body-lotion-150-ml-19337">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Olive Body Lotion, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19337&quot;],&quot;content_name&quot;:&quot;Olive Body Lotion, 150 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19337&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xqoujzix1GUntkNOwzUdm1af01m_6xzJ9L0Eydq80ziyxBqR1lHu0mEyqWrXgx2Yrwo_P-Z3inxgINBOzGZpvg" />
    <input value="19337" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/deo-coco-mania-karton-40-g-19340">
          <img alt="Deo Coco Mania Karton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9778/file/small-2eb3a79ef85b94b7bfa5962146f938a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/9778/file/medium-c8ad25c1dfd4f444e8962c38b828e2ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/9778/file/large-5ebac01c6eadc097d38273dbc153ab9e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9778/file/medium-c8ad25c1dfd4f444e8962c38b828e2ca.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Ben&amp;Anna</p>
          <a href="/products/deo-coco-mania-karton-40-g-19340">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Coco Mania Karton, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19340&quot;],&quot;content_name&quot;:&quot;Deo Coco Mania Karton, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19340&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dndCr6Q6meWMqB_G7YGKv24zYArVGJ-cl7_PrHnLi5aaGXaxStqjUsos9eL5N4q8l6aMbIyECSkDIhsrbxExEA" />
    <input value="19340" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/deo-green-fusion-karton-40-g-19341">
          <img alt="Deo Green Fusion Karton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9779/file/small-bfeb9561d051a46a1298fc405d746532.webp 600w, https://assets.fabulous.ch/public/variant_asset/9779/file/medium-22796b1213978315a1d82ab3cb5a04ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/9779/file/large-b0e7b79f3c4e20785c9fb6b4ed77d221.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9779/file/medium-22796b1213978315a1d82ab3cb5a04ca.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Ben&amp;Anna</p>
          <a href="/products/deo-green-fusion-karton-40-g-19341">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Green Fusion Karton, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19341&quot;],&quot;content_name&quot;:&quot;Deo Green Fusion Karton, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19341&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PijEvZwCh_XgwYVql3GUC5vf9MPMhG2lbIJQBHTdLaTSRvCjcuK9QqZFb06Dx5QIYkoYpZUY-xD4H4SDYgeXIg" />
    <input value="19341" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/deo-mint-karton-40-g-19342">
          <img alt="Deo Mint Karton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9780/file/small-38b91598893fb7a19b7a6a19a45aa117.webp 600w, https://assets.fabulous.ch/public/variant_asset/9780/file/medium-708b75608f018fc3ce232895d88172de.webp 900w, https://assets.fabulous.ch/public/variant_asset/9780/file/large-35bbd929f55b21e3e7e0f7795f0a7d1d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9780/file/medium-708b75608f018fc3ce232895d88172de.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Ben&amp;Anna</p>
          <a href="/products/deo-mint-karton-40-g-19342">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Mint Karton, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19342&quot;],&quot;content_name&quot;:&quot;Deo Mint Karton, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19342&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jCyabbL4HFpKPQNjgSLuvMgsbBszsFzcNueZqSvCkQdgQq5zXBgm7Qy56UeVlO6_MbmAfWosymmiek0uPRgrgQ" />
    <input value="19342" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/deo-sensitiv-lemon-lime-40-g-19345">
          <img alt="Deo sensitiv Lemon Lime" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10633/file/small-1fa8f7e4f7643089cc2a0e0ffbba1a96.webp 600w, https://assets.fabulous.ch/public/variant_asset/10633/file/medium-fe11bd4c29003afb31d91d82dad0ce68.webp 900w, https://assets.fabulous.ch/public/variant_asset/10633/file/large-37f91cbf090a9cffd90a816b7beabbae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10633/file/medium-fe11bd4c29003afb31d91d82dad0ce68.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Ben&amp;Anna</p>
          <a href="/products/deo-sensitiv-lemon-lime-40-g-19345">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo sensitiv Lemon Lime, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19345&quot;],&quot;content_name&quot;:&quot;Deo sensitiv Lemon Lime, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19345&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="07KoZBYhg6CB2qWvuVww8CoNiA2Syk1rnGEb9jdYUFo_3Jx6-MG5F8deT4ut6jDz05hka8tW294I_M9xIYLq3A" />
    <input value="19345" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/deo-urban-black-karton-40-g-19347">
          <img alt="Deo Urban Black Karton" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9784/file/small-e3a73d59e0d1e086c5e5516b7f1f0385.webp 600w, https://assets.fabulous.ch/public/variant_asset/9784/file/medium-220e3a55b067a090a2da38ee108396d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/9784/file/large-98706a801af409b7b7c8cd12fed520ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9784/file/medium-220e3a55b067a090a2da38ee108396d6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Ben&amp;Anna</p>
          <a href="/products/deo-urban-black-karton-40-g-19347">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deo Urban Black Karton, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19347&quot;],&quot;content_name&quot;:&quot;Deo Urban Black Karton, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19347&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ipBTs-RWYa-KqvAH7YUkH_XzTJlWfhsmI2Dmr53vTdVm_metCrZbGMwuGiP5MyQcDGag_w_ijZO3_TIoizX3Uw" />
    <input value="19347" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/body-care-deo-roll-on-50-ml-19379">
          <img alt="Body Care Deo Roll-on" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9933/file/small-79227d8fe0c3188bd2748b7d74dec9b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/9933/file/medium-0e0a911d7fa97a623c271bd18506b672.webp 900w, https://assets.fabulous.ch/public/variant_asset/9933/file/large-6e7af3418333cf4c28d8de22cca9ebea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9933/file/medium-0e0a911d7fa97a623c271bd18506b672.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/body-care-deo-roll-on-50-ml-19379">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Body Care Deo Roll-on, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19379&quot;],&quot;content_name&quot;:&quot;Body Care Deo Roll-on, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19379&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Og8llod2SbE2qaEG4gT-7EwnGzeR0pOaev-HLZv-B33WYRGIaZZzBnAtSyL2sv7vtbL3UchOBS_uYlOqjSS9-w" />
    <input value="19379" 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%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/body-care-deo-spray-75-ml-19380">
          <img alt="Body Care Deo Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11005/file/small-a4db7a2f4f84691a6dfd70f069f84036.webp 600w, https://assets.fabulous.ch/public/variant_asset/11005/file/medium-90714353f54a405ba1e9827c0ce27321.webp 900w, https://assets.fabulous.ch/public/variant_asset/11005/file/large-598beaf52a0ed1806cdbc84a600e2b38.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11005/file/medium-90714353f54a405ba1e9827c0ce27321.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/body-care-deo-spray-75-ml-19380">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Body Care Deo Spray, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19380&quot;],&quot;content_name&quot;:&quot;Body Care Deo Spray, 75 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19380&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3Fmhln2J9fCwQIO3a1bMTA9U086_GDYGKPi3ZTZnyJAwN5WIk2nPR_bEaZN_4MxP9sE_qOaEoLO8ZWPiIL1yFg" />
    <input value="19380" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      60 von 102 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/naturkosmetik/korperpflege?format=turbo_stream&amp;page=4">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>