<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%2Fmanifaktur%3Fformat%3Dturbo_stream%26page%3D99">
    <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/liquid-soap-teebaum-60-ml-19541">
          <img alt="Liquid Soap Teebaum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9371/file/small-81865f4c3addb1364ea92650cff56f06.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9371/file/medium-76bcb4a34acd9910108bd5501ba7d2c3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9371/file/large-297b8aa7bd8ebfcc610fc702065c9acd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9371/file/medium-76bcb4a34acd9910108bd5501ba7d2c3.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">Dr. Bronners</p>
          <a href="/products/liquid-soap-teebaum-60-ml-19541">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Teebaum, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3zKJ53mp557ukeV_RSHEo3ivKPlUwO8rnORx70nJ5CyUlwgJ3El_X9rcxC7W2zBlZWgWa8bLw3ws8ocHQV-iAA" />
    <input value="19541" 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%2Fmanifaktur%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lotion-peppermint-240-ml-19542">
          <img alt="Lotion Peppermint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9372/file/small-f20304da77c832f46c29cae06babab25.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9372/file/medium-50d92a2acadc136e24294c21dfb583cf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9372/file/large-d1172b5196c714624e5c9ad122c75c85.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9372/file/medium-50d92a2acadc136e24294c21dfb583cf.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">Dr. Bronners</p>
          <a href="/products/lotion-peppermint-240-ml-19542">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lotion Peppermint, 240 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 8.29 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fHOPJNQ3QB4ueRGi1jyq6nl3rNE72z-7K7xR-mN6eOs31g7KcdfY3xo0MPNFxl4sZLCSQ6nQE-ybqqcSa-w-xw" />
    <input value="19542" 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%2Fmanifaktur%3Fformat%3Dturbo_stream%26page%3D99">
    <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/zahnpasta-pfefferminz-105-ml-19543">
          <img alt="Zahnpasta Pfefferminz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9373/file/small-05b43fb08d5e7b254add74d1500d1a36.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9373/file/medium-acd2c087eb7c14b88819e63c687853ad.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9373/file/large-4151f1dcf89be8dad44425c358c12dff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9373/file/medium-acd2c087eb7c14b88819e63c687853ad.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">Dr. Bronners</p>
          <a href="/products/zahnpasta-pfefferminz-105-ml-19543">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta Pfefferminz, 105 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gyVI1y_dxEjLHgpsIF3k2m7E55MOuQahDeKWHMBbuWfIgMk5ij1cif9TKz2zpxAccwPZAZyyKva99GD0yM3_Sw" />
    <input value="19543" 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%2Fmanifaktur%3Fformat%3Dturbo_stream%26page%3D99">
    <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/zahnpasta-zimt-140-g-19544">
          <img alt="Zahnpasta Zimt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10073/file/small-f34ffaf037487b29287d0443efb174c6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10073/file/medium-4edcc6ed156456580be399ce41193ce6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10073/file/large-3db5e22b3a55db6b31114fb2a94bc119.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10073/file/medium-4edcc6ed156456580be399ce41193ce6.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">Dr. Bronners</p>
          <a href="/products/zahnpasta-zimt-140-g-19544">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahnpasta Zimt, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="By5BAwMZ-ZFNSBGslhZ4Xfs_jqVoI8jUvl8Lj2s4arJMi8DtpvlhUHkFMP0F7Iyb5viwN_oo5IMOSf1nY64sng" />
    <input value="19544" 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%2Fmanifaktur%3Fformat%3Dturbo_stream%26page%3D99">
    <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/basische-edelsteinseife-zirbenol-18-g-19545">
          <img alt="Basische Edelsteinseife Zirbenöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10358/file/small-56f7ab8301262cbdab5baf6ff52b82cd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10358/file/medium-751991bdf0c0b56b077a74c56042dc56.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10358/file/large-6c735697a12e662615e6453ef9c3b182.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10358/file/medium-751991bdf0c0b56b077a74c56042dc56.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">Droste-Laux</p>
          <a href="/products/basische-edelsteinseife-zirbenol-18-g-19545">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Basische Edelsteinseife Zirbenöl, 18 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="isIs8HwH-uIZAP0gQnCVm16JPkN50BFUe_ILDTUDqZ_BZ60e2ediIy1N3HHRimFdQ04A0evbPQPL5P3lPZXvsw" />
    <input value="19545" 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%2Fmanifaktur%3Fformat%3Dturbo_stream%26page%3D99">
    <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/deocreme-sheabutter-zirbenol-30-ml-19546">
          <img alt="Deocreme Sheabutter/Zirbenöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10357/file/small-f3e3dd765ce094c8d6faead931902bc1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10357/file/medium-0580d8e074bf2cb91209d31da620afff.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10357/file/large-4ad08d2073df5aa77ba6ec39dd9ced1d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10357/file/medium-0580d8e074bf2cb91209d31da620afff.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">Droste-Laux</p>
          <a href="/products/deocreme-sheabutter-zirbenol-30-ml-19546">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Deocreme Sheabutter/Zirbenöl, 30 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 63.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zjqMhbE0B1x_6niYYnt_TWIWlTIsGLYfZsXS7Hbzfn6Fnw1rFNSfnUunWcnxgYuLf9GroL4TmkjW0yQEfmU4Ug" />
    <input value="19546" 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%2Fmanifaktur%3Fformat%3Dturbo_stream%26page%3D99">
    <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/edelsteinbad-basisch-1600-g-19547">
          <img alt="Edelsteinbad basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9374/file/small-fa1633216df00fbfbcce5f6635b4c5d9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9374/file/medium-8846d270c99b626130df8117f717169e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9374/file/large-80f1d0758a4bfb922ded4bb32c628d48.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9374/file/medium-8846d270c99b626130df8117f717169e.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">Droste-Laux</p>
          <a href="/products/edelsteinbad-basisch-1600-g-19547">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Edelsteinbad basisch, 1600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 51.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t2iyex7UNnyRy84GY8qY69CqMf6lJUUwzw43Y9bJv8_8zTOVuzSuvaWG71fwMGwtzW0PbDcuaWd_GMGL3l_54w" />
    <input value="19547" 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%2Fmanifaktur%3Fformat%3Dturbo_stream%26page%3D99">
    <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/edelsteinbad-basisch-300-g-19548">
          <img alt="Edelsteinbad basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9375/file/small-5328aac14d8bdbc207cb28a99a958b1a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9375/file/medium-ea5205499ba8a27a0db791fc1ffa6663.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9375/file/large-fbe60bc3b43b631584d65604f7f8064e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9375/file/medium-ea5205499ba8a27a0db791fc1ffa6663.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">Droste-Laux</p>
          <a href="/products/edelsteinbad-basisch-300-g-19548">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Edelsteinbad basisch, 300 g</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 4.97 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KhBIms0CyLAnZhvcVS46V9rTTRk-JIuGCqVUve4ReMNhtcl0aOJQcRMrOo3G1M6RxxRzi6wvp9G6s6JV5oc-7w" />
    <input value="19548" 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%2Fmanifaktur%3Fformat%3Dturbo_stream%26page%3D99">
    <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/edelsteinbad-basisch-900-g-19549">
          <img alt="Edelsteinbad basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9376/file/small-f2ff30f6d0635636bda2214add984ffc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9376/file/medium-b0e980da7e1f4928c237e5eb93a82d54.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9376/file/large-b31204bd98d57f659c5a91eed9767794.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9376/file/medium-b0e980da7e1f4928c237e5eb93a82d54.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">Droste-Laux</p>
          <a href="/products/edelsteinbad-basisch-900-g-19549">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Edelsteinbad basisch, 900 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fg9ScW3SdcXVW5zLzmSV1xWCBduE6wJ8mbpk0FGLEdw1qtOfyDLtBOEWvZpdnmERCEU7SRbgLisprJI4WR1X8A" />
    <input value="19549" 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%2Fmanifaktur%3Fformat%3Dturbo_stream%26page%3D99">
    <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/edelsteinbad-basisch-sachet-60-g-19550">
          <img alt="Edelsteinbad basisch Sachet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9377/file/small-4901c4ca1655074f4b2715036ef83773.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9377/file/medium-380895c3eec2bfa28003b64bbd89b62c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9377/file/large-a8c3cbbf931a93f422d02043335f5177.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9377/file/medium-380895c3eec2bfa28003b64bbd89b62c.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">Droste-Laux</p>
          <a href="/products/edelsteinbad-basisch-sachet-60-g-19550">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Edelsteinbad basisch Sachet, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xe4USn4ULthryC_G2eXMXRoBO-cwlEIkvtwCRMoZWsaOS5Wk2_S2GV-FDpdKHzibB8YFdaKfbnMOyvSswo8c6g" />
    <input value="19550" 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%2Fmanifaktur%3Fformat%3Dturbo_stream%26page%3D99">
    <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/gesichtscreme-basisch-50-ml-19551">
          <img alt="Gesichtscreme basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9378/file/small-e5db2d13a9410e1db2052af944fdde20.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9378/file/medium-0ff71173530bc29286dec26ea880c163.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9378/file/large-6872dd5e9f900b8f400831237e142dff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9378/file/medium-0ff71173530bc29286dec26ea880c163.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">Droste-Laux</p>
          <a href="/products/gesichtscreme-basisch-50-ml-19551">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gesichtscreme basisch, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UkW9TSL59Hu9ZU1TNg1dKTvmlC3La3VbeUR9fM-QO3kZ4DyjhxlsuokobAKl96nvJiGqv1lgWQzJUouUxwZ9VQ" />
    <input value="19551" 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%2Fmanifaktur%3Fformat%3Dturbo_stream%26page%3D99">
    <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/gesichtsmaske-basisch-50-ml-19552">
          <img alt="Gesichtsmaske basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9379/file/small-b2b2ea1ee79a215f9ed61f9683f60034.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9379/file/medium-1539826884409c3d41b26ea1ab547f0e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9379/file/large-2d29ad3f4ea4373f02833cd61ab783ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9379/file/medium-1539826884409c3d41b26ea1ab547f0e.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">Droste-Laux</p>
          <a href="/products/gesichtsmaske-basisch-50-ml-19552">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gesichtsmaske basisch, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JhrFOsSdOe0YjAlzH_jXUWloTgKn7voAZ75IwhLHXTRtv0TUYX2hLCzBKCKMAiOXdK9wkDXl1lfXqL4qGlEbGA" />
    <input value="19552" 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%2Fmanifaktur%3Fformat%3Dturbo_stream%26page%3D99">
    <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/gesichtswaschcreme-basisch-50-ml-19553">
          <img alt="Gesichtswaschcreme basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9380/file/small-5bf32f83ea8c8d61ee1a40f2cbe54092.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9380/file/medium-98f70f3664b7e605d371dcad99b6abea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9380/file/large-55d10a8259640b021a31ca56b6b13152.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9380/file/medium-98f70f3664b7e605d371dcad99b6abea.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">Droste-Laux</p>
          <a href="/products/gesichtswaschcreme-basisch-50-ml-19553">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gesichtswaschcreme basisch, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gAVbsqwvkBQjCOgZdCAKmbmzNRyeJFF0l1HNqI5ZcHHLoNpcCc8I1RdFyUjn2v5fpHQLjgwvfSMnRztAhs82XQ" />
    <input value="19553" 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%2Fmanifaktur%3Fformat%3Dturbo_stream%26page%3D99">
    <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/korperlotion-basisch-200-ml-19554">
          <img alt="Körperlotion basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9381/file/small-096f21cba8a69a4231f646e94b774b0b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9381/file/medium-a876fd92381a34cb9cad2aff2118b70d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9381/file/large-eeb6ed7b230674823b0b145ce2f7d16c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9381/file/medium-a876fd92381a34cb9cad2aff2118b70d.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">Droste-Laux</p>
          <a href="/products/korperlotion-basisch-200-ml-19554">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Körperlotion basisch, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rf2K7Lt_Fct0w9b0Qg2w63h6gcmTt7tTQX6dwTmiLO4OWAsCHp-NCkCO96XR90QtZb2_WwG8lwTxaGspMTRqwg" />
    <input value="19554" 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%2Fmanifaktur%3Fformat%3Dturbo_stream%26page%3D99">
    <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/ayurvedisches-mundol-250-ml-19555">
          <img alt="Ayurvedisches Mundöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9382/file/small-3df6bc2cc01b940f3f34122e51f60847.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9382/file/medium-883bd4ddb28f276bbf60046353c75625.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9382/file/large-52504a71c4b0c5f006fa84f52d7611ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9382/file/medium-883bd4ddb28f276bbf60046353c75625.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">Droste-Laux</p>
          <a href="/products/ayurvedisches-mundol-250-ml-19555">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ayurvedisches Mundöl, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 49.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p0MwVTNRDEXq2Vi0fYI0icyUkDlZh7s7BJbdlp1pZPPs5rG7lrGUhN6UeeXueMBP0VOuq8uMl2y0gCt-lf8i3w" />
    <input value="19555" 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%2Fmanifaktur%3Fformat%3Dturbo_stream%26page%3D99">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/mandelol-shampoo-basisch-200-ml-19556">
          <img alt="Mandelöl Shampoo basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10033/file/small-56c5cc33e204a3520e55486e954d6729.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10033/file/medium-ada48e8653d8f3e17658b8e8b71059e4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10033/file/large-7dc5dca4632f07e96970a5f947b98b38.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10033/file/medium-ada48e8653d8f3e17658b8e8b71059e4.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">Droste-Laux</p>
          <a href="/products/mandelol-shampoo-basisch-200-ml-19556">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandelöl Shampoo basisch, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P1rarojAa0Lq0zzSWoQxlvoNYJtUrQa_w2tZ_3DNj1Z0_1tALSDzg96eHYPJfsVQ58peCcamKuhzfa8XeFvJeg" />
    <input value="19556" 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%2Fmanifaktur%3Fformat%3Dturbo_stream%26page%3D99">
    <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/zahncreme-basisch-50-ml-19557">
          <img alt="Zahncreme basisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9383/file/small-e712c33d027bb6b598c66b8c75e521d8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9383/file/medium-daa94753a4f85e7ecd3b2a1ae3bfaa69.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9383/file/large-3b8d1b12158568b620bc2265827f6d14.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9383/file/medium-daa94753a4f85e7ecd3b2a1ae3bfaa69.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">Droste-Laux</p>
          <a href="/products/zahncreme-basisch-50-ml-19557">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zahncreme basisch, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pD54-SILvNVsn7IqGLGW_r4SQhsnW9rrhKUFskGZ_evvm_kXh-skFFjSk3uLS2I4o9V8ibVQ9rw0s_NaSQ-7xw" />
    <input value="19557" 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%2Fmanifaktur%3Fformat%3Dturbo_stream%26page%3D99">
    <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/bundner-murmelisalbe-75-g-19558">
          <img alt="Bündner Murmelisalbe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9711/file/small-d1795f4bd475b27ba0f2cafd8dde8434.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9711/file/medium-42e7178791a23f9021eca22ab4c38578.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9711/file/large-f38a98dcc0e0b47de36951c73a8bddf2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9711/file/medium-42e7178791a23f9021eca22ab4c38578.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">Erva Medica AG</p>
          <a href="/products/bundner-murmelisalbe-75-g-19558">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bündner Murmelisalbe, 75 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 37.20 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hCzbYlP_e4h0f0RxVZP-gC_b1zKhCOk16wK4ISpIhF_PiVqM9h_jSUAyZSDGaQpGMhzpoDMDxWJbFE7JIt7Ccw" />
    <input value="19558" 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%2Fmanifaktur%3Fformat%3Dturbo_stream%26page%3D99">
    <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/propolis-salbe-125-ml-19559">
          <img alt="Propolis Salbe" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9713/file/small-18905e92e7c95548a00b12f26f47d897.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9713/file/medium-847b8ed942a28d8d6dc341f90978637e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9713/file/large-61348e36dc7515988e240558bc0e3a7e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9713/file/medium-847b8ed942a28d8d6dc341f90978637e.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">Erva Medica AG</p>
          <a href="/products/propolis-salbe-125-ml-19559">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Propolis Salbe, 125 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 17.52 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fuGK1efs6FKB5cCQhVa9qt79LHCNuBk9BGP9I7u0cUI1RAs7Qgxwk7Wo4cEWrElswzoS4h-zNWq0dQvLsyI3bg" />
    <input value="19559" 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%2Fmanifaktur%3Fformat%3Dturbo_stream%26page%3D99">
    <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/face-cream-intense-50-ml-19560">
          <img alt="Face Cream Intense" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10074/file/small-53638c41a8f186d686a014f7d5cfb562.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10074/file/medium-417f8ee9fc0d9cf5e86c1b45573edfcb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10074/file/large-bb9ae8835a4ea46297647376437bc50c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10074/file/medium-417f8ee9fc0d9cf5e86c1b45573edfcb.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/face-cream-intense-50-ml-19560">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Face Cream Intense, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 69.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_f4Vzz4RS_BcW0XBD8VKcj2qyavz9I_XlxpvBP38pjm2W5Qhm_HTMWgWZJCcP760IG33OWH_o4AnDJns9WrgFQ" />
    <input value="19560" 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">
      1&#39;980 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/manifaktur?format=turbo_stream&amp;page=100">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>