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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/ceres-spezialpflege-centaurium-50-ml-20179">
          <img alt="Ceres Spezialpflege Centaurium" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10817/file/small-5af7e6614ae4656e059f5e83a8fe0ed7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10817/file/medium-496b42b7a9f3345e3ebd4c485a396b89.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10817/file/large-f51cec999cd219fddd7edf45addb27f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10817/file/medium-496b42b7a9f3345e3ebd4c485a396b89.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Ceres</p>
          <a href="/products/ceres-spezialpflege-centaurium-50-ml-20179">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ceres Spezialpflege Centaurium, 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-20179-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="smMWrIKzOb202R0bgUz6V0-3J4zzOKObldLMzouDgaDr_AB2yym2rjNqgJOEyfX96Ug_2H9KShTqf2whA8NTHA" />
    <input value="20179" 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%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/ceres-spezialpflege-calendula-50-ml-20180">
          <img alt="Ceres Spezialpflege Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10819/file/small-43506eb8680aa5c1be2cec590b448493.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10819/file/medium-f046fcf730ad96443590d4ac39d95bdf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10819/file/large-fb0c9ad780e6c8fcaedddfc81db75089.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10819/file/medium-f046fcf730ad96443590d4ac39d95bdf.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Ceres</p>
          <a href="/products/ceres-spezialpflege-calendula-50-ml-20180">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ceres Spezialpflege Calendula, 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-20180-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yF9n3dvO2PWbjvMsELVqZ4cWCBxTTKnIPUDNSDue1vaRwHEHklRX5hw9bqQVMGXNIekQSN8-QEdC7W2ns94ESg" />
    <input value="20180" 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%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aryalaya-rose-regeneration-tag-nachtpflege-50-ml-20183">
          <img alt="AryaLaya Rose Regeneration Tag &amp; Nachtpflege" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10821/file/small-95b58e335b69cd7669790c7107451110.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10821/file/medium-f96c1f28afb46aabd85e6391206f62f2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10821/file/large-e25b9e54376bafeea0910cd109c22f6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10821/file/medium-f96c1f28afb46aabd85e6391206f62f2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AryaLaya</p>
          <a href="/products/aryalaya-rose-regeneration-tag-nachtpflege-50-ml-20183">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">AryaLaya Rose Regeneration Tag &amp; Nachtpflege, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IXI41Pd91-B9cudP7eMBE2Pc0o80iyeKuGPL7yEk_2t47S4OvudY8_rBesfoZg65xSPK27j5zgXHzmsAqWQt1w" />
    <input value="20183" 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%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/ben-anna-badesalz-lavendel-300-g-20193">
          <img alt="Ben&amp;Anna Badesalz Lavendel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10831/file/small-acbf37df63152a865c385208d10ee181.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10831/file/medium-d0251a6e7c2a46875891f2f4c4cabd8c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10831/file/large-5f3b66450707991d2466c47b0ec1b14d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10831/file/medium-d0251a6e7c2a46875891f2f4c4cabd8c.webp" />
</a>    </header>

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

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9L-m4a0YtxCmBEDVgHbIIvC6eQyNVBnPutjvkg4c1natILA75II4AyG33V2F88eIVkVhWAEm8EDFdU99hlwEyg" />
    <input value="20193" 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%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/ben-anna-badesalz-rose-300-g-20194">
          <img alt="Ben&amp;Anna Badesalz Rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10830/file/small-741494e57ce5a272d33d3235f14627e5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10830/file/medium-230aa5fb7647ed60e597343cbeb81f1e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10830/file/large-70f941a51c5a214cb634782eb3d66a13.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10830/file/medium-230aa5fb7647ed60e597343cbeb81f1e.webp" />
</a>    </header>

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

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wujjgUgLGkP27faDCDwojUWDJhdXQl5sywXbEcGR4gibd_VbAZGVUHFeawsNuScn43w-Q9swt-O0qHv-SdEwtA" />
    <input value="20194" 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%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/ben-anna-badesalz-kornblume-300-g-20195">
          <img alt="Ben&amp;Anna Badesalz Kornblume" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10832/file/small-ad3a62e0b81aab74e3e466093d9462e4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10832/file/medium-c0d60caff25ca5dbd3ab8816a9d5f483.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10832/file/large-d466209a605b2d26661a43c27920d5e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10832/file/medium-c0d60caff25ca5dbd3ab8816a9d5f483.webp" />
</a>    </header>

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

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wktLqzvivz58dFtQXr7BrB7ajYw545WsR5ZObnMvXqeb1F1xcngwLfvHxthbO84GuCWV2LWRfCM4O-6B-2-MGw" />
    <input value="20195" 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%3D30">
    <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-color-finish-150-ml-20196">
          <img alt="Khadi Conditioner Color Finish" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10833/file/small-c4d3e1df88423138c77d9ed38bbc6136.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10833/file/medium-9a75b25dc3bbc7132909326d3f542de6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10833/file/large-5a3674aa8523cc1a034804ab54ca1770.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10833/file/medium-9a75b25dc3bbc7132909326d3f542de6.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-color-finish-150-ml-20196">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Conditioner Color Finish, 150 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 15.27 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fb0VRKnGo6zmyaKQnCe2gEb6aBBYbCvuKa7rxMh6YxkkIgOe4Fwsv2F6PxiZorkq4AVwRNQewmFWA0srQDqxpQ" />
    <input value="20196" 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%3D30">
    <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-junior-zahngel-mit-fluorid-50-ml-20203">
          <img alt="Weleda Junior Zahngel mit Fluorid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10844/file/small-620498bb42d5801aaaf46b5b84e90efa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10844/file/medium-d7692937fb43456b54fd97a8ca7d0783.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10844/file/large-f13c9a1685467e64db82e13846facddd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10844/file/medium-d7692937fb43456b54fd97a8ca7d0783.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">Weleda</p>
          <a href="/products/weleda-junior-zahngel-mit-fluorid-50-ml-20203">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weleda Junior 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-20203-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0T8LkDniWyOgKqGLMZmLAXh8WKilFBg7_elImU6-EEqIoB1KcHjUMCeZPAM0HISr3oNA_Clm8bSCROh2xv7C9g" />
    <input value="20203" 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%3D30">
    <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-lavendel-sensitive-vegan-200-ml-20219">
          <img alt="Khadi Shampoo Lavendel Sensitive vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10860/file/small-7f9c470368244261ea26aa83b02fbf64.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10860/file/medium-8395fc21a033b7e0d85970163f04bd6b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10860/file/large-148d3e1eed6727cf6b6232a7b5b87554.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10860/file/medium-8395fc21a033b7e0d85970163f04bd6b.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-lavendel-sensitive-vegan-200-ml-20219">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Shampoo Lavendel Sensitive 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-20219-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SWVXjiCV_BnPk1q4TKscF9hN9Rd4n3w-i5ppICub6o0Q-kFUaQ9zCkggxzBJLhO9frLtQ_TtlbH0N8nPo9s4MQ" />
    <input value="20219" 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%3D30">
    <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-neem-balance-vegan-200-ml-20220">
          <img alt="Khadi Shampoo Neem Balance vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10862/file/small-fe9a24cf7ff11a95cea7c9ac2047af92.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10862/file/medium-816d6f2a40bd6b4f808777fd8fca3918.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10862/file/large-2d051aae50cb9bc5fad25ab76c34b6a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10862/file/medium-816d6f2a40bd6b4f808777fd8fca3918.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-neem-balance-vegan-200-ml-20220">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Khadi Shampoo Neem Balance 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-20220-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UQ26xZUE4QeykfHhyXF4WrVZGA7jtb7wE2bHtywquPQIkqwf3J5uFDUibGnM9HfwE6YAWm_HV39sy2dYpGpqSA" />
    <input value="20220" 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%3D30">
    <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/klorane-trockenshampoo-detox-mit-bio-wasserminze-150-ml-20263">
          <img alt="Klorane Trockenshampoo Detox mit Bio-Wasserminze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10918/file/small-c9eb67da5456b6ef1859a54b38275003.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10918/file/medium-e783f984e97e607af4a7f73d54a0b67d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10918/file/large-a3b0a6d1c78cfff9d0ed771f01dd1b1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10918/file/medium-e783f984e97e607af4a7f73d54a0b67d.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">Klorane</p>
          <a href="/products/klorane-trockenshampoo-detox-mit-bio-wasserminze-150-ml-20263">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Klorane Trockenshampoo Detox mit Bio-Wasserminze, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C8uOsuzZY2d3k4gO0M3meUjMF6Bp-anOXBPjPi2EFMBSVJhopUPsdPAgFYbVSOnT7jMP9OWLQEEjvkPRpcTGfA" />
    <input value="20263" 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%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/five-make-up-entferner-50-ml-20278">
          <img alt="Five Make-Up Entferner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11036/file/small-4c12524224993a7044bdd17067d00099.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11036/file/medium-4e5a07b81e14795f10a2749fb6755f3e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11036/file/large-96f7ed892d0235878f7a0d99323c673a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11036/file/medium-4e5a07b81e14795f10a2749fb6755f3e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Five Skincare</p>
          <a href="/products/five-make-up-entferner-50-ml-20278">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Five Make-Up Entferner, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pntxZeHjno8y56pMc2wgv6XWErv_Y0LIrpqBMT9VfL__5Ge_qHkRnLVUN8R26S8VAykK73MRq0fRNyHetxWuAw" />
    <input value="20278" 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%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/five-gesichtsserum-30-ml-20279">
          <img alt="Five Gesichtsserum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11032/file/small-0ee0907fdf56f0a528fc193a4280cc88.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11032/file/medium-1389a33f7cae3df5f0f3157b864a597b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11032/file/large-a35d51bf1cdbf3bc59237a0007707eb6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11032/file/medium-1389a33f7cae3df5f0f3157b864a597b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Five Skincare</p>
          <a href="/products/five-gesichtsserum-30-ml-20279">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Five Gesichtsserum, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 47.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZlnxkRNyq6W6BCL98Qo1Zq90hiMnYAWS8zEVL2o1_r4_xudLWugktj23v3X0jzrMCYued6sS7B2MnLXA4nUsAg" />
    <input value="20279" 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%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/five-gesichtsol-regeneration-30-ml-20280">
          <img alt="Five Gesichtsöl Regeneration" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11034/file/small-145ce2b2d5cb71d4ce0bdcbf24816d58.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11034/file/medium-3393cf5c341e7c1e276b761817751cac.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11034/file/large-ffa2b34fdb3c8e59c7bcd3297df63310.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11034/file/medium-3393cf5c341e7c1e276b761817751cac.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Five Skincare</p>
          <a href="/products/five-gesichtsol-regeneration-30-ml-20280">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Five Gesichtsöl Regeneration, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 46.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qPqcGZGapt080MAZX8lgkI-CQ1yNmmg4CK0xU0auiQ7xZYrD2AApzrtjXZFaTG86KX1bCAHogbd3AJG8zu5bsg" />
    <input value="20280" 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%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/five-gesichtsol-balance-30-ml-20281">
          <img alt="Five Gesichtsöl Balance" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11033/file/small-545abb1700601a736ef96bfa33b8ee9c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11033/file/medium-d88d2771e8ee05d420c38ae1c37bc669.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11033/file/large-661604f8bfa2ed57201f7221ac6196d0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11033/file/medium-d88d2771e8ee05d420c38ae1c37bc669.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Five Skincare</p>
          <a href="/products/five-gesichtsol-balance-30-ml-20281">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Five Gesichtsöl Balance, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 46.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sd86wwx_Xqdwlu2__KMIapKBxMO6Im7DJlAqiVzBiIXoQCwZReXRtPclcDf5JgfANH7clzZQh0xZ_Ypm1IFaOQ" />
    <input value="20281" 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%3D30">
    <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-sonnenstick-invisible-lsf50-10-g-20287">
          <img alt="Laboratoires De Biarritz Sonnenstick invisible LSF50" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10939/file/small-c9b1398a77f5e9cd764876fa5868a316.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10939/file/medium-e813c5083a2d12e071f148eeca41c84b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10939/file/large-8b072837fea2914b90555386fb3585b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10939/file/medium-e813c5083a2d12e071f148eeca41c84b.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-sonnenstick-invisible-lsf50-10-g-20287">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Laboratoires De Biarritz Sonnenstick invisible LSF50, 10 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="60nyo9sOjY2L2MdbUru_J94AuR8OXgUJ1PI9HE7sCgiy1uR5kpQCngxrWtNXPrCNeP-hS4Is7IarX53zxqzYtA" />
    <input value="20287" 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%3D30">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/five-deocreme-ohne-parfum-50-g-20288">
          <img alt="Five Deocreme ohne Parfum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11035/file/small-0b4faa44c5be4b5d60e63915fbf49662.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11035/file/medium-a161df7da1d3e38c68fe304eec7a134b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11035/file/large-c8dbb9bea9f348c94baab53c74b3616e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11035/file/medium-a161df7da1d3e38c68fe304eec7a134b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Five Skincare</p>
          <a href="/products/five-deocreme-ohne-parfum-50-g-20288">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Five Deocreme ohne Parfum, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pAd_W_Q9nTe30M8sTbDImE3pJPSskhgFLEfevjK7P2P9mGmBvacSJDBjUqRINccy6xY8oCDg8YpT6n5Ruvvt3w" />
    <input value="20288" 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%3D30">
    <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/eliah-sahil-naturliche-zahnseide-im-glas-30-m-20297">
          <img alt="Eliah Sahil Natürliche Zahnseide im Glas" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10984/file/small-228fa87b0eba57c302687d3ed0e402f6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10984/file/medium-808d5ae5c8eb616a51f87de596e19a81.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10984/file/large-d078b300597a1d366d63cbdd7bd5964c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10984/file/medium-808d5ae5c8eb616a51f87de596e19a81.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">Eliah Sahil</p>
          <a href="/products/eliah-sahil-naturliche-zahnseide-im-glas-30-m-20297">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eliah Sahil Natürliche Zahnseide im Glas, 30 m</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.17 / m
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1DrOezNkbCBWc6TTEhtMaALY0ayqczI0EcovinV7PoSNpdihev7jM9HAOVsXnkPCpCfJ-CYB27tuZ49l_TvsOA" />
    <input value="20297" 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%3D30">
    <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/eliah-sahil-naturliche-zahnseide-refill-2-x-30-m-20298">
          <img alt="Eliah Sahil Natürliche Zahnseide Refill" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10985/file/small-a48b9eae0b9fc83dab008f2e9bfa28fd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10985/file/medium-32664a3458fd05ab741bc8a50e5ada87.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10985/file/large-ea26dffdec923ae0212de275c2bd90f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10985/file/medium-32664a3458fd05ab741bc8a50e5ada87.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">Eliah Sahil</p>
          <a href="/products/eliah-sahil-naturliche-zahnseide-refill-2-x-30-m-20298">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eliah Sahil Natürliche Zahnseide Refill, 2 x 30 m</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 0.15 / m
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lzcC7XMoM6hLxeBYkOv1BYQJMW9lNBnySRQW-KDLhJHOqBQ3OrK8u8x2fdCVbvqvIvYpO-lG8H02ubYXKItWLQ" />
    <input value="20298" 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%3D30">
    <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/sun-vital-sun-protection-lsf50-75-ml-20300">
          <img alt="Sun Vital Sun Protection LSF50" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10989/file/small-2c7d66a513aa516ccef708e22e82a2b5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10989/file/medium-edea2340374456ba6bee516f17716b01.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10989/file/large-471ba5651ce9c13b6e59c437f699af2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10989/file/medium-edea2340374456ba6bee516f17716b01.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">Goloy</p>
          <a href="/products/sun-vital-sun-protection-lsf50-75-ml-20300">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sun Vital Sun Protection LSF50, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

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

</template></turbo-stream>