<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%3D31">
    <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/natural-lip-glow-transparent-4-2g-1-stuck-20367">
          <img alt="Natural Lip Glow Transparent 4.2g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11070/file/small-668de005e480a1b37046f500c6b64101.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11070/file/medium-110a6b74b71acd67e994ec366c5b2dd5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11070/file/large-ff25a6259f8459ada1abc61c87813a18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11070/file/medium-110a6b74b71acd67e994ec366c5b2dd5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/de/products/natural-lip-glow-transparent-4-2g-1-stuck-20367">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Natural Lip Glow Transparent 4.2g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mxRe4ZmDJkvZwgcIwAbbn8UUSaD_YqKYGOnJzlaZ19RJT7kCphwP6zqm7B37RpwFYBOBTJrYNJuF-fwgTx2XUw" />
    <input value="20367" 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%3D31">
    <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/foundation-natuwear-mocha-30-ml-20368">
          <img alt="Foundation Natuwear Mocha" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11071/file/small-c07a5287d81a3f19efa5b03f16147f68.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11071/file/medium-9fd3e33626c75304a90f097fbf66bc6d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11071/file/large-a522338628bf8e5a90547171c49f7c1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11071/file/medium-9fd3e33626c75304a90f097fbf66bc6d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/de/products/foundation-natuwear-mocha-30-ml-20368">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Foundation Natuwear Mocha, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WkhI9xe1PuDYUxC-dLRbGIphvE2D_vjP_AAOoVfDga2IE68UKCoXQDs3-6tP9ByCL2Z0oeZEbsxhEDtPTkfBKg" />
    <input value="20368" 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%3D31">
    <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/foundation-natuwear-light-ivory-30-ml-20369">
          <img alt="Foundation Natuwear Light Ivory" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11072/file/small-047eec3aac88a63a75fc4ec4a0331a17.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11072/file/medium-01ce2624f6bf08df37430d77c4623b7b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11072/file/large-fe1419aa1904e8e087bc939ce56a89df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11072/file/medium-01ce2624f6bf08df37430d77c4623b7b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Börlind</p>
          <a href="/de/products/foundation-natuwear-light-ivory-30-ml-20369">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Foundation Natuwear Light Ivory, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SyLPyvs-rrDTNoqi_pCNzW550G_H2EXm-V9XkJxOHKWZeSgpxKGHEDBSYbfF0MpXy34Yg6Ji0-VkT2J-hcpcIg" />
    <input value="20369" 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%3D31">
    <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-deep-cleanse-150-ml-20372">
          <img alt="Shampoo Deep Cleanse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11074/file/small-feb6c32268477b6cb0cd44c7804028f0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11074/file/medium-d426322e633bd67dedcb1644d5b9efc0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11074/file/large-0f716e04e9930070245191c27aff125a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11074/file/medium-d426322e633bd67dedcb1644d5b9efc0.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-deep-cleanse-150-ml-20372">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shampoo Deep Cleanse, 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-20372-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NPpkqNszrMhGmhRYfjEfvtieWt01bTBeviDsLr_BhHHmoYNL5KyFaKX-_01FcVgkfZmSMVDXpl0jMNnApkXE9g" />
    <input value="20372" 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%3D31">
    <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/lakur-wildberry-freeze-12-ml-20373">
          <img alt="Lakur Wildberry Freeze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11076/file/small-ae5e9a4e0fa238ad8781b410bc091d1d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11076/file/medium-ca6ff5a5239a4f0f786e90a36c934532.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11076/file/large-0556ccedd2ef3f602a7f6828af4e9274.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11076/file/medium-ca6ff5a5239a4f0f786e90a36c934532.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">LondonTown</p>
          <a href="/de/products/lakur-wildberry-freeze-12-ml-20373">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lakur Wildberry Freeze, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oBMhG5R8F5mCyXkfKa-ho6qcukA4RQNVHUaoBrN6eyFySMb4q-M-OWGtkgoS7-Y5D5tyrF3_lVaAVp3oqv47pg" />
    <input value="20373" 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%3D31">
    <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/feste-bodybutter-sanddorn-orange-70-g-20384">
          <img alt="Feste Bodybutter Sanddorn Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11089/file/small-543a86459ba29c663f02fa06726c7671.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11089/file/medium-49161901e0430b032dd999675f458944.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11089/file/large-e740e6f4ab45cb3989d53f46b8c8d9fc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11089/file/medium-49161901e0430b032dd999675f458944.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rosenrot</p>
          <a href="/de/products/feste-bodybutter-sanddorn-orange-70-g-20384">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Feste Bodybutter Sanddorn Orange, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.80
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z4IsSvXck4bObdwV-Kh-tcpd8upeFQrqTy0CtQpxc8Ed2cupykO6Ji0JNwDD6Dkvb1o6BjuvnOnSPTdbE_UzRg" />
    <input value="20384" 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%3D31">
    <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/mighty-patch-duo-12-stuck-20391">
          <img alt="Mighty Patch Duo" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11096/file/small-a74ea8b1935df71ab5688bd2977768c0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11096/file/medium-8d113aec04026e869259b50b5b0f6acf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11096/file/large-3a9c6f59ef79904bed24a62b08b23812.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11096/file/medium-8d113aec04026e869259b50b5b0f6acf.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">Hero</p>
          <a href="/de/products/mighty-patch-duo-12-stuck-20391">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mighty Patch Duo, 12 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OgcmbEOHKqfMQ-5c7cO54d-HSSo37U0FesMzuuXfOozoXMGPfBgDBy8nBUnWg_57eoCBxlJX2wbn0wZU_Ft6Cw" />
    <input value="20391" 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%3D31">
    <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/kartoffelcreme-aprikose-tube-100-ml-20403">
          <img alt="Kartoffelcreme Aprikose Tube" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11117/file/small-941de03ed23a72389eca0454ba38772b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11117/file/medium-8bc9e0aee79b548231410bba9e2d6ea7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11117/file/large-bb2df98b5fa455f556f5bc8c0f07a8ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11117/file/medium-8bc9e0aee79b548231410bba9e2d6ea7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bionaturis</p>
          <a href="/de/products/kartoffelcreme-aprikose-tube-100-ml-20403">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kartoffelcreme Aprikose Tube, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="q9tllOhYWllt9qCSWiS1b3LsAzkws1ZhT5p_5VaNgXd5gIJ318dz-Y6SS4dhZPL11-vL1VUJwGLSikoLTwnB8A" />
    <input value="20403" 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%3D31">
    <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/kartoffelcreme-winter-tube-50-ml-20404">
          <img alt="Kartoffelcreme Winter Tube" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11118/file/small-50b878131440e1e264e2fb24e2587107.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11118/file/medium-ba45cd152f4852ad8e51ef10d6a94b22.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11118/file/large-c4742943fc23747a18242edce27038fa.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11118/file/medium-ba45cd152f4852ad8e51ef10d6a94b22.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bionaturis</p>
          <a href="/de/products/kartoffelcreme-winter-tube-50-ml-20404">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kartoffelcreme Winter Tube, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.90
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ba27QSh5caZgfrc4yJuXKecEj-rcAtHqSv8mWJCgmIm_9lyiF-ZYBoMaXC3z29CzQgNHBrm4R-nX7xO2iSTYDg" />
    <input value="20404" 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%3D31">
    <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/after-sun-fluid-150-ml-20426">
          <img alt="After Sun Fluid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11140/file/small-44d8a8c3bcd91df6d21827f9c90fbd32.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11140/file/medium-be61db4248c6eed46a3f3ba0369be1c2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11140/file/large-d39eba60f0399c11ec567efcd947f99f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11140/file/medium-be61db4248c6eed46a3f3ba0369be1c2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Inninova</p>
          <a href="/de/products/after-sun-fluid-150-ml-20426">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">After Sun Fluid, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t2LnjcPEq-k5x3uFHPiZujwj6R_nZfITGm2qglTyzsBlOQBu_FuCSdqjkJAnuN4gmSQh84LfZBCHfZ9sTXaORw" />
    <input value="20426" 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%3D31">
    <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/sun-lsf-50-baby-kids-100-ml-20427">
          <img alt="Sun LSF 50 Baby &amp; Kids" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11142/file/small-1ddc156e4dc784bbd48d1c14bdd841e0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11142/file/medium-a4680382a1b61e35e4c280e66b564bc0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11142/file/large-c6b566e3a020ade24c0f278be7a25124.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11142/file/medium-a4680382a1b61e35e4c280e66b564bc0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Inninova</p>
          <a href="/de/products/sun-lsf-50-baby-kids-100-ml-20427">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sun LSF 50 Baby &amp; Kids, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.00
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JQ7vLtODuAO8boqDQpO-mgk68eXnljIn36eXzzFh6bP3VQjN7ByRo18KYZZ50_kArD05CYIspCRCt6IhKOWpNA" />
    <input value="20427" 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%3D31">
    <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/laboratoires-de-biarritz-sonnenol-invisible-lsf50-125-ml-20526">
          <img alt="Laboratoires De Biarritz Sonnenöl 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/11268/file/small-c150f13f24d19a0050aa2ca85e654237.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11268/file/medium-8f6f448a5a99caa0f9607621a081615b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11268/file/large-816963ac2b1d30cda826c33595cc03d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11268/file/medium-8f6f448a5a99caa0f9607621a081615b.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="/de/products/laboratoires-de-biarritz-sonnenol-invisible-lsf50-125-ml-20526">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Laboratoires De Biarritz Sonnenöl invisible LSF50, 125 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.50
            </p>

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

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fPJTzhD5AziDPN7ZsDKtO6ZaNnyIWximGKDNzWEcKOKuqbQtL2YqmGBYNcyLcuqhA13-kO3hjqWFsPgjeJhoZQ" />
    <input value="20526" 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">
      612 von 612 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>