<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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D98">
    <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/bar-soap-peppermint-140-g-19521">
          <img alt="Bar Soap Peppermint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9355/file/small-8055790bfd449b8dc2c05d17046da5de.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9355/file/medium-fa252416e123e0279b83e0ded99abd6d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9355/file/large-7bd628a30fe67bf71cd919b913cf6787.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9355/file/medium-fa252416e123e0279b83e0ded99abd6d.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/bar-soap-peppermint-140-g-19521">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Peppermint, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_Tz8WQuuQuXFL2_kbG_2ajzT4KNQzUbZoWsLGZXHZoQau1ly4ZV5wWkjrBHXwmJJ0YW4zD7TkWrqMFA0naMTHw" />
    <input value="19521" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D98">
    <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/bar-soap-rose-140-g-19522">
          <img alt="Bar Soap Rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9356/file/small-1ae7e5681eba5ff8d82310205ba4acee.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9356/file/medium-80c843ffd03ffb66ee5e4a1990c0f21b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9356/file/large-b8b1013bb5dffa564c3fce2d6b094dae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9356/file/medium-80c843ffd03ffb66ee5e4a1990c0f21b.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/bar-soap-rose-140-g-19522">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Rose, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cOrjfO6ShjltwIxeQ6pJMSkv4ato5ABttnpAgncpwZ2XbUZXBKm9HcHMT6v4B90SxHm5xAb61979IRuvf020Bg" />
    <input value="19522" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D98">
    <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/bar-soap-teebaum-140-g-19523">
          <img alt="Bar 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/9357/file/small-0f619a0d8f3ed35fcac45b0d2926a94e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9357/file/medium-78c6612193bf97fb982deb4f214fd098.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9357/file/large-038bc6366c39fcd7c750dfd016a1b561.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9357/file/medium-78c6612193bf97fb982deb4f214fd098.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/bar-soap-teebaum-140-g-19523">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Teebaum, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RWCSPGV8oaaGbltKI4__QWHXOkw7Q3LraRFwdF3SP0Ki5zcXj0eagipimL-YImtijIFiI1VdpVgiSitZVbZK2Q" />
    <input value="19523" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D98">
    <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/lipbalm-baby-mild-4-g-19524">
          <img alt="Lipbalm Baby Mild" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9358/file/small-41ddfcbd3c9a32011f6dc06fd2b536c7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9358/file/medium-465c9f91a6e1f10be098fb511f771a61.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9358/file/large-4e055d797d6224858776b848780327ae.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9358/file/medium-465c9f91a6e1f10be098fb511f771a61.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/lipbalm-baby-mild-4-g-19524">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipbalm Baby Mild, 4 g</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 147.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D22bLYqPnci8riDWODOClQ7MxFJvOeFxaPmdtQJdwkDo6j4GYLSm7BCi4yODnha245qcPQEnNsIjosaYCjm32w" />
    <input value="19524" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D98">
    <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/lipbalm-cherry-blossom-4-g-19525">
          <img alt="Lipbalm Cherry Blossom" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9359/file/small-aa041f528a3eb317b08f442cc155cf79.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9359/file/medium-73023d033821d71385ddcea81aebfaf2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9359/file/large-1f78dcc204a83efedc34bbf2728db84e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9359/file/medium-73023d033821d71385ddcea81aebfaf2.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/lipbalm-cherry-blossom-4-g-19525">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipbalm Cherry Blossom, 4 g</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 147.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rEzOQjdkD_x7jsw92Tqh80nCAeRU3-xyQLDiUqnstF9Ly2tp3V802NeCD8hilzXQpJRZizrBO8EL67l_oYjBxA" />
    <input value="19525" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D98">
    <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/lipbalm-citrus-lime-4-g-19526">
          <img alt="Lipbalm Citrus-Lime" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9360/file/small-1cf45999844dfa282e81963f0bb8662e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9360/file/medium-ee72133bec801e6aaadf323171fd2b08.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9360/file/large-e97f740b61aa442dcd1fd2a5dcfc4e52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9360/file/medium-ee72133bec801e6aaadf323171fd2b08.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/lipbalm-citrus-lime-4-g-19526">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipbalm Citrus-Lime, 4 g</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 147.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mWCRVBD_cwkkpJiiIV_1uTcaGuca0ZwWmRPf3hIBbWJ-5zR_-sRILYioW1ea8mGa2kxCiHTPS6XSSITzGmUY-Q" />
    <input value="19526" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D98">
    <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/lipbalm-peppermint-4-g-19527">
          <img alt="Lipbalm Peppermint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9361/file/small-d4c4076c96c422c5c090e212cc110642.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9361/file/medium-39aad09fed8526bc118cc29c1bb632cd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9361/file/large-1378d60d46fdeb7896c23351fed9b45c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9361/file/medium-39aad09fed8526bc118cc29c1bb632cd.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/lipbalm-peppermint-4-g-19527">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lipbalm Peppermint, 4 g</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 147.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tzsNaf_7nWhwrDDYXhyF2-gF3IMNK113HIdxJiBvtMxQvKhCFcCmTNyg8y3lsRH4BVOE7GM1isRX3CoLKAvBVw" />
    <input value="19527" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D98">
    <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-baby-mild-240-ml-19528">
          <img alt="Liquid Soap Baby Mild" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9362/file/small-1bb3e034565cf3fd109488479cf89f7d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9362/file/medium-4f67d0d13759155a36de67a82968e744.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9362/file/large-71b011cd4f0e9e2f83dabae520a3eca2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9362/file/medium-4f67d0d13759155a36de67a82968e744.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-baby-mild-240-ml-19528">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Baby Mild, 240 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 5.79 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LJJB32IRVzhazjrRaerA9PJUb3aaL40ENLY2QMM8VA3LFeT0iCpsHPbC-STSR1TXHwI3GfQxWrd_7W1ty1ghlg" />
    <input value="19528" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D98">
    <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-baby-mild-60-ml-19529">
          <img alt="Liquid Soap Baby Mild" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9363/file/small-b539e5047ffa7b1649378d7b7961b065.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9363/file/medium-58c107495549134939498b161c7efcff.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9363/file/large-9301385117fdf71b5a5b9bd11525b18c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9363/file/medium-58c107495549134939498b161c7efcff.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-baby-mild-60-ml-19529">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Baby Mild, 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-19529-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LZP-vFJJLDTygKP2zkQU8tWeDRG7PMtPlUqx0OFARXDKFFuXuHIXEF6MYAN16YDROMhVftUiHPzeEer96SQw6w" />
    <input value="19529" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D98">
    <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-cherry-blossom-240-ml-19530">
          <img alt="Liquid Soap Cherry Blossom" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10030/file/small-29afa16cfbff8df5921a752b09940c9e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10030/file/medium-0eec908cf5859233580ab99aa5fe9e35.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10030/file/large-4661a7213c627ec016b4a770ff4f12cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10030/file/medium-0eec908cf5859233580ab99aa5fe9e35.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-cherry-blossom-240-ml-19530">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Cherry Blossom, 240 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 5.79 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HnNbLTmAof2A9HWRNihCHUCncacz3iRfmKKvN2Urrs359P4G07ua2Sz4tmSNhdY-rfEpyF3A8-zT-fQabU_bVg" />
    <input value="19530" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D98">
    <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-citrus-orange-240-ml-19531">
          <img alt="Liquid Soap Citrus-Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9364/file/small-9d57d67bf5c187bfa3c759c5eecdd625.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9364/file/medium-4e259c4d50aa2c43535db30334ec8cb4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9364/file/large-759d341dbc2aab0e3937fac06d326b6a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9364/file/medium-4e259c4d50aa2c43535db30334ec8cb4.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-citrus-orange-240-ml-19531">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Citrus-Orange, 240 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 5.79 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lV1OyQZSwB-MxYmbm6zkCrT9_AtqzkIbT2lazfwUCBhy2uvi7Gn7OyDJSm4gAXApWaukZATQlagEMgHg9HB9gw" />
    <input value="19531" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D98">
    <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-citrus-orange-60-ml-19532">
          <img alt="Liquid Soap Citrus-Orange" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10072/file/small-d26c814908613be6f59a681c659b36f3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10072/file/medium-09d59b92f54bc81d65d59a83e845f782.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10072/file/large-253149a8f7b25239f91000e7f7f48649.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10072/file/medium-09d59b92f54bc81d65d59a83e845f782.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-citrus-orange-60-ml-19532">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Citrus-Orange, 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-19532-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7P-HUqC1pJnczLbCOcY91ISkVlTPA7BcN3dUELyskPQLeCJ5So6fvXDAdTeCa6n3afIOO6EdZ-98LA89tMjlbw" />
    <input value="19532" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D98">
    <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-lavender-240-ml-19533">
          <img alt="Liquid Soap Lavender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9365/file/small-19c03c0c79afa558fe9d0e0b30354c97.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9365/file/medium-6fcf61faa9476afb57f73a050d13a8ed.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9365/file/large-b69ce8251ef15eff62d2ee2572db6624.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9365/file/medium-6fcf61faa9476afb57f73a050d13a8ed.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-lavender-240-ml-19533">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Lavender, 240 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 5.79 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9u9F-jK9dTcTGsXwkTP3RXor_J6IPagOM3zODmlC-CERaODR2IZOE78WBgUqnmNml32k8eYjf714J5UjYSaNug" />
    <input value="19533" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D98">
    <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-lavender-60-ml-19534">
          <img alt="Liquid Soap Lavender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9366/file/small-ab0568620a400b18145efd067cd6f52f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9366/file/medium-ea244bc651bb1695e1a07a00a292e93e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9366/file/large-e87670874458e0ee889043649eee8692.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9366/file/medium-ea244bc651bb1695e1a07a00a292e93e.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-lavender-60-ml-19534">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Lavender, 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-19534-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_vaFwMt3pygQygWjPF0noN0kOeT00sm7TE9bPls9hUQZcSDrIUycDLzGxlaH8LODMHJhi5rMHggHFAATU1nw3w" />
    <input value="19534" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D98">
    <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-mandel-240-ml-19535">
          <img alt="Liquid Soap Mandel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9367/file/small-aea823ead6baf6d7034db3d5f57a0194.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9367/file/medium-24925da65ca9e746ceeabf6612fcef07.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9367/file/large-22af86ba424ce4ef1e98f5a14c3c4b18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9367/file/medium-24925da65ca9e746ceeabf6612fcef07.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-mandel-240-ml-19535">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Mandel, 240 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 5.79 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rz41nI2Esq0-inWUzVauMmNzwgIesJ-KPNq3IXuVzJyguZC3Z7-JiZKGtmF2-zoRjiWabXCuSDl3gewMc_G5Bw" />
    <input value="19535" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D98">
    <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-mandel-60-ml-19536">
          <img alt="Liquid Soap Mandel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9368/file/small-0cabf508af7dc6914bf49db4cc834709.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9368/file/medium-b4cb249a9aceda4509d8c661e1a03094.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9368/file/large-f2a276725f0eca354f53029357775207.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9368/file/medium-b4cb249a9aceda4509d8c661e1a03094.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-mandel-60-ml-19536">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Mandel, 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-19536-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kvN3KUZGYj7NCUrqPR8iHwEhsST62KT2K1U4DRgBBSV1dNICrH1ZGmEFiR-GsrY87HfpS5TGc0VgDmMgEGVwvg" />
    <input value="19536" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D98">
    <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-peppermint-240-ml-19537">
          <img alt="Liquid Soap Peppermint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9369/file/small-c2d53ee31a5bf19ee84893885963085e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9369/file/medium-d4fa9498c6795af24fc9deefd9966df9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9369/file/large-acc7fed6bfe7e0e136f399283123a3da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9369/file/medium-d4fa9498c6795af24fc9deefd9966df9.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-peppermint-240-ml-19537">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Peppermint, 240 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 5.79 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QxShn7NDlLy6cU8tgeZ52UKbsW5s6t9dXtytrGRDdQekkwS0WXivmBZ9jNg6S-36r83pAQL0CO4Vh_aBbCcAnA" />
    <input value="19537" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D98">
    <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-rose-240-ml-19538">
          <img alt="Liquid Soap Rose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9370/file/small-5940415b6c4c339d12aba24c7d6a22f9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9370/file/medium-046c5ab5f7ac91cfc4b55620e78c0aa7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9370/file/large-0d5380620ddaa1ad7df76d30af8db4a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9370/file/medium-046c5ab5f7ac91cfc4b55620e78c0aa7.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-rose-240-ml-19538">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Rose, 240 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 5.79 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VfU8PSp_MYCXeiynhf5ne3jBKzIQprjA6VyicfF8B1iycpkWwEQKpDt271I-U_NYlZdzXX64b3OiB_lc-Rhyww" />
    <input value="19538" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D98">
    <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-sandelholz-jasmin-240-ml-19539">
          <img alt="Liquid Soap Sandelholz-Jasmin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10031/file/small-e764f07aeed2430d30747239d93e51e4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10031/file/medium-9dea3ce528fe17ca1cb27dc87d64e8f2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10031/file/large-a9f2c8575bf70f9630a2cb74c07137cf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10031/file/medium-9dea3ce528fe17ca1cb27dc87d64e8f2.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-sandelholz-jasmin-240-ml-19539">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Sandelholz-Jasmin, 240 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 5.79 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y711eGNq2zQV4P4Bwav6XLs9M-iTIXctQdCBlWuCMkMsOtBTiVHgELnsPfR6Bm5_Vmtrh_0_oJ4Ki9q4Y-ZH2A" />
    <input value="19539" 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%2Fmuca%3Fformat%3Dturbo_stream%26page%3D98">
    <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-sandelholz-jasmin-60-ml-19540">
          <img alt="Liquid Soap Sandelholz-Jasmin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10032/file/small-24c3db5b61b02a1ef73ed19daa7eb1da.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10032/file/medium-4b3ea22730df9a14f8bc9cdb31e0d8cb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10032/file/large-0be6faac3884d40589d26506cdda296e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10032/file/medium-4b3ea22730df9a14f8bc9cdb31e0d8cb.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-sandelholz-jasmin-60-ml-19540">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Liquid Soap Sandelholz-Jasmin, 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-19540-card">
        

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

</template></turbo-stream>