<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%3D6">
    <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-raucherwerk-leichtigkeit-20g-1-stuck-19952">
          <img alt="Aromalife Räucherwerk Leichtigkeit 20g" 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/512a5a397a42d6900a01b586855d26b5.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/512a5a397a42d6900a01b586855d26b5.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/512a5a397a42d6900a01b586855d26b5.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/512a5a397a42d6900a01b586855d26b5.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-raucherwerk-leichtigkeit-20g-1-stuck-19952">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Räucherwerk Leichtigkeit 20g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WlaiokIeHCcHLYm7YigkiyDZYx3Y7XOcD6uVIWvoP8VdT97T7yvvlzs1dT60tiVqZN5hQuTsgkPPWIIJhu8VLg" />
    <input value="19952" 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%3D6">
    <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-raucherwerk-salbeibundel-klein-1-stuck-19953">
          <img alt="Aromalife Räucherwerk Salbeibündel klein" 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/a89302270134f919ed46ef3ab801e9e0.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a89302270134f919ed46ef3ab801e9e0.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a89302270134f919ed46ef3ab801e9e0.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a89302270134f919ed46ef3ab801e9e0.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-raucherwerk-salbeibundel-klein-1-stuck-19953">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Räucherwerk Salbeibündel klein, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ML3gFs276z5m3K2YVr2RUdMHoNeGrATodpmGZoku_gs3pJxnYI4YjlrEUR2AI5CwlwCiiLqt9Te2apFOZCnU4A" />
    <input value="19953" 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%3D6">
    <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-raucherwerk-lebensfreude-20g-1-stuck-19954">
          <img alt="Aromalife Räucherwerk Lebensfreude 20g" 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/81bfad3a9c46927088f3a7c0b4470473.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/81bfad3a9c46927088f3a7c0b4470473.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/81bfad3a9c46927088f3a7c0b4470473.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/81bfad3a9c46927088f3a7c0b4470473.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-raucherwerk-lebensfreude-20g-1-stuck-19954">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Räucherwerk Lebensfreude 20g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bGOAkb0qiYuLCOpChmHX7blmOZfawZOdipdzWZGjYmprevzgEB96O7cQFsdQ_9YM_WE7yObAYkJKZGRxfKRIgQ" />
    <input value="19954" 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%3D6">
    <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-raucherwerk-mut-und-kraft-20g-1-stuck-19955">
          <img alt="Aromalife Räucherwerk Mut und Kraft 20g" 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/1d17ec331ab4d10365444a5c32ec384c.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1d17ec331ab4d10365444a5c32ec384c.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1d17ec331ab4d10365444a5c32ec384c.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/1d17ec331ab4d10365444a5c32ec384c.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-raucherwerk-mut-und-kraft-20g-1-stuck-19955">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Räucherwerk Mut und Kraft 20g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IhsjnDcAC3Dtv7xql7iudpgel-8TDw6x_nHPs9SLEkUlAl_tmjX4wNGnQO9BJq-X3BmVsC8O_24-gtibOYw4rg" />
    <input value="19955" 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%3D6">
    <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-raucherwerk-klarheit-20g-1-stuck-19956">
          <img alt="Aromalife Räucherwerk Klarheit 20g" 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/632056fc95fd01b1e5277482d7daa9d2.jpeg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/632056fc95fd01b1e5277482d7daa9d2.jpeg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/632056fc95fd01b1e5277482d7daa9d2.jpeg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/632056fc95fd01b1e5277482d7daa9d2.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-raucherwerk-klarheit-20g-1-stuck-19956">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Räucherwerk Klarheit 20g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yEfHXvuUA1wXt5idEFpOuB462psKRFHurbP-RSz1aobPXrsvVqHw7CuvZBjGxE9ZWj3YxDZFoDFtQOltwfJAbQ" />
    <input value="19956" 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%3D6">
    <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/feinkristall-soda-green-pulver-1kg-1-stuck-19969">
          <img alt="Feinkristall Soda Green Pulver 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/ca2a326e5b8acce05a7fe1dae6c9b94c.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ca2a326e5b8acce05a7fe1dae6c9b94c.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ca2a326e5b8acce05a7fe1dae6c9b94c.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ca2a326e5b8acce05a7fe1dae6c9b94c.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">Reformhaus</p>
          <a href="/products/feinkristall-soda-green-pulver-1kg-1-stuck-19969">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Feinkristall Soda Green Pulver 1kg, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rZXyAVwb68QRwWB8Lb7FBOoAAX6q2zjGKexhkR0ut4aqjI5w8S4YdC3ZnPn7IMTlrgcDIZbayRnpH3a58CmdbQ" />
    <input value="19969" 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%3D6">
    <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-geschenkpackung-filz-eule-mit-arve-5ml-1-stuck-20082">
          <img alt="Aromalife Geschenkpackung Filz-Eule mit Arve 5ml" 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/20a54bd9825cd289555f8ff2f03234e2.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/20a54bd9825cd289555f8ff2f03234e2.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/20a54bd9825cd289555f8ff2f03234e2.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/20a54bd9825cd289555f8ff2f03234e2.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">AromaLife</p>
          <a href="/products/aromalife-geschenkpackung-filz-eule-mit-arve-5ml-1-stuck-20082">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Geschenkpackung Filz-Eule mit Arve 5ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s4XRHR2pux7ZudQqNJdG1OD0iE02vIR-e8rCiqH4Sje0nK1ssJxIruWhKK_iCUc1pPOKEgq9daG7OdWiTP9g3A" />
    <input value="20082" 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%3D6">
    <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-kinder-schaumseife-calendula-200ml-1-stuck-20087">
          <img alt="Sonett Kinder Schaumseife Calendula 200ml" 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/0c679a443e22c84c88a031e33617fa7f.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/0c679a443e22c84c88a031e33617fa7f.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/0c679a443e22c84c88a031e33617fa7f.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/0c679a443e22c84c88a031e33617fa7f.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-kinder-schaumseife-calendula-200ml-1-stuck-20087">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett Kinder Schaumseife Calendula 200ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E-mtkgKfAmfxZVxS9_Ph7vGgjE18Q-JmoUmXdq616iEU8NHjr6rx1819oNchbeAPtaeOEkBCE7lhuoBeQ7LAyg" />
    <input value="20087" 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%3D6">
    <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-kinder-schaumseife-calendula-1l-1-stuck-20088">
          <img alt="Sonett Kinder Schaumseife Calendula 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/54521cf19140208482a9971d5d384fc5.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/54521cf19140208482a9971d5d384fc5.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/54521cf19140208482a9971d5d384fc5.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/54521cf19140208482a9971d5d384fc5.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-kinder-schaumseife-calendula-1l-1-stuck-20088">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett Kinder Schaumseife Calendula 1l, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uelwVbV4G9BNX-P7GZMk6iWRoNTlRa81cf5qIm9FoL2-8AwkGE3oYHFHH37PDSULYZaii9lEXuqxDX0KgkKKVg" />
    <input value="20088" 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%3D6">
    <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-hygienetucher-20stk-1-stuck-20105">
          <img alt="Organyc Hygienetücher 20Stk" 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/a839faa47ed2a55217bb94cfd1c010fb.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a839faa47ed2a55217bb94cfd1c010fb.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a839faa47ed2a55217bb94cfd1c010fb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a839faa47ed2a55217bb94cfd1c010fb.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">Organyc</p>
          <a href="/products/organyc-hygienetucher-20stk-1-stuck-20105">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Organyc Hygienetücher 20Stk, 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-20105-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lF1MHZReRn0HUx5lJ44kOH1x9N9jv7m636eDulZ5EUaTRDBsOWu1zTtL4uDxECXZOXb2gF--SGUfVJSSu347rQ" />
    <input value="20105" 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%3D6">
    <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-raucherwerk-atmospharen-reiniger-20g-1-stuck-20107">
          <img alt="Aromalife Räucherwerk Atmosphären-Reiniger 20g" 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/4a838dba847e385f1a86d11c414d0e84.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4a838dba847e385f1a86d11c414d0e84.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4a838dba847e385f1a86d11c414d0e84.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/4a838dba847e385f1a86d11c414d0e84.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">AromaLife</p>
          <a href="/products/aromalife-raucherwerk-atmospharen-reiniger-20g-1-stuck-20107">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Räucherwerk Atmosphären-Reiniger 20g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J0fkoOVpcINKxCvcpYsqd6rZSye-pEEqZ-OSlYhC0TQgXpjRSFyDM3bc11lzFSuW7t5JeIKlsPWnEIW9ZUX73w" />
    <input value="20107" 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%3D6">
    <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-raucherkohle-10-stk-1-stuck-20140">
          <img alt="Aromalife Räucherkohle 10 Stk" 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/cadfb550b951790734530833ffcebad4.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cadfb550b951790734530833ffcebad4.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cadfb550b951790734530833ffcebad4.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cadfb550b951790734530833ffcebad4.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">AromaLife</p>
          <a href="/products/aromalife-raucherkohle-10-stk-1-stuck-20140">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Räucherkohle 10 Stk, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jSuzkk1Zuv4PlZGvlxXub7i71WHBQzTC0Ur-DRmw52CKMs_j4GxJTjONbSpBi--O_LzXPv1CxR0Ruekl9LfNiw" />
    <input value="20140" 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%3D6">
    <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/ben-anna-badesalz-lavendel-300g-1-stuck-20182">
          <img alt="Ben&amp;Anna Badesalz Lavendel 300g" 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/ab0c79102cd5a2920cf313d6d183d183.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ab0c79102cd5a2920cf313d6d183d183.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ab0c79102cd5a2920cf313d6d183d183.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/ab0c79102cd5a2920cf313d6d183d183.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">Ben&amp;Anna</p>
          <a href="/products/ben-anna-badesalz-lavendel-300g-1-stuck-20182">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ben&amp;Anna Badesalz Lavendel 300g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qho7oVNeJZ7O8KBfVy595QN1dgOZVLA52Gx9waLBeMRFA0fQ_mvWLvLoXNqBsHwER3J0XKVVQeYYn2rpT8ZSLw" />
    <input value="20182" 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%3D6">
    <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/ben-anna-badesalz-rose-300g-1-stuck-20183">
          <img alt="Ben&amp;Anna Badesalz Rose 300g" 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/6cc4d642d02e35b465c30e5ca57e81c8.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6cc4d642d02e35b465c30e5ca57e81c8.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6cc4d642d02e35b465c30e5ca57e81c8.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6cc4d642d02e35b465c30e5ca57e81c8.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">Ben&amp;Anna</p>
          <a href="/products/ben-anna-badesalz-rose-300g-1-stuck-20183">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ben&amp;Anna Badesalz Rose 300g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Yspnxn92CB_SHpbevygxD6LIOjq9FE_WnTO-sLJnqkBl0xu30kP7r-4GaltptjDu5s84ZYEVvgldwKmYX2CAqw" />
    <input value="20183" 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%3D6">
    <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/ben-anna-badesalz-kornblume-300g-1-stuck-20184">
          <img alt="Ben&amp;Anna Badesalz Kornblume 300g" 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/6b030451d77d7423410c7903ed3f1bf7.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6b030451d77d7423410c7903ed3f1bf7.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6b030451d77d7423410c7903ed3f1bf7.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/6b030451d77d7423410c7903ed3f1bf7.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">Ben&amp;Anna</p>
          <a href="/products/ben-anna-badesalz-kornblume-300g-1-stuck-20184">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ben&amp;Anna Badesalz Kornblume 300g, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LzNN_hGuPEGlslKTlAfW87kdz802Hv2ErGu_685lnDcoKjGPvJvP8ZmqrhZCmdcS_RrNkgofDFtsmKjDI2K23A" />
    <input value="20184" 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%3D6">
    <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/natracare-wochenbetteinlagen-10-stk-bio-1-stuck-20197">
          <img alt="Natracare Wochenbetteinlagen 10 Stk 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/a090ad77638884f8802603a2a7fa577f.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a090ad77638884f8802603a2a7fa577f.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a090ad77638884f8802603a2a7fa577f.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a090ad77638884f8802603a2a7fa577f.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">Natracare</p>
          <a href="/products/natracare-wochenbetteinlagen-10-stk-bio-1-stuck-20197">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Natracare Wochenbetteinlagen 10 Stk Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8VUUjthQAGYlY3GzZL0YEC-DskVutNAjNI6gASIz62f2TGj_dWXz1hl7jTayIxnxa4SwGlK1Ifz0fbcpzzTBjA" />
    <input value="20197" 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%3D6">
    <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-lucerna-raucher-aroma-duftlampe-1-stuck-20198">
          <img alt="Aromalife Lucerna Räucher- &amp; Aroma-Duftlampe" 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/344ed5cc541051e7fa4e6200d8d76d40.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/344ed5cc541051e7fa4e6200d8d76d40.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/344ed5cc541051e7fa4e6200d8d76d40.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/344ed5cc541051e7fa4e6200d8d76d40.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">AromaLife</p>
          <a href="/products/aromalife-lucerna-raucher-aroma-duftlampe-1-stuck-20198">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Lucerna Räucher- &amp; Aroma-Duftlampe, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GhNszHulkY4XRaioGFxq2Zbe0R8sNczpq5v8seM8UCsdChC91pBiPitdVC3Owms40tnTQBA0PTZraOuZDjt6wA" />
    <input value="20198" 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%3D6">
    <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-raumduft-wald-110ml-1-stuck-20199">
          <img alt="Aromalife Raumduft Wald 110ml" 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/790d9d1254ebc31ccaa639956aee43f3.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/790d9d1254ebc31ccaa639956aee43f3.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/790d9d1254ebc31ccaa639956aee43f3.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/790d9d1254ebc31ccaa639956aee43f3.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">AromaLife</p>
          <a href="/products/aromalife-raumduft-wald-110ml-1-stuck-20199">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Raumduft Wald 110ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VpX2YW0rCvD65aVc9arSbrp48H2g-6kM1J3OJICggFVRjIoQwB75QMb9WdkjNNOP_n_yIpz6WNMUbtkMbaeqvg" />
    <input value="20199" 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%3D6">
    <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-raumduft-energie-110ml-1-stuck-20200">
          <img alt="Aromalife Raumduft Energie 110ml" 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/888f7f6fd6a9f37201356d23f8019193.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/888f7f6fd6a9f37201356d23f8019193.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/888f7f6fd6a9f37201356d23f8019193.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/888f7f6fd6a9f37201356d23f8019193.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">AromaLife</p>
          <a href="/products/aromalife-raumduft-energie-110ml-1-stuck-20200">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Raumduft Energie 110ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wgGAM_KqTlCfmCqoT4uRoyGt9n1z7kfpZyAD3-ssDxzFGPxCX5-94KOA1i2ZFZBCZar0Ik_vtjan0xT3Bisl9w" />
    <input value="20200" 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%3D6">
    <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-raumduft-ruhe-110ml-1-stuck-20201">
          <img alt="Aromalife Raumduft Ruhe 110ml" 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/9db4ff0cf0fd0dbc1aee2964fa4fad9c.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9db4ff0cf0fd0dbc1aee2964fa4fad9c.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9db4ff0cf0fd0dbc1aee2964fa4fad9c.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9db4ff0cf0fd0dbc1aee2964fa4fad9c.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">AromaLife</p>
          <a href="/products/aromalife-raumduft-ruhe-110ml-1-stuck-20201">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Raumduft Ruhe 110ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 39.50
            </p>

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

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

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

</template></turbo-stream>