<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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/aromalife-rauchersand-quarz-500g-1-stuck-19278">
          <img alt="Aromalife Räuchersand Quarz 500g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3fe4ab9c6aabbea71bbcf0ac1d878ffb.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3fe4ab9c6aabbea71bbcf0ac1d878ffb.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3fe4ab9c6aabbea71bbcf0ac1d878ffb.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3fe4ab9c6aabbea71bbcf0ac1d878ffb.jpeg" />
</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/aromalife-rauchersand-quarz-500g-1-stuck-19278">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Räuchersand Quarz 500g, 1 Stück</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 7.90 / Stk.
            </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="LXjPQyttXi45khEp8uHDI6YrQaYyWte4oEJoeB23pudZ99ixtqiqybvc04109uFBXNp6sgJ5bDSTyXUsfaYWgQ" />
    <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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/aromalife-raumspray-arve-100ml-bio-1-stuck-19279">
          <img alt="Aromalife Raumspray Arve 100ml Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/caccf22f73eb7003505ce8bd675ba0ed.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/caccf22f73eb7003505ce8bd675ba0ed.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/caccf22f73eb7003505ce8bd675ba0ed.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/caccf22f73eb7003505ce8bd675ba0ed.png" />
</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/aromalife-raumspray-arve-100ml-bio-1-stuck-19279">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Raumspray Arve 100ml Bio, 1 Stück</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 / Stk.
            </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="okkQzP3gF4kM94udA6RsM21fy9Btm757STOCSXR5J4_Wxgc-YCXjbo65STmFs05Rl67wxF24Bfd6uJ8dFGiX6Q" />
    <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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/aromalife-raumspray-energie-100ml-1-stuck-19280">
          <img alt="Aromalife Raumspray Energie 100ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d1712b802d51e4a6eb14ccba8d5ed8e3.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d1712b802d51e4a6eb14ccba8d5ed8e3.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d1712b802d51e4a6eb14ccba8d5ed8e3.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d1712b802d51e4a6eb14ccba8d5ed8e3.jpeg" />
</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/aromalife-raumspray-energie-100ml-1-stuck-19280">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Raumspray Energie 100ml, 1 Stück</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 / Stk.
            </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="MeeNchFWmbrdKqnn5s1JUqI9N9eixrzcfYYY5kLcM7xFaJqAjJNtXV9ka0Ng2mswWMwMw5LlB1BODQWyIs2D2g" />
    <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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/aromalife-raumspray-fichte-100ml-bio-1-stuck-19281">
          <img alt="Aromalife Raumspray Fichte 100ml Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5a2dfa7af6ede00d374d56becf69149b.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5a2dfa7af6ede00d374d56becf69149b.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5a2dfa7af6ede00d374d56becf69149b.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5a2dfa7af6ede00d374d56becf69149b.jpeg" />
</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/aromalife-raumspray-fichte-100ml-bio-1-stuck-19281">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Raumspray Fichte 100ml Bio, 1 Stück</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 / Stk.
            </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="WAds4D7MYFNvHJlzsibWBbIhFmYsD7Y3HLLVkAJ8ipIsiHsSowmUtO1SW9c0MfRnSNAtchwsDbsvOcjEYm069A" />
    <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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/aromalife-raumspray-glucksmoment-100ml-1-stuck-19282">
          <img alt="Aromalife Raumspray Glücksmoment 100ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9c703a491a757770017f25c073264130.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9c703a491a757770017f25c073264130.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9c703a491a757770017f25c073264130.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9c703a491a757770017f25c073264130.jpeg" />
</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/aromalife-raumspray-glucksmoment-100ml-1-stuck-19282">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Raumspray Glücksmoment 100ml, 1 Stück</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 / Stk.
            </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="iXCuyDUqUVxQXsRCKeWj6otesmvfbZ2qSzEMzc6DE2b9_7k6qO-lu9IQBuav8oGIca-Jf-9OJiZ4uhGZrpKjAA" />
    <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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/aromalife-raumspray-gute-nacht-100ml-1-stuck-19283">
          <img alt="Aromalife Raumspray Gute Nacht 100ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/046b1d8e1bf34f9b987d9a2ff8e5e4d1.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/046b1d8e1bf34f9b987d9a2ff8e5e4d1.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/046b1d8e1bf34f9b987d9a2ff8e5e4d1.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/046b1d8e1bf34f9b987d9a2ff8e5e4d1.jpeg" />
</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/aromalife-raumspray-gute-nacht-100ml-1-stuck-19283">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Raumspray Gute Nacht 100ml, 1 Stück</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 / Stk.
            </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="2x2xEMpU4fqE0P9wsO2lHj72sa4KxA-XJfB6oCZN0YevkqbiV5EVHQaePdQ2-od8xAeKujrntBsWe2f0Rlxh4Q" />
    <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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/aromalife-raumspray-larche-100ml-bio-1-stuck-19284">
          <img alt="Aromalife Raumspray Lärche 100ml Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/414af068003e012ff02b2c7ccefdbb6b.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/414af068003e012ff02b2c7ccefdbb6b.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/414af068003e012ff02b2c7ccefdbb6b.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/414af068003e012ff02b2c7ccefdbb6b.jpeg" />
</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/aromalife-raumspray-larche-100ml-bio-1-stuck-19284">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Raumspray Lärche 100ml Bio, 1 Stück</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 / Stk.
            </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="r3ihFAq3_Qib1HX686mLNvhyAnIZnHa-TBWZPQufj_zb97bml3IJ7xmat151vqlUAoM5Zim_zTJ_noRpa44_mg" />
    <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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/aromalife-raumspray-lebensfreude-100ml-1-stuck-19285">
          <img alt="Aromalife Raumspray Lebensfreude 100ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6409bf9e553ae1c5446437cf317fa050.png 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6409bf9e553ae1c5446437cf317fa050.png 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6409bf9e553ae1c5446437cf317fa050.png 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6409bf9e553ae1c5446437cf317fa050.png" />
</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/aromalife-raumspray-lebensfreude-100ml-1-stuck-19285">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Raumspray Lebensfreude 100ml, 1 Stück</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 / Stk.
            </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="cWsM8A4H-EW_YRPNqZqud15sMzeK8xkMPPE0mcQPdtoF5BsCk8IMoj0v0WkvjYwVpJ0II7rQooAPeinNpB7GvA" />
    <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>


  

  <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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/aromalife-raumspray-reine-atmosphare-100ml-1-stuck-19286">
          <img alt="Aromalife Raumspray Reine Atmosphäre 100ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9ecdaee2d538efd9792d6140926d0ca6.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9ecdaee2d538efd9792d6140926d0ca6.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9ecdaee2d538efd9792d6140926d0ca6.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9ecdaee2d538efd9792d6140926d0ca6.jpeg" />
</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/aromalife-raumspray-reine-atmosphare-100ml-1-stuck-19286">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Raumspray Reine Atmosphäre 100ml, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9YEjEDhktNCYXqrVjK1kI0klyXD6MKZjL0yryderRleBDjTipaFANxoQaHEKukZBs9TyZMoTHe8cx7adt7r2MQ" />
    <input value="19286" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/aromalife-raumspray-schutzengel-100ml-1-stuck-19287">
          <img alt="Aromalife Raumspray Schutzengel 100ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/b9213d6c7e23f6b50ce3f1ce829497c9.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/b9213d6c7e23f6b50ce3f1ce829497c9.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/b9213d6c7e23f6b50ce3f1ce829497c9.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/b9213d6c7e23f6b50ce3f1ce829497c9.jpeg" />
</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/aromalife-raumspray-schutzengel-100ml-1-stuck-19287">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Raumspray Schutzengel 100ml, 1 Stück</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 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qo2VJ8X4jdnZ0rE_sleqXBmvVGmW2TpRYWCBdxe2PYs2AoLVWD15Plucc5s0QIg-415vfab6gd1S65wjd6eN7Q" />
    <input value="19287" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/organyc-wattepads-70stk-1-stuck-19699">
          <img alt="Organyc Wattepads 70Stk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/03e8235c73d893a6ba42d47ce72543de.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/03e8235c73d893a6ba42d47ce72543de.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/03e8235c73d893a6ba42d47ce72543de.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/03e8235c73d893a6ba42d47ce72543de.jpg" />
</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">Organyc</p>
          <a href="/products/organyc-wattepads-70stk-1-stuck-19699">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Organyc Wattepads 70Stk, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HfCmda3_XwpDyMGd5i-uGisGoW1jcSc1RoU1L-z_UCJpf7GHMDqr7cGGAzlgOIx40feaeVNSnLl1Dih7jO7gRA" />
    <input value="19699" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/organyc-wattestabchen-200stk-1-stuck-19700">
          <img alt="Organyc Wattestäbchen 200Stk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/eaf9f022cd36ae4ca116f43887cd86d4.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/eaf9f022cd36ae4ca116f43887cd86d4.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/eaf9f022cd36ae4ca116f43887cd86d4.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/eaf9f022cd36ae4ca116f43887cd86d4.jpg" />
</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">Organyc</p>
          <a href="/products/organyc-wattestabchen-200stk-1-stuck-19700">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Organyc Wattestäbchen 200Stk, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yVTPNOsw36QK0eduERWOFYf3NDhPG60Pzxti9rwss4K929jGdvUrQ4ifJcqXAqx3fQYPLH84FoP8kH-i3D0D5A" />
    <input value="19700" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/sonett-badreiniger-500ml-1-stuck-19752">
          <img alt="Sonett Badreiniger 500ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cc2f64853694cafa970218e1fb312fe5.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cc2f64853694cafa970218e1fb312fe5.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cc2f64853694cafa970218e1fb312fe5.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cc2f64853694cafa970218e1fb312fe5.jpg" />
</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">Sonett</p>
          <a href="/products/sonett-badreiniger-500ml-1-stuck-19752">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett Badreiniger 500ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VVjS6TxAVipsg18cH2I7U4DLv3MPwXt2Kv8d35MGn-gh18UboYWize7NnbiZdRkxejqEZz_iwPoZdACL8xcvjg" />
    <input value="19752" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/sonett-badreiniger-1l-1-stuck-19753">
          <img alt="Sonett Badreiniger 1l" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c90b477db9c32c2efdef89d21e63fe19.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c90b477db9c32c2efdef89d21e63fe19.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c90b477db9c32c2efdef89d21e63fe19.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c90b477db9c32c2efdef89d21e63fe19.jpg" />
</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">Sonett</p>
          <a href="/products/sonett-badreiniger-1l-1-stuck-19753">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett Badreiniger 1l, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W6G810lrkYT_gVy7hbG1HFA9-z9qOUv5zvu1f2fwjU4vLqsl1K5lY33Pnh8Dppd-qszAK1oa8HX9cKgrB-E9KA" />
    <input value="19753" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/sonett-bleichkomplex-fleckenentferner-900g-1-stuck-19754">
          <img alt="Sonett Bleichkomplex Fleckenentferner 900g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f6c3770d6d519c2f474be6adb5f2570d.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f6c3770d6d519c2f474be6adb5f2570d.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f6c3770d6d519c2f474be6adb5f2570d.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/f6c3770d6d519c2f474be6adb5f2570d.jpg" />
</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">Sonett</p>
          <a href="/products/sonett-bleichkomplex-fleckenentferner-900g-1-stuck-19754">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett Bleichkomplex Fleckenentferner 900g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Py_E5qjyqcgBJ84VHrQm2y7cYK8HdncJ0mzjyy_L7gNLoNMUNTddL4NpDLGYowS51C1buzdVzIXh5_6fT9peZQ" />
    <input value="19754" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/sonett-boden-wischpflege-500ml-1-stuck-19755">
          <img alt="Sonett Boden-Wischpflege 500ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/353ef582238f6c8ada79d47211661736.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/353ef582238f6c8ada79d47211661736.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/353ef582238f6c8ada79d47211661736.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/353ef582238f6c8ada79d47211661736.jpg" />
</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">Sonett</p>
          <a href="/products/sonett-boden-wischpflege-500ml-1-stuck-19755">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett Boden-Wischpflege 500ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Iit1bnpNsPtbm9mpSpLTu0Qq9xq3Ih7NMDqNgEPfcRVWpGKc54hEHNnVGw3MhfHZvtvMDocBpUEDsZDUI87Bcw" />
    <input value="19755" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/sonett-entharter-nfp-1kg-1-stuck-19756">
          <img alt="Sonett Enthärter NFP 1kg" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/82b4cd84264e1f3692fb72267bbca438.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/82b4cd84264e1f3692fb72267bbca438.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/82b4cd84264e1f3692fb72267bbca438.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/82b4cd84264e1f3692fb72267bbca438.jpg" />
</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">Sonett</p>
          <a href="/products/sonett-entharter-nfp-1kg-1-stuck-19756">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett Enthärter NFP 1kg, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f4oSAPs1SPr19L2rNVPHWrMwRn6nVub0dpdoxzzhz3YLBQXyZvC8HXe6fw-zROU4ScF9apd1XXhFHHWTXPB_EA" />
    <input value="19756" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/sonett-flachendesinfektion-nfp-1l-1-stuck-19757">
          <img alt="Sonett Flächendesinfektion NFP 1l" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c3ae7ac62e32eb8f07d0c71e24f7908c.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c3ae7ac62e32eb8f07d0c71e24f7908c.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c3ae7ac62e32eb8f07d0c71e24f7908c.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/c3ae7ac62e32eb8f07d0c71e24f7908c.jpg" />
</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">Sonett</p>
          <a href="/products/sonett-flachendesinfektion-nfp-1l-1-stuck-19757">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett Flächendesinfektion NFP 1l, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ae38o7mh1TAUfthvQqCO0h2ZYD6tD_amHyp0rGa4Tsh1YutRJGQh15YwGsvEt6yw52hbKp0sTSosoWn4Bqn-rg" />
    <input value="19757" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/sonett-gallseife-100g-1-stuck-19758">
          <img alt="Sonett Gallseife 100g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/55238d5414b8d9e3d3d2e2b2a446471e.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/55238d5414b8d9e3d3d2e2b2a446471e.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/55238d5414b8d9e3d3d2e2b2a446471e.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/55238d5414b8d9e3d3d2e2b2a446471e.jpg" />
</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">Sonett</p>
          <a href="/products/sonett-gallseife-100g-1-stuck-19758">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett Gallseife 100g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PjyECpcgTLUE6ydixin-IlEcK2CcCKiBD5zW8I-fsHFKs5P4CuW4Uoal5cZAPtxAq-0QdKwrEw08F8uk744AFw" />
    <input value="19758" 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%2Fnon-food%3Fformat%3Dturbo_stream%26page%3D4">
    <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/sonett-gallseife-flussig-300ml-1-stuck-19759">
          <img alt="Sonett Gallseife flüssig 300ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4800eacd191797f7c5b1bd0e5bf3206b.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4800eacd191797f7c5b1bd0e5bf3206b.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4800eacd191797f7c5b1bd0e5bf3206b.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4800eacd191797f7c5b1bd0e5bf3206b.jpg" />
</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">Sonett</p>
          <a href="/products/sonett-gallseife-flussig-300ml-1-stuck-19759">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett Gallseife flüssig 300ml, 1 Stück</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 5.90 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="on-cEA3B1IsNztDBEjFWQHpAjlcO-c0gIK_fWPRytGnW8IvikAQgbI-AEmWUJnQigLG1Qz7adqwTJMIMlGMEDw" />
    <input value="19759" 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">
      80 von 138 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/non-food?format=turbo_stream&amp;page=5">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>