<turbo-stream action="append" target="products_grid"><template>
    

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D29">
    <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/khadi-shampoo-amla-volume-vegan-200-ml-20062">
          <img alt="Khadi Shampoo Amla Volume vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11004/file/small-3b713465a7c85f002dc1cd958d9df98a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11004/file/medium-d40afc065aae72c1c8012bd9e8dc3697.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11004/file/large-5219df390243956d3be0a154821e9eac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11004/file/medium-d40afc065aae72c1c8012bd9e8dc3697.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">Khadi</p>
          <a href="/products/khadi-shampoo-amla-volume-vegan-200-ml-20062">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Shampoo Amla Volume vegan, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YeyrZobvVYyjqWvkiQBE__aWYYcI73fnfxEHV3QSE0hD2vL3pPv-JTMQQ4LZvm4m6_6Se067uyK_fAt1ic8JEA" />
    <input value="20062" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D29">
    <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/khadi-pflanzenhaarfarbe-mittelblond-100-g-20063">
          <img alt="Khadi Pflanzenhaarfarbe Mittelblond" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10512/file/small-0ba1833c6fe560fb5ee9616a4762c353.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10512/file/medium-c0aac9f5768ea3e91dfe4f84d127efd7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10512/file/large-1b39a6c0ae5c62ed1807626fad581a6b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10512/file/medium-c0aac9f5768ea3e91dfe4f84d127efd7.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">Khadi</p>
          <a href="/products/khadi-pflanzenhaarfarbe-mittelblond-100-g-20063">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Mittelblond, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7z2rEYClSE6Am8L7T7EsX59ktEcjtZxNdlngvphuHhPNC_KAorHj5xAi6p0fDwaGggxHu2XhUIi2NOycZbMESw" />
    <input value="20063" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D29">
    <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/khadi-pflanzenhaarfarbe-mahagoni-100-g-20064">
          <img alt="Khadi Pflanzenhaarfarbe Mahagoni" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10511/file/small-df990156eb5d05acab1d98c48f9b804a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10511/file/medium-d63b48250a4aef00c8db015cd7f1747b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10511/file/large-5c278070c47f56a2d98cf2ea7e65e137.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10511/file/medium-d63b48250a4aef00c8db015cd7f1747b.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">Khadi</p>
          <a href="/products/khadi-pflanzenhaarfarbe-mahagoni-100-g-20064">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Pflanzenhaarfarbe Mahagoni, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OSd_5UGZLl-KLJj7bqfLvXqFfSTkMCxEX-SinaDkeXkbESZ0Y42F9hqVsJ0-GeFkZ-2O2KJk4IGfia6_XTljIQ" />
    <input value="20064" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D29">
    <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/londontown-lakur-dusk-12-ml-20066">
          <img alt="Londontown Lakur Dusk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10487/file/small-aa386c07c448c526860e2a3e1253b053.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10487/file/medium-11d0a7c696a709fa5e6721006ccdd6e7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10487/file/large-75e145ef061b8102cc59618788f0b83f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10487/file/medium-11d0a7c696a709fa5e6721006ccdd6e7.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">LondonTown</p>
          <a href="/products/londontown-lakur-dusk-12-ml-20066">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Londontown Lakur Dusk, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-TSvr9_-xi11zyB31e34B6OUs95EtEeZU1l4u9Mh-pbbAvY-_epthOV2CBGFU9LevvxAIgLgi1yTNHSZLvzgzg" />
    <input value="20066" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D29">
    <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/londontown-lakur-savanna-12-ml-20067">
          <img alt="Londontown Lakur Savanna" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10491/file/small-b08cc9a4ab07103dae0c4434ece3e2bf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10491/file/medium-9e21ca57cb854ba62cc3aa99ac240933.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10491/file/large-8c0d6c2419820175eb5155079067478c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10491/file/medium-9e21ca57cb854ba62cc3aa99ac240933.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">LondonTown</p>
          <a href="/products/londontown-lakur-savanna-12-ml-20067">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Londontown Lakur Savanna, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T2nYxQrbJoJgib3qtu3VeSj4my5dxrCnVbUeBYQMq4VtX4FUKM-NK_AwlYzmU_-gNZBo0huSfGKV2BInedGx3Q" />
    <input value="20067" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D29">
    <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/londontown-lakur-trolley-away-12-ml-20068">
          <img alt="Londontown Lakur Trolley Away" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10493/file/small-95f66aa51b203a3f48b334e1c1eb2b1f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10493/file/medium-69163b1fa40860000019093d7b81c877.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10493/file/large-37e50f151b1757d1ca3d98896032d3af.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10493/file/medium-69163b1fa40860000019093d7b81c877.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">LondonTown</p>
          <a href="/products/londontown-lakur-trolley-away-12-ml-20068">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Londontown Lakur Trolley Away, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="r24Io6-NAxDeucSNHM8deuNnRuG3X8-sfPaacBs92L2NWFEyjZmouU4A7OtMcTej_g-1HfELA2m8m5ZS5uDC5Q" />
    <input value="20068" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D29">
    <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/londontown-lakur-slopeside-12-ml-20069">
          <img alt="Londontown Lakur Slopeside" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10494/file/small-ed58119674c55f5f8c2370a443266af4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10494/file/medium-4d245e44a82b085d7730fd3cf2af60b5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10494/file/large-d608c80482414b91bdd4c555f921f3d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10494/file/medium-4d245e44a82b085d7730fd3cf2af60b5.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">LondonTown</p>
          <a href="/products/londontown-lakur-slopeside-12-ml-20069">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Londontown Lakur Slopeside, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="42dVS5xXnVOIitpX7ocTTCjRA1cHbNjFNQg5KRL0IWvBUQzavkM2-hgz8jG-OTmVNbnwq0E4FAD1ZTUL7yk7Mw" />
    <input value="20069" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D29">
    <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/londontown-lakur-linen-12-ml-20070">
          <img alt="Londontown Lakur Linen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10495/file/small-0a7694857e99daaa5db2d23858f143a1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10495/file/medium-146a7a105323290f920bd42113eeb370.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10495/file/large-18d8b80da019bbfe1a748937bf6fccb1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10495/file/medium-146a7a105323290f920bd42113eeb370.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">LondonTown</p>
          <a href="/products/londontown-lakur-linen-12-ml-20070">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Londontown Lakur Linen, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xzyf0j0VQEJhoVVLOmb2AhGbwD-SW9aVEq4suLHGT5l9CsZDHwHr6_EYfS1q2NzbDPMzw9QPGlDSwyCaTBtVwQ" />
    <input value="20070" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D29">
    <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/londontown-lakur-lichen-12-ml-20071">
          <img alt="Londontown Lakur Lichen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10496/file/small-9f3c92a22c6be116081d69ae7814de54.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10496/file/medium-be2e27d9f19f983cf396e9c1b23ff1d1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10496/file/large-53bfa869f5ae96ed984bc60f76595f08.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10496/file/medium-be2e27d9f19f983cf396e9c1b23ff1d1.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">LondonTown</p>
          <a href="/products/londontown-lakur-lichen-12-ml-20071">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Londontown Lakur Lichen, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="COcsnuB5IdOIatjCIq36AXtF9rs7OZAUftCEaoT2Jvgq0XUPwm2KehjT8KRyE9DYZi0FR31tXNG-vYhIeSs8oA" />
    <input value="20071" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D29">
    <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/londontown-lakur-cheerio-12-ml-20072">
          <img alt="Londontown Lakur Cheerio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10497/file/small-7c6ff90b67eeac4cac5c7beb9d909673.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10497/file/medium-33de3d3b132c8908321115ecfe2e9ff4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10497/file/large-285136c2d316ae0e74cbaa4ef5dc3a71.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10497/file/medium-33de3d3b132c8908321115ecfe2e9ff4.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">LondonTown</p>
          <a href="/products/londontown-lakur-cheerio-12-ml-20072">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Londontown Lakur Cheerio, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NtDSWO4n5WebbfxcY0XrPihbnGWgzIu6_TKTDFzCvq0U5ovJzDNOzgvU1Doz-8HnNTNvmeaYR389X58uoR-k9Q" />
    <input value="20072" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D29">
    <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/londontown-lakur-duplex-base-top-coat-12-ml-20073">
          <img alt="Londontown Lakur Duplex Base &amp; Top Coat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10498/file/small-1bb9ec60f5e06b252e6dbe1db40f8789.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10498/file/medium-f4a02a803278de01f0c43c31cb562267.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10498/file/large-c489cfcc4e4858270d602be792b4e79f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10498/file/medium-f4a02a803278de01f0c43c31cb562267.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">LondonTown</p>
          <a href="/products/londontown-lakur-duplex-base-top-coat-12-ml-20073">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Londontown Lakur Duplex Base &amp; Top Coat, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oxHmU8Re8WK5XknEln0zxBip86jIxZzAhW3jKKJSGfaBJ7_C5kpayynnYaLGwxkdBcEAVI6RUAVFAO8KX48Drg" />
    <input value="20073" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D29">
    <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/khadi-haarol-rose-repair-50-ml-20074">
          <img alt="Khadi Haaröl Rose Repair" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10519/file/small-31dbc155487f7170e0a8288c71bd4ea0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10519/file/medium-930dfa1bd6b274f1734089d425bb98b6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10519/file/large-180c0520c0cff505304de329d1b24504.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10519/file/medium-930dfa1bd6b274f1734089d425bb98b6.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">Khadi</p>
          <a href="/products/khadi-haarol-rose-repair-50-ml-20074">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Haaröl Rose Repair, 50 ml</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 39.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EmUXrKAIXv0w_uhnLCtFvvhFqQpq_YI6NyZ19AOXIFQwU049ghz1VKBHwAF8lW9n5S1a9iypTv_3S3nW_ko6DA" />
    <input value="20074" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D29">
    <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/liebwerk-zahnburste-erwachsene-soft-nadelbaum-fsc-1-stuck-20079">
          <img alt="Liebwerk Zahnbürste Erwachsene soft Nadelbaum FSC" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10524/file/small-d567e9a30b0da490076e4a4756de29bd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10524/file/medium-79521d27ff87afb7c1fe140862e83a9b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10524/file/large-f7e237ee25cc1cbe8e9101409579fbb4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10524/file/medium-79521d27ff87afb7c1fe140862e83a9b.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">Liebwerk</p>
          <a href="/products/liebwerk-zahnburste-erwachsene-soft-nadelbaum-fsc-1-stuck-20079">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liebwerk Zahnbürste Erwachsene soft Nadelbaum FSC, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rDhhNPdAWWGvL7UXB65Gdg2J_C85Lmru3bCvP0ymabaODjil1VTyyD-WnXFXEGyvEOEP0396pisd3aMdsXtz7g" />
    <input value="20079" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D29">
    <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/liebwerk-zahnburste-erwachsene-medium-laubbaum-fsc-1-stuck-20080">
          <img alt="Liebwerk Zahnbürste Erwachsene medium Laubbaum FSC" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10525/file/small-79e2721dabca0a33c66826b9f8415e4b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10525/file/medium-754d495332159b20be5f56b62fef5fee.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10525/file/large-e478f72e8d4e57aae2ad28162050ac0e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10525/file/medium-754d495332159b20be5f56b62fef5fee.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">Liebwerk</p>
          <a href="/products/liebwerk-zahnburste-erwachsene-medium-laubbaum-fsc-1-stuck-20080">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liebwerk Zahnbürste Erwachsene medium Laubbaum FSC, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8CTQQ5JtcuSGTxat02DDNOFuB_ViOF28Tt6NJWsTVz7SEonSsHnZTRb2PsuD3unt_Ab0CSRskXmOs4EHls5NZg" />
    <input value="20080" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D29">
    <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/logona-feuchtigkeits-shampoo-bio-aloe-vera-250-ml-20083">
          <img alt="Logona Feuchtigkeits-Shampoo Bio-Aloe-Vera" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10532/file/small-93cf2d77d141268c4d333de6abdf8564.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10532/file/medium-c3cc7fe35f8a8eedd57a07f4ee78d526.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10532/file/large-bc582b5b537e48d752bc903630b1db12.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10532/file/medium-c3cc7fe35f8a8eedd57a07f4ee78d526.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">Logona</p>
          <a href="/products/logona-feuchtigkeits-shampoo-bio-aloe-vera-250-ml-20083">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Logona Feuchtigkeits-Shampoo Bio-Aloe-Vera, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WFXu-cGt-eLAX9KchOe79a1EwnLTAEgD6qGrIYFWc9d6Y7do47lSS1Dm-vrUWZEssCwxjpVUhMYqzKcDfItpjw" />
    <input value="20083" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D29">
    <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/borlind-men-augencreme-15-ml-20140">
          <img alt="Börlind Men Augencreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10707/file/small-528e1bab14b98275ea753be6cffa1b5d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10707/file/medium-051db7ce8c8d74687377bbd6b26c6284.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10707/file/large-88f7d70009931ba1b6fa83f3d5d9eb8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10707/file/medium-051db7ce8c8d74687377bbd6b26c6284.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/borlind-men-augencreme-15-ml-20140">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Börlind Men Augencreme, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QsD26UeSieXtsUVj80fNsrdkf2shamKuWX4uhMCURCdg9q94ZYYiTH0IbQWj-edrqgyMl2c-rmuZEyKmPUlefw" />
    <input value="20140" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D29">
    <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/khadi-conditioner-repair-rose-200-ml-20141">
          <img alt="Khadi Conditioner Repair Rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10708/file/small-b344c2d1816d3e78e3415e05b8244ecf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10708/file/medium-697f6a9e5e68dc590ab023a9aad2d3e9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10708/file/large-38ac3b43eab2eed2eb518ece017d1aae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10708/file/medium-697f6a9e5e68dc590ab023a9aad2d3e9.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">Khadi</p>
          <a href="/products/khadi-conditioner-repair-rose-200-ml-20141">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Conditioner Repair Rose, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WIe7YIk_4CT2VdQGLrof10mDi5jrcMoTw1ongZ1nJC16seLxqytLjWbs_GB-BDUOVOt4ZK0kBtYDNyujYLo-dQ" />
    <input value="20141" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D29">
    <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/weleda-kids-zahngel-mit-fluorid-50-ml-20146">
          <div class="py-4 w-full h-full flex items-center justify-center bg-gray-100 max-h-72">
            <span class="text-gray-400">No Image</span>
          </div>
</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">Weleda</p>
          <a href="/products/weleda-kids-zahngel-mit-fluorid-50-ml-20146">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weleda Kids Zahngel mit Fluorid, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FZbZpFfv_e8Ab-8pnrTBuOv25GSsmsxVJNsQhT417Og3oIA1dftWRpDWx0_OCuth9p4XmOrOAJDkthynw-j2sA" />
    <input value="20146" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Registrieren, um diesen Artikel zu merken" href="/signup?return_to=%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D29">
    <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/laboratoires-de-biarritz-algamaris-getonte-sonnencreme-gesicht-lsf50-beige-50-ml-20173">
          <img alt="Laboratoires De Biarritz Algamaris getönte Sonnencreme Gesicht LSF50 beige" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10739/file/small-57e99ecf25bf94a4f476742a2c5ec335.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10739/file/medium-b288316ba5ca1cf1b63441beda685888.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10739/file/large-9d9eeb8843bfd0a97f1797f37ae85d16.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10739/file/medium-b288316ba5ca1cf1b63441beda685888.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">LaborDeBiarritz</p>
          <a href="/products/laboratoires-de-biarritz-algamaris-getonte-sonnencreme-gesicht-lsf50-beige-50-ml-20173">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Laboratoires De Biarritz Algamaris getönte Sonnencreme Gesicht LSF50 beige, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HaM0Qug7SKp7TGSP1LKmskKQMQrzL2c19LdjQG22a1c_lW3Tyi_jA-v1TOmEDIxrX_jC9rV7q_A02m9ikGtxDw" />
    <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%3Fformat%3Dturbo_stream%26page%3D29">
    <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-50-ml-20178">
          <img alt="Ceres Spezialpflege Viola" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10816/file/small-b081b335765434da6c08c7ab36652a87.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10816/file/medium-2cd90699008f2518671cead67a676d0a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10816/file/large-4edfdd9a4824f5e2ffcde753cb1a6de5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10816/file/medium-2cd90699008f2518671cead67a676d0a.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-50-ml-20178">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ceres Spezialpflege Viola, 50 ml</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 51.60 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IdHtjbEYArYTnIz9jVBopN1s4-NI9iqm-usXaGNiLtID57QckwypH4MlpJvd7kJ9wAQQHw6i5mM6hhtKnr80ig" />
    <input value="20178" 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">
      580 von 613 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/naturkosmetik?format=turbo_stream&amp;page=30">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>