<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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D28">
    <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="/de/products/eye-definer-01-black-1-05g-1-stuck-20096">
          <img alt="Eye Definer 01 black 1.05g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10510/file/small-304c5487a39e9633a35c74461f764762.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10510/file/medium-d4c87877cf868322c0dd972d5e59013d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10510/file/large-65111ccd0673450d61069c92c79d28e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10510/file/medium-d4c87877cf868322c0dd972d5e59013d.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">Hauschka</p>
          <a href="/de/products/eye-definer-01-black-1-05g-1-stuck-20096">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eye Definer 01 black 1.05g, 1 Stück</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 21.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6nMCgNdZUKRB-njg_kIrr3ZqeR2l1OCtUg-PwY6slpqQ0gsiVZ6gj2yK9b-WaekFuwgohoXLAmkbDIXwkTB9Tw" />
    <input value="20096" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D28">
    <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="/de/products/eyebrow-definer-01-light-brown-1-05g-1-stuck-20097">
          <img alt="Eyebrow Definer 01 light brown 1.05g" 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-c43f68e9add84c4b372b3226329c45be.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10511/file/medium-495ebaaa4915845517828bea2d38b2f9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10511/file/large-a3beb3943238c7d06584aae00d93e4fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10511/file/medium-495ebaaa4915845517828bea2d38b2f9.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">Hauschka</p>
          <a href="/de/products/eyebrow-definer-01-light-brown-1-05g-1-stuck-20097">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eyebrow Definer 01 light brown 1.05g, 1 Stück</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 21.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TfKvxiyNrOzV-1t7J9eqcryc0v5IfTgkNwllJSrAVos3U6Zkrkpcx_iL1iRP_GjYcf6DZWhi2uB-Cm8UNVy9Xg" />
    <input value="20097" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D28">
    <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="/de/products/eyebrow-definer-02-dark-brown-1-05g-1-stuck-20098">
          <img alt="Eyebrow Definer 02 dark brown 1.05g" 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-ebfb1efea1022dcc7ef1ed01afc561f8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10512/file/medium-ce2ca6e252eb08115919432d7d117c11.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10512/file/large-ec37a8eca1096274256d816a8f886c9a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10512/file/medium-ce2ca6e252eb08115919432d7d117c11.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">Hauschka</p>
          <a href="/de/products/eyebrow-definer-02-dark-brown-1-05g-1-stuck-20098">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eyebrow Definer 02 dark brown 1.05g, 1 Stück</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 21.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AZ0g3dj7b_CmyRFcRWAceE5TcQTr4ohAseUvbb304WB7PCl_Wjyf24u5nAMtS97SgzEgn8v9aoT45iVcomgKtQ" />
    <input value="20098" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D28">
    <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="/de/products/blush-01-raspberry-5-g-20099">
          <img alt="Blush 01 raspberry" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10513/file/small-1d7b8030c592b35bc7cc17ebb75cccce.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10513/file/medium-59329c9c3b1daa0b006f2e68ec4eb847.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10513/file/large-5ff888e6c4d6baee2eb77245f191e72c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10513/file/medium-59329c9c3b1daa0b006f2e68ec4eb847.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">Hauschka</p>
          <a href="/de/products/blush-01-raspberry-5-g-20099">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Blush 01 raspberry, 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rASXHKDOyZHh10KULX0HUaPQgL6cfBiUHJISTm6yCLXWpZ6-Igk5usynz8tFVsX7brLRJbxj-lBVkRh_cS7jYA" />
    <input value="20099" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D28">
    <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="/de/products/blush-02-apricot-5-g-20100">
          <img alt="Blush 02 apricot" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10515/file/small-1a759bcd688c7d566d429b0b287c3365.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10515/file/medium-1a96189c757c0e820db892f33c227d2b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10515/file/large-fbd7e70a6dd19234a8c653a1d8c9bbb9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10515/file/medium-1a96189c757c0e820db892f33c227d2b.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">Hauschka</p>
          <a href="/de/products/blush-02-apricot-5-g-20100">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Blush 02 apricot, 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4wpuEf94dA3o6Azr48u615VgF0FRVpGviW9ZCH_sSEyZq2ezfb-EJsWYgbSL4Hh9WAJG2nFJc2vAbFM5YHCjmQ" />
    <input value="20100" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D28">
    <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="/de/products/eyeshadow-04-verdelite-1-4g-1-stuck-20101">
          <img alt="Eyeshadow 04 verdelite 1.4g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10514/file/small-f6d1e8581bc3832c52d1d806139af02b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10514/file/medium-3dbc1470cde3ec951dfdeedfe7c3c29d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10514/file/large-e273bcac8d8a4f7e40f72e46dd18e9f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10514/file/medium-3dbc1470cde3ec951dfdeedfe7c3c29d.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">Hauschka</p>
          <a href="/de/products/eyeshadow-04-verdelite-1-4g-1-stuck-20101">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eyeshadow 04 verdelite 1.4g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZTB0HUprcJfJG7a_eSeMb4Fruaq5fpCI_yIKywostTkfkX2_yKyAvORrO-ARDE7FTAnoMZlhcky2IQD6FbBe7A" />
    <input value="20101" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D28">
    <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="/de/products/eyeshadow-08-golden-topaz-1-4g-1-stuck-20102">
          <img alt="Eyeshadow 08 golden topaz 1.4g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10516/file/small-c567650a71fc829f72e91990e38ebfda.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10516/file/medium-2c48f9f2aede0c9a6b7205615dbaf5d1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10516/file/large-ee019362e9d5e02ffbc52a9dea25d59d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10516/file/medium-2c48f9f2aede0c9a6b7205615dbaf5d1.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">Hauschka</p>
          <a href="/de/products/eyeshadow-08-golden-topaz-1-4g-1-stuck-20102">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eyeshadow 08 golden topaz 1.4g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lhNi9B2lGPSgDJxSWvt_g6yDGbaKBSi-IezRbnSRHULssmtWn2Lo3418EQ0y0L0pYeFILaoaynpo79tfaw32lw" />
    <input value="20102" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D28">
    <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="/de/products/eyeshadow-07-aquamarine-1-4g-1-stuck-20103">
          <img alt="Eyeshadow 07 aquamarine 1.4g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10517/file/small-9d7e3472967c9be22c6b0e6b6616a140.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10517/file/medium-1c3639c22c49aa455bd1c4efb2832000.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10517/file/large-6aabf841c20b0556ec787a7f99c25e53.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10517/file/medium-1c3639c22c49aa455bd1c4efb2832000.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">Hauschka</p>
          <a href="/de/products/eyeshadow-07-aquamarine-1-4g-1-stuck-20103">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Eyeshadow 07 aquamarine 1.4g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fgt13BSb8o_fePL5BYl8KKFGEk8c_J39QFnkO5Xl9r4Eqnx-llwCpPIIf6Ztor6CbCRD1DzjfzkJWu4Kinkdaw" />
    <input value="20103" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D28">
    <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="/de/products/liquid-eyeliner-01-black-4-ml-20104">
          <img alt="Liquid Eyeliner 01 black" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10518/file/small-830c56741f5700f24de115459e3b3cf9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10518/file/medium-60dbc5992747e971f5a80fbff67c480d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10518/file/large-760c88167c33d01ed71027632855a658.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10518/file/medium-60dbc5992747e971f5a80fbff67c480d.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">Hauschka</p>
          <a href="/de/products/liquid-eyeliner-01-black-4-ml-20104">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Eyeliner 01 black, 4 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 672.50 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aJu8Vs97F9-SmKSDRrfG8f2HC-V1Wptv_z-reuobRxwSOrX0Tbzn9L_oKdwunARbMOVaflVFeau2PKFL9YesyQ" />
    <input value="20104" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D28">
    <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="/de/products/pflegespulung-hirse-250-ml-20108">
          <img alt="Pflegespülung Hirse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10641/file/small-c09f25581c63bd59929e484b0403c61a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10641/file/medium-f5851e578a74ebd7d0d4f7a2b1dbb4f1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10641/file/large-2b0bc4263aab4aac3dd5fb9c5ff83755.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10641/file/medium-f5851e578a74ebd7d0d4f7a2b1dbb4f1.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">Heidak</p>
          <a href="/de/products/pflegespulung-hirse-250-ml-20108">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflegespülung Hirse, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PO4UFFwQgXeTOUWs5_svvv6rNvipEWCGPdDLJUVnn3ZGTx223tdxXL5JyPOP0O0UM8lnY4kOgkJ008EUWvt0ow" />
    <input value="20108" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D28">
    <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="/de/products/shampoo-hirse-250-ml-20109">
          <img alt="Shampoo Hirse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10640/file/small-3df267f88527aa9df0e280b09790b145.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10640/file/medium-39ac8925097157c3cb07e74048d98ff4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10640/file/large-6d621d431f1a7994928b208c0d1f2215.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10640/file/medium-39ac8925097157c3cb07e74048d98ff4.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">Heidak</p>
          <a href="/de/products/shampoo-hirse-250-ml-20109">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampoo Hirse, 250 ml</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 7.16 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cYITuPttKy0hVrI85QqPw7zehn74YhZBxo1oo7NoL80LIxoaearbBgwmP2ONIU1pcbzX5dh99IWPjmKSrPTEGA" />
    <input value="20109" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D28">
    <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="/de/products/erfrischendes-dusch-shampoo-250-ml-20110">
          <img alt="Erfrischendes Dusch &amp; Shampoo" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10639/file/small-e50b75b056859a842e843a0d28648696.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10639/file/medium-74d35cbfdd5d75be6ffa1a3fdb9f48a8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10639/file/large-4651ba1e368419f5dae4b1c669814375.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10639/file/medium-74d35cbfdd5d75be6ffa1a3fdb9f48a8.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">Heidak</p>
          <a href="/de/products/erfrischendes-dusch-shampoo-250-ml-20110">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Erfrischendes Dusch &amp; Shampoo, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fjiwiii91ar71aOdGjYucyGGR2OlVVX6oPKj3Jnnpt0EmbkoqnolgdalLsJyHezZ7OQW-IVKtz7p8anthntNCA" />
    <input value="20110" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D28">
    <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="/de/products/wohlfuhlbad-250-ml-20111">
          <img alt="Wohlfühlbad" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10637/file/small-882512c5647f849fec77326813ad8905.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10637/file/medium-9b6e501074c48d4e19ece60da41da678.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10637/file/large-ff9797c84c00519276993f6781d4d0fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10637/file/medium-9b6e501074c48d4e19ece60da41da678.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">Heidak</p>
          <a href="/de/products/wohlfuhlbad-250-ml-20111">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wohlfühlbad, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WbzbSuEYguHBbm-sWGdZW3xKPH9ERQDBURWkr_uwBlAjHdLoY99yyuwe4vMwTJvxsSht5GRa4gUYFq6e5CzthQ" />
    <input value="20111" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D28">
    <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="/de/products/pflegelotion-weizenkeim-250-ml-20112">
          <img alt="Pflegelotion Weizenkeim" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10638/file/small-f3675938c3d04149fc1ee0047ce719c4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10638/file/medium-a2a42594539e83384ff09eb7e14b169b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10638/file/large-47bc73c23b5c543da3a0b99acc13f80f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10638/file/medium-a2a42594539e83384ff09eb7e14b169b.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">Heidak</p>
          <a href="/de/products/pflegelotion-weizenkeim-250-ml-20112">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pflegelotion Weizenkeim, 250 ml</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 11.16 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rzqDdkqrW2e8dzH3Dqx9B9U4qBYHqlwRVrpr7b-7PHvVm4rUyGyrTJEHvKhmh7-tGFr5jSe1vtUfuWHcoCfXrg" />
    <input value="20112" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D28">
    <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="/de/products/baby-massageol-250-ml-20116">
          <img alt="Baby Massageöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10543/file/small-c996012c249f2474d76fcaa7495f138c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10543/file/medium-1eb0435203584214231ba888c745dc97.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10543/file/large-bfc599a62dd0293b7a9eed325449d6d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10543/file/medium-1eb0435203584214231ba888c745dc97.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Jolu</p>
          <a href="/de/products/baby-massageol-250-ml-20116">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baby Massageöl, 250 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 9.96 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mslquR7xXD8tGZZ9QYyHBY1Y7cv4VRc18kxkbZ4tVBrgaGMbnDasFABpGyIpp0WvQDq8UNhK9fG7T25cgbG_zw" />
    <input value="20116" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D28">
    <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="/de/products/baby-pflegecreme-150-ml-20117">
          <img alt="Baby Pflegecreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10542/file/small-13b7945910dc1597312b19066ed0ef6a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10542/file/medium-f5918b37b93cc3bceea16f0e1ca0a048.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10542/file/large-51ce0a507932d8014b4819646f1638d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10542/file/medium-f5918b37b93cc3bceea16f0e1ca0a048.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Jolu</p>
          <a href="/de/products/baby-pflegecreme-150-ml-20117">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baby Pflegecreme, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ktj-2xOHVa11JgTvn2evMtPEKO_KKiyrh4aDmu8m_d1Qefd5kUClhlhWibD3TG2YHqZ5dOo1zm_OhYmr8LoWCA" />
    <input value="20117" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D28">
    <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="/de/products/baby-shampoo-waschlotion-250-ml-20118">
          <img alt="Baby Shampoo &amp; Waschlotion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10544/file/small-c63c18aa08b07bedd4ca2bf4b9664cd2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10544/file/medium-d534a68c5f7a7039f617f4afa8600b93.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10544/file/large-400152309f27275ad9e7faf2d3809d8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10544/file/medium-d534a68c5f7a7039f617f4afa8600b93.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Jolu</p>
          <a href="/de/products/baby-shampoo-waschlotion-250-ml-20118">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baby Shampoo &amp; Waschlotion, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j7dBfa86zJuLr7YdYYASRtfcjuYjA8tLx-Quv0HFdOb1FkjfLf08sKbfO0IJq9DsGr7ffQMcKY-O5ySOXlmfMw" />
    <input value="20118" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D28">
    <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="/de/products/baby-wind-und-wetter-creme-50-ml-20119">
          <img alt="Baby Wind und Wetter Creme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10545/file/small-3575d048b740cbb255de5da7f8a12585.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10545/file/medium-53d7439110d0c842a0db7fb77b2e5d6d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10545/file/large-869508dd7aa33672d1e7efe177ea711f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10545/file/medium-53d7439110d0c842a0db7fb77b2e5d6d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Jolu</p>
          <a href="/de/products/baby-wind-und-wetter-creme-50-ml-20119">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baby Wind und Wetter Creme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FzuqYskeVy4vR9V04FcmcCxoZaRYU2DWntPdfOcFLvxtmqPAS9mnBQI3WCuIfOTa4Qo0P3hMghLX0NdN-JnFKQ" />
    <input value="20119" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D28">
    <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="/de/products/baby-wundschutzcreme-75-ml-20120">
          <img alt="Baby Wundschutzcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10546/file/small-767b66407dbffc728ef1d94227687790.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10546/file/medium-39aa64a6ef8a5178bf9a915c8bc2cb95.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10546/file/large-c3ce68099b64e362559e2216c204cf06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10546/file/medium-39aa64a6ef8a5178bf9a915c8bc2cb95.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Jolu</p>
          <a href="/de/products/baby-wundschutzcreme-75-ml-20120">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baby Wundschutzcreme, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x5x51-mgNnkBKY1UaAFa5VGN_9wkC2WSI5bo5_r0jJO9PXB1a2fGUixZAAsAKphPnO-uRwQUh1ZqleLW5WhnRg" />
    <input value="20120" 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="/de/signup?return_to=%2Fde%2Fcategories%2Fnaturkosmetik%3Fformat%3Dturbo_stream%26page%3D28">
    <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="/de/products/shampoo-amla-volume-200-ml-20122">
          <img alt="Shampoo Amla Volume" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11075/file/small-b598ece3107658cd973db80f9122bfe1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11075/file/medium-bffbc34f3584fad9ba842ebfcbaff2bc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11075/file/large-58e69f3a90bd19f53431f6684ef25901.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11075/file/medium-bffbc34f3584fad9ba842ebfcbaff2bc.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="/de/products/shampoo-amla-volume-200-ml-20122">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampoo Amla Volume, 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-20122-card">
        

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

</template></turbo-stream>