<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%2Fnew-roots%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="BsmllCJWc_rjc9YyLlQvpexriZwwO_Oksm2LhPdi8u-huUhchj8XvgdSMWI8bpwr6LqEr3uH_Rwq8-5HnbYTSg" />
    <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%2Fnew-roots%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="SKKO1KeFAwNzK_Dc4f7iKBVtTOtiaI2WFs-W_3AWZuXv0mMcA-xnR5cKF4zzxFGmEbxB2CnUgy6OUfM8GsKHQA" />
    <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%2Fnew-roots%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="jOysigS26zrgOyfeDlVunvtg82kNRZyia5K0vXjqKsMrnEFCoN-PfgQawI4cb90Q_7H-Wkb5khrzDNF-Ej7LZg" />
    <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%2Fnew-roots%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="kGrpBGSMr9fQ2xQ8sjKnyWs02tPg_UQeqeSAQzVaHzM3GgTMwOXLkzT682ygCBRHb-XX4KtBSqYxeuWAX47-lg" />
    <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%2Fnew-roots%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="MtUbDxe9jqHi1Da66WDPcNdhHoCtDiVeAurhHYlXjiiVpfbHs9Tq5Qb10er7Wnz-07ATs-ayK-aadITe44NvjQ" />
    <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%2Fnew-roots%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="p0BE2cMDwfGrgOdeGBlpwwCYfNGpHChKoeZ7jhIqv0cAMKkRZ2qltU-hAA4KI9pNBElx4uKgJvI5eB5NeP5e4g" />
    <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%2Fnew-roots%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="_XP3H3VbkC8S64DqyzgErv80KamBBmFIqodSNvDoYj9aAxrX0TL0a_bKZ7rZArcg--Ukmsq6b_AyGTf1mjyDmg" />
    <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%2Fnew-roots%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="zP3aS34TBZ8jkVfrdYWQDAdNjWLSQVaKmFNH6xOXP_ZrjTeD2nph28ewsLtnvyOCA5yAUZn9WDIAzSIoeUPeUw" />
    <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%2Fnew-roots%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="pyn_k9nNquEll2VCgZpT6mcdvO6BiOGeb3fcC6q5JugAWRJbfaTOpcG2ghKToOBkY8yx3co07yb36bnIwG3HTQ" />
    <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%2Fnew-roots%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="f9zfdGy1GPu354CzixKCLn8XSA7S6q6f-TaHbVVOBvTYrDK8yNx8v1PGZ-OZKDGge8ZFPZlWoCdhqOKuP5rnUQ" />
    <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%2Fnew-roots%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="b5A1FwnsDwAhU1esg0kDI4TGgzO5Bt_51lz4GZ4Rs3DI4NjfrYVrRMVysPyRc7CtgBeOAPK60UFOwp3a9MVS1Q" />
    <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%2Fnew-roots%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="9XaY-RrqWKSS2JRme13VTnP6lwWu9RNVtlzxtnxIjIFSBnUxvoM84Hb5czZpZ2bAdyuaNuVJHe0uwpR1FpxtJA" />
    <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%2Fnew-roots%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="zDOj7Dsg3T8cmQH8TOxpiFT9V3YwTkPvMGz1shx-55ZrQ04kn0m5e_i45qxe1toGUCxaRXvyTVeo8pBxdqoGMw" />
    <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%2Fnew-roots%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="UyLmpXEKovndtQVBmRPQga_5cm3b1LoqMqv5o__1iA30Ugtt1WPGvTmU4hGLKWMPqyh_XpBotJKqNZxglSFpqA" />
    <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%2Fnew-roots%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="recI3MmPSrpjUdP4J_Gs91t5xGFqlgkS3ghasYPSlE8Kl-UUbeYu_odwNKg1yx95X6jJUiEqB6pGlj9y6QZ16g" />
    <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%2Fnew-roots%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="DklYenEw4pRF2sT6AxsgIywsNyGApDKu7_GTZzD2EvGpObWy1VmG0KH7I6oRIZOtKP06EssYPBZ3b_akWiLzVA" />
    <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%2Fnew-roots%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="JXXiCmgH5ZjzQo-836-vlsKcrwFvP2XB0ckI-_ZOV-SCBQ_CzG6B3BdjaOzNlRwYxk2iMiSDa3lJV204nJq2QQ" />
    <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%2Fnew-roots%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="IcBVUDUIOk9pCGTso3r9BKUsxYXeN79tfg0M8S_VXmSGsLiYkWFeC40pg7yxQE6Kof3ItpWLsdXmk2kyRQG_wQ" />
    <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%2Fnew-roots%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="CBiSOFNsVIrut8QH2XX7RV7nW9-leSkj4zLNVOu42pevaH_w9wUwzgqWI1fLT0jLWjZW7O7FJ5t7rKiXgWw7Mg" />
    <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%2Fnew-roots%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="Agrp9VP5YEMMZW7lLqGqOjsB67rML0ch79cg-uA9COulegQ995AEB-hEibU8mxm0P9DmiYeTSZl3SUU5iunpTg" />
    <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/new-roots?format=turbo_stream&amp;page=87">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>