<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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D86">
    <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/ath-ol-vanille-100-5-ml-19266">
          <img alt="Äth. Öl Vanille 100%" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10606/file/small-6d0915d8dc502c660918a74785dfec99.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10606/file/medium-e59b5a9ef93b34b5e18d5603c1420ecc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10606/file/large-58af01ada3658d6f2341bcd627acdefb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10606/file/medium-e59b5a9ef93b34b5e18d5603c1420ecc.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">AromaLife</p>
          <a href="/products/ath-ol-vanille-100-5-ml-19266">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl Vanille 100%, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_0LV8ut9mJQLRO9LgUxcGYHvFHe1qqzMw8-ePsSUUR2PttnQcFhhG2sNlUfPzj2gfHlwcMslDwN-JR84qla53w" />
    <input value="19266" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D86">
    <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/ath-ol-weihrauch-5-ml-19267">
          <img alt="Äth. Öl Weihrauch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10607/file/small-f3398c23f69f0dae60b64d6a01c5020c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10607/file/medium-fdb8a1dddf8418e08adfae8527a81225.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10607/file/large-6e8a45f1628023bbf0b53034d799f8fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10607/file/medium-fdb8a1dddf8418e08adfae8527a81225.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">AromaLife</p>
          <a href="/products/ath-ol-weihrauch-5-ml-19267">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl Weihrauch, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-3l3KNxML5vQypC4mRRPv8u6mFjvEtXPHfT3P6D9tTiLjXsKR2nWFLCD6rTXli4GNiz8X5GddgCgHnY5zj9d-g" />
    <input value="19267" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D86">
    <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/ath-ol-arve-bio-10-ml-19268">
          <img alt="Äth. Öl Arve Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10601/file/small-efa996a8398cceb1748b8270e9a5e1c8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10601/file/medium-1477e68d0f3de0429e8473557d7b1081.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10601/file/large-b80c4727c2ea003c2158d3fabb608f03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10601/file/medium-1477e68d0f3de0429e8473557d7b1081.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">AromaLife</p>
          <a href="/products/ath-ol-arve-bio-10-ml-19268">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl Arve Bio, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K6OPeJI8FI2EoAoEsQ8spCD1IvDPh01DygiZWSTqhPtbV4NaCRntAuTpcAj_jU0d3WNG97EI7ox34hhfSihsOQ" />
    <input value="19268" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D86">
    <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/duftmischung-abwehrstark-10-ml-19269">
          <img alt="Duftmischung Abwehrstark" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10613/file/small-30401e5e617299996cb9e405a1bf79d4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10613/file/medium-03245e1acbc68f99f4638922124c8c65.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10613/file/large-1ca54cb069047a057ed33ab39259d071.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10613/file/medium-03245e1acbc68f99f4638922124c8c65.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">AromaLife</p>
          <a href="/products/duftmischung-abwehrstark-10-ml-19269">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Duftmischung Abwehrstark, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b2KQWOpud-yNEW68d28KO2RWe2zh5TNE0Wx96GkgEjoflpx6cUuOY-1YFLA57WuCmcAfa59qkItshvzuB-L6-A" />
    <input value="19269" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D86">
    <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/duftmischung-gluck-10-ml-19270">
          <img alt="Duftmischung Glück" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10614/file/small-55b1aca0f136b76f2e72729fcabcb50e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10614/file/medium-aad0db5b2568b019aee68d6cd0c6635b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10614/file/large-789cded7108ad7f6a18f6239eaa4db1d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10614/file/medium-aad0db5b2568b019aee68d6cd0c6635b.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">AromaLife</p>
          <a href="/products/duftmischung-gluck-10-ml-19270">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Duftmischung Glück, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pK6LiEokoCOExwI6ZmmGd6JJnoClSqcZa9ahnubt1LTUWoeq0QFZrOSOeDYo6-fOX9_6h9vFBNbWPCCYiC88dg" />
    <input value="19270" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D86">
    <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/duftmischung-reine-atmosphare-10-ml-19271">
          <img alt="Duftmischung Reine Atmosphäre" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10615/file/small-03b45e1c8e71126100ed027cd648dd04.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10615/file/medium-40d67085e76891e58a6fa271752c790b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10615/file/large-881b978cd1bb84db15167307045e932b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10615/file/medium-40d67085e76891e58a6fa271752c790b.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">AromaLife</p>
          <a href="/products/duftmischung-reine-atmosphare-10-ml-19271">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Duftmischung Reine Atmosphäre, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ob2blTq7eJHi5Q78aBIhvew9LTqHDlgCt4l9ERfQlUdJSZe3oZ6BHoKsdPAmkEAEEatJPfmB-80KY_wXeRJ9hQ" />
    <input value="19271" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D86">
    <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/hanfol-75-ml-19272">
          <img alt="Hanföl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9688/file/small-87b4dedacbfd46d22819e5cd285d589f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9688/file/medium-4054ca926eecbcf23128eeea3f0a7bd6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9688/file/large-fa61b9784d439f1353a583ce3f4d9f6b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9688/file/medium-4054ca926eecbcf23128eeea3f0a7bd6.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">AromaLife</p>
          <a href="/products/hanfol-75-ml-19272">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hanföl, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N1PJixPVIK14NRGl3uBktP_B_dO9Rd3vl5A23rmlcVhHp8WpiPDZIhh8a6mQYgUNAleZ1MPKfiAqerfY12eZmg" />
    <input value="19272" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D86">
    <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/hydrolat-lavendel-100-ml-19273">
          <img alt="Hydrolat Lavendel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10624/file/small-2129227a07f2cc567f7708f28131c8d3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10624/file/medium-8fbbac8f2764de255a2a15f0c18f64bf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10624/file/large-2077e02f64c83e04eeb3707147c032b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10624/file/medium-8fbbac8f2764de255a2a15f0c18f64bf.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">AromaLife</p>
          <a href="/products/hydrolat-lavendel-100-ml-19273">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hydrolat Lavendel, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jDpTXHFAoPh64b_pWviQ-fj26pILwD3Vr1AOZX8bfF_8zl9-6mVZdxqoxeUUevFABWCOlXVPnhoSuo9jEdmUnQ" />
    <input value="19273" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D86">
    <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/hydrolat-orangenbluten-100-ml-19274">
          <img alt="Hydrolat Orangenblüten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10625/file/small-4d08fe6d96aaae2c31650f95944ac004.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10625/file/medium-abb86cd7a8bf66001e6c81403606e2e5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10625/file/large-632ca9531949794b20c40b08948cffdc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10625/file/medium-abb86cd7a8bf66001e6c81403606e2e5.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">AromaLife</p>
          <a href="/products/hydrolat-orangenbluten-100-ml-19274">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hydrolat Orangenblüten, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5kv0Un1TVBm0DUKTApvlrq_LwqCFsTKEs9BofhTDIvKWv_hw5natltREOJ9MGYQXUl2mp_s-kUsOOul4egHKMA" />
    <input value="19274" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D86">
    <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/hydrolat-rose-spray-30-ml-19275">
          <img alt="Hydrolat Rose Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10627/file/small-f1c31f4de3f4b91d625e88a8a8885728.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10627/file/medium-ab056509f32fb4e9778628a49cfbbf84.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10627/file/large-ef101d6b5a7d6a3ffb48ebe26526155e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10627/file/medium-ab056509f32fb4e9778628a49cfbbf84.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">AromaLife</p>
          <a href="/products/hydrolat-rose-spray-30-ml-19275">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hydrolat Rose Spray, 30 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 19.67 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YTSV43wzhDUxID1O9av-eiqMKliHFbG6mjClw01F7t0RwJnB5xZ9ulFpR0K7KZ_D1xpOX_maEnUn2iTFI4cGHw" />
    <input value="19275" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D86">
    <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/hydrolat-rose-spray-100-ml-19276">
          <img alt="Hydrolat Rose Spray" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10626/file/small-006a34650aab2f86202dafd1bfbadb3d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10626/file/medium-2edd6a1dcc325a36e5691293478f4106.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10626/file/large-862326b9eac378571df46011a68f6ca1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10626/file/medium-2edd6a1dcc325a36e5691293478f4106.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">AromaLife</p>
          <a href="/products/hydrolat-rose-spray-100-ml-19276">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hydrolat Rose Spray, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7sqLJPgIhzsgwMGK9V16ZsdM9ymuaNA2vfd3QoozVL2ePocGYy1-tECJu4a73xvfOtqTLtDnc_kAHfZE5PG8fw" />
    <input value="19276" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D86">
    <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/johanniskrautol-75-ml-19277">
          <img alt="Johanniskrautöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9686/file/small-29c6b2c891cd59c265e5468d366b61ae.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9686/file/medium-3747f0613081ec932758033cea796686.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9686/file/large-4e04d8f449aa592206a617ff3a1fe40c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9686/file/medium-3747f0613081ec932758033cea796686.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">AromaLife</p>
          <a href="/products/johanniskrautol-75-ml-19277">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Johanniskrautöl, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cKaa7GUB0tIDCGSYTA-aESFP3HZcn8RTng6-krGDk5QAUpbO_iQrXWNBHpQCjfuo3Nm4cSIQZ5wj5D-U30F7Vg" />
    <input value="19277" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D86">
    <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/jojobaol-75-ml-19278">
          <img alt="Jojobaöl" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9687/file/small-b4c19b77155de7e37baa14a3fc3e5694.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9687/file/medium-db86d76e8fe83e934390ffc74fb9d1be.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9687/file/large-b6aa1b41215c80f24ac9b7a5fb53ee1b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9687/file/medium-db86d76e8fe83e934390ffc74fb9d1be.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">AromaLife</p>
          <a href="/products/jojobaol-75-ml-19278">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jojobaöl, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qKtNVYQZ4xE_Afky2R_wQjl5H88FiRMBEKUv6p7PwvzYX0F3Hzwanl9Igz6XnZH7xO97yHsGsM6tT67s8A0qPg" />
    <input value="19278" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D86">
    <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-suss-75-ml-19279">
          <img alt="Mandelöl süss" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9685/file/small-0f5970f90569a6d1911dff2a2cd8ee10.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9685/file/medium-e3ece44be12c4900a08cc767a48736da.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9685/file/large-63209e4387f2fe3e56452249a63758ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9685/file/medium-e3ece44be12c4900a08cc767a48736da.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">AromaLife</p>
          <a href="/products/mandelol-suss-75-ml-19279">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mandelöl süss, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T7V11wuX0Tp95e1eWeVivED9ViEdafpaY8zVnIOaji0_QXn1kLIotR2sl1IXZwMFvWsyJmPmWZXeJlSa7Vhm7w" />
    <input value="19279" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D86">
    <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/rauchersand-quarz-500-g-19280">
          <img alt="Räuchersand Quarz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9683/file/small-c9fa7dd4e7bf5e404368c4c17da5b04c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9683/file/medium-9fca0a2d80b1348634fb3b12708c7f9f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9683/file/large-fb4e9c25e1772b83cbc202b3755fd67f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9683/file/medium-9fca0a2d80b1348634fb3b12708c7f9f.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">AromaLife</p>
          <a href="/products/rauchersand-quarz-500-g-19280">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Räuchersand Quarz, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2E2AdCMBjHmCTJow2EZs4LCm9TLFnNOMtWvR4vMY5JWouYxWuCR19uIF4DyWxA1ZTTCRNbsTcEMIgVDkndoMVw" />
    <input value="19280" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D86">
    <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/raumspray-arve-bio-100-ml-19281">
          <img alt="Raumspray Arve Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9682/file/small-b917b9485175ce0b4b895813a629a169.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9682/file/medium-f28e63227f74b9c3b03e474c1ce5e84d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9682/file/large-72ad5358b0913041eea2886071fba231.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9682/file/medium-f28e63227f74b9c3b03e474c1ce5e84d.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">AromaLife</p>
          <a href="/products/raumspray-arve-bio-100-ml-19281">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raumspray Arve Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UHu1uxxn_qjwTu4v6KLmoaIpkVXbRytTjntq2Uuhkwcgj7mZh0IHJ5AHlCOmIIcYX7_1UqXIiJwzkevfJWN7xQ" />
    <input value="19281" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D86">
    <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/raumspray-energie-100-ml-19282">
          <img alt="Raumspray Energie" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9681/file/small-6c1e22b32f0e659449de71af03d2c881.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9681/file/medium-627b67cc474c65997f3a8bab3e717e8e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9681/file/large-5fafae043c0a74d1c7566dc3d780d2d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9681/file/medium-627b67cc474c65997f3a8bab3e717e8e.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">AromaLife</p>
          <a href="/products/raumspray-energie-100-ml-19282">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raumspray Energie, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ScHtYY2uhN8ql5j0IRTZae3QVwnqwuHfO4ToVQ4GNd45NeFDFot9UEre4vhvlrjQEEYzDpRNQhCGbmlTYMTdHA" />
    <input value="19282" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D86">
    <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/raumspray-fichte-bio-100-ml-19283">
          <img alt="Raumspray Fichte Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9680/file/small-bc69fb1d5eb30bfed9b731595ac532d7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9680/file/medium-7c5de5f71caee482885e687f80186e8b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9680/file/large-c3938e4f9cb77b93052f101ad067848b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9680/file/medium-7c5de5f71caee482885e687f80186e8b.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">AromaLife</p>
          <a href="/products/raumspray-fichte-bio-100-ml-19283">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raumspray Fichte Bio, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="acqTSyHOxFUOR__BVb9Q5J1M4XxoTG3n8b_8tmMvNKcZPp9puus92m4Ohc0bPTFdYNqFexbDzihMVX2wDe3cZQ" />
    <input value="19283" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D86">
    <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/raumspray-glucksmoment-100-ml-19284">
          <img alt="Raumspray Glücksmoment" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9675/file/small-ec76cad335d5e9df9156e8a1708363af.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9675/file/medium-3d611a37266bdeb0ae308b698559dffe.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9675/file/large-c75fd288d19d1f5224b792fb30909a8a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9675/file/medium-3d611a37266bdeb0ae308b698559dffe.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">AromaLife</p>
          <a href="/products/raumspray-glucksmoment-100-ml-19284">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raumspray Glücksmoment, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dEndQGpp2sA2Nt2KKcPHfKnecbbf_anZMPovWUckxssEvdFi8UwjT1Z_p4ZnQabFVEgVsaFyChaNEK5fKeYuCQ" />
    <input value="19284" 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%2Fharmona%3Fformat%3Dturbo_stream%26page%3D86">
    <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/raumspray-gute-nacht-100-ml-19285">
          <img alt="Raumspray Gute Nacht" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9676/file/small-3dfe5e6a57d29d6ee230a938aca131c6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9676/file/medium-7a08c43664b00d32fc5a9464c5a3c634.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9676/file/large-476423a07997e35bf017b4d80875bfa9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9676/file/medium-7a08c43664b00d32fc5a9464c5a3c634.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">AromaLife</p>
          <a href="/products/raumspray-gute-nacht-100-ml-19285">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Raumspray Gute Nacht, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.60
            </p>

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

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

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

</template></turbo-stream>