<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/gallseife-flussig-300-ml-19616">
          <img alt="Gallseife flüssig" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9400/file/small-2a82c90fa7bc1fee6b5957f9089646ae.webp 600w, https://assets.fabulous.ch/public/variant_asset/9400/file/medium-4627a4233d0b6ab27f23cb3625c77bec.webp 900w, https://assets.fabulous.ch/public/variant_asset/9400/file/large-00ed12698125524a3a08b8a0bdced663.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9400/file/medium-4627a4233d0b6ab27f23cb3625c77bec.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">Sonett</p>
          <a href="/products/gallseife-flussig-300-ml-19616">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Gallseife flüssig, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="evJpMmwn3-Fbkx20KrNO1YaLn80ayC86WtM_q2QJ9ZON4guonmmszdm9QHds8GtKTQZgA_bePBhrYxDJD-jyoA" />
    <input value="19616" 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/geschirrspulmittel-calendula-120-ml-19617">
          <img alt="Geschirrspülmittel Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9435/file/small-81de4eaea49c21cfd329fce9a027e642.webp 600w, https://assets.fabulous.ch/public/variant_asset/9435/file/medium-751f378dc01fb4ebd81865cfd7c13d54.webp 900w, https://assets.fabulous.ch/public/variant_asset/9435/file/large-aad1b2bf6780112d0b5d85fc14b2d7a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9435/file/medium-751f378dc01fb4ebd81865cfd7c13d54.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">Sonett</p>
          <a href="/products/geschirrspulmittel-calendula-120-ml-19617">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirrspülmittel Calendula, 120 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HjfBNla-5q_pUfI1QjN5FWsclYLhz6lyPr1eyfSQLvHpJ6OspPCVg2t_r_YEcFyKoJFqTA3ZulAPDXGrn3Epwg" />
    <input value="19617" 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/geschirrspulmittel-calendula-300-ml-19618">
          <img alt="Geschirrspülmittel Calendula" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9401/file/small-6b2bf4a05c7b050d693b337d926c5459.webp 600w, https://assets.fabulous.ch/public/variant_asset/9401/file/medium-a155fd0e940387b109ba1d543ff8c55d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9401/file/large-e66dc06768aec0edcf06e6dafac8f121.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9401/file/medium-a155fd0e940387b109ba1d543ff8c55d.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">Sonett</p>
          <a href="/products/geschirrspulmittel-calendula-300-ml-19618">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirrspülmittel Calendula, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L9kQ2EsdtKfEBIKlWZCwnZcJjXrGqLMcWxgPhgbViwzYyXJCuVPHi0Yq32Yf05UCXIRytCq-oD5qqCDkbTSMPw" />
    <input value="19618" 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/geschirrspulmittel-calendula-nfp-1-l-19619">
          <img alt="Geschirrspülmittel Calendula NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9402/file/small-2e1ef5fc293cfe18e8ce6ae52ef114fe.webp 600w, https://assets.fabulous.ch/public/variant_asset/9402/file/medium-7a523d008f5fa31f5a41f0c919108aba.webp 900w, https://assets.fabulous.ch/public/variant_asset/9402/file/large-5d09da90307c5841eb79de0c70b65232.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9402/file/medium-7a523d008f5fa31f5a41f0c919108aba.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">Sonett</p>
          <a href="/products/geschirrspulmittel-calendula-nfp-1-l-19619">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirrspülmittel Calendula NFP, 1 l</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 0.79 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p0x5RLRDbsF3tAfaUSgodPf3g0ByegsR0bqRmk7QtKpQXBveRg0d7fWaWhkXaw3rPHp8jp5sGDPgCr74JTGzmQ" />
    <input value="19619" 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/geschirrspulmittel-sensitiv-300-ml-19620">
          <img alt="Geschirrspülmittel sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9403/file/small-d9bc7822e81e5336298aaf198d9979a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/9403/file/medium-650a80abfc0b5f7d0908eeef0afd692f.webp 900w, https://assets.fabulous.ch/public/variant_asset/9403/file/large-584e02ade6d114858613d6816c03d041.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9403/file/medium-650a80abfc0b5f7d0908eeef0afd692f.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">Sonett</p>
          <a href="/products/geschirrspulmittel-sensitiv-300-ml-19620">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirrspülmittel sensitiv, 300 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KYczqsDQg20gsh9KfCC079PT9r0QjwDd13nUCacdMmfel1EwMp7wQaKcQok6Y5FwGF4Jc_yZE__myftrzPw1VA" />
    <input value="19620" 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/geschirrspulmittel-sensitiv-nfp-1-l-19621">
          <img alt="Geschirrspülmittel sensitiv NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9404/file/small-5b99d831ca27c58de8447e57648d93a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/9404/file/medium-1738e884b98d99523fd56b1723ac13f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/9404/file/large-1a0100900b7fbaa056c4e15fd4aad859.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9404/file/medium-1738e884b98d99523fd56b1723ac13f3.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">Sonett</p>
          <a href="/products/geschirrspulmittel-sensitiv-nfp-1-l-19621">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirrspülmittel sensitiv NFP, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E06BPTDc87AjBnjzeMWaGU6olSVq2dRm0wFRnBxCKVnkXuOnwpKAnKEoJTA-hr-GhSVq64bPx0TisX7-d6Muag" />
    <input value="19621" 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/scheuermilch-500-ml-19629">
          <img alt="Scheuermilch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10876/file/small-9860e2e7d32dda7d825f11bd3b5a377f.webp 600w, https://assets.fabulous.ch/public/variant_asset/10876/file/medium-fd96bb7ebb712f4c2f17b468b6e20eac.webp 900w, https://assets.fabulous.ch/public/variant_asset/10876/file/large-accec77a6c5ad2325dff8d7e83530d63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10876/file/medium-fd96bb7ebb712f4c2f17b468b6e20eac.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">Sonett</p>
          <a href="/products/scheuermilch-500-ml-19629">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Scheuermilch, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HLRr-qQOTqgPCI6os0y3NCZRCyFQZ9ujlVjluk_DDqjrpAlgVkA9hI0m02v1D5Kr7dz077xxyIGk6MrYJCIJmw" />
    <input value="19629" 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/waschmittel-pulver-konzentrat-2-4-kg-19630">
          <img alt="Waschmittel Pulver Konzentrat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10073/file/small-e18b7ed1012d9886394b054fee3a1393.webp 600w, https://assets.fabulous.ch/public/variant_asset/10073/file/medium-0deb362344baa901eab4dc63754d897e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10073/file/large-fcb2c0509a5118f553163bacdf023596.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10073/file/medium-0deb362344baa901eab4dc63754d897e.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">Sonett</p>
          <a href="/products/waschmittel-pulver-konzentrat-2-4-kg-19630">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Waschmittel Pulver Konzentrat, 2.4 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ht2xOfYpYOM8pYaT0tTmQ3jrKMqSSLnyqtPUj_pRUHvpzdOjBGcTz76L21CUl8Pcs2bXBH5eqtCbY_vtkbBXSA" />
    <input value="19630" 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/ath-ol-top-lavendel-5-ml-19711">
          <img alt="Äth. Öl TOP Lavendel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10265/file/small-df0968cea07e4dfde19a03c1c0df28c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/10265/file/medium-53994e87062a342cb0f942a618062477.webp 900w, https://assets.fabulous.ch/public/variant_asset/10265/file/large-00301f3cb7dbecca7cf2177f50f1e8a8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10265/file/medium-53994e87062a342cb0f942a618062477.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/products/ath-ol-top-lavendel-5-ml-19711">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl TOP Lavendel, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="S44HTn8APfIkVWGaKU8qyE3a-mM2mbCuojGra2k146S8nmXUjU5O3qZ7PFlvDA9XhlcFrdqPo4yTgYQJAtTklw" />
    <input value="19711" 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/ath-ol-top-rosmarin-5-ml-19712">
          <img alt="Äth. Öl TOP Rosmarin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10267/file/small-ca3e76aff3acc1fc23a25eec869f43a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/10267/file/medium-481846dae0695345fc6cb299aa75ad86.webp 900w, https://assets.fabulous.ch/public/variant_asset/10267/file/large-62c7db79629c83687ae8545bd6755862.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10267/file/medium-481846dae0695345fc6cb299aa75ad86.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/products/ath-ol-top-rosmarin-5-ml-19712">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl TOP Rosmarin, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NXuCYNcqAWJcPtvzCKXLKwZomUMb4Af9PL7nzl_P2orCa-D6JWRyTt4QhjBO5u60zeVmjff2FN8NDsisNC7duQ" />
    <input value="19712" 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/ath-ol-top-oregano-5-ml-19713">
          <img alt="Äth. Öl TOP Oregano" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10266/file/small-d28143fdca00c3b38c05bdc9f9f44aa2.webp 600w, https://assets.fabulous.ch/public/variant_asset/10266/file/medium-98b91a865fcb980551bfe7894ca66cb2.webp 900w, https://assets.fabulous.ch/public/variant_asset/10266/file/large-fca088fb9b55c944ececea241338e9de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10266/file/medium-98b91a865fcb980551bfe7894ca66cb2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/products/ath-ol-top-oregano-5-ml-19713">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Äth. Öl TOP Oregano, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5B-FxxTuP53gOq3lcAJf59qlJfB260k9Te00gDA6oVkTD-dd5qBMsWIU8CY2QXp4ESjaPpr9Wh98XRviW9umag" />
    <input value="19713" 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/duftmischung-schutzengel-10-ml-19715">
          <img alt="Duftmischung Schutzengel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10627/file/small-8d7546e951e3f35c189e68b37a89b8e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/10627/file/medium-3e55865390f72d97225950d7e15f59fb.webp 900w, https://assets.fabulous.ch/public/variant_asset/10627/file/large-dbe998e574e2361ceb824a9526f49e7d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10627/file/medium-3e55865390f72d97225950d7e15f59fb.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/products/duftmischung-schutzengel-10-ml-19715">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Duftmischung Schutzengel, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vkog3D1W8Lmu53UhKrpDGANsc5Q-fWUWHqWAIwkfg4ZJWkJGzxiDlSzJKOJs-WaHyOGMWtJrdjQvFa9BYv6EtQ" />
    <input value="19715" 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/duftmischung-vertrauen-10-ml-19716">
          <img alt="Duftmischung Vertrauen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10269/file/small-4d0e0af8b751b1534d96dcd9d60fccae.webp 600w, https://assets.fabulous.ch/public/variant_asset/10269/file/medium-f04ef3f02d06d817b8abcb08f7972353.webp 900w, https://assets.fabulous.ch/public/variant_asset/10269/file/large-431f71f757f3003eab7bce76e32b6100.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10269/file/medium-f04ef3f02d06d817b8abcb08f7972353.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/products/duftmischung-vertrauen-10-ml-19716">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Duftmischung Vertrauen, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9YxhE02Y2n7DwwBZbCA1Pq3GGn4gh-p7gxFpYxTuw9MCnAOJv9apUkHtXZoqYxChZkvlsMyR-VmyoUYBfw_E4A" />
    <input value="19716" 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/roll-on-kopfwohl-mit-pfefferminze-10-ml-19717">
          <img alt="Roll-On Kopfwohl mit Pfefferminze" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10823/file/small-5ce3d6379ae2e739c4b90980e4014db8.webp 600w, https://assets.fabulous.ch/public/variant_asset/10823/file/medium-dd8efbede2cd51e188c8601571210ad8.webp 900w, https://assets.fabulous.ch/public/variant_asset/10823/file/large-a91e5401c20a375a6b9735f613758c94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10823/file/medium-dd8efbede2cd51e188c8601571210ad8.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/products/roll-on-kopfwohl-mit-pfefferminze-10-ml-19717">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Roll-On Kopfwohl mit Pfefferminze, 10 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RWDpXAe0U_gmwQ7vRDAzsmf2yo8nnBdVFjWULO45kGuycIvG9fog1KTvUywCcxYtrHs1QcuKBHcnhbtOhdiXWA" />
    <input value="19717" 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/arve-raumduft-holz-mit-stabchen-1-stuck-19718">
          <img alt="Arve Raumduft Holz mit Stäbchen" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10264/file/small-0d3269ce4dbfa75a8e2c39195e371a78.webp 600w, https://assets.fabulous.ch/public/variant_asset/10264/file/medium-83ca3be8414d377e165a264189b5c740.webp 900w, https://assets.fabulous.ch/public/variant_asset/10264/file/large-dd3541fc6b2af0ee57377d996805b3e8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10264/file/medium-83ca3be8414d377e165a264189b5c740.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/products/arve-raumduft-holz-mit-stabchen-1-stuck-19718">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Arve Raumduft Holz mit Stäbchen, 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-19718-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9qq9DAsZwBVNjnFNC-DtRLQARuItkYMyvitNC4N5BOwBut-W-VezOc-gLI5No8jbf425LMGHkBCPm2Jp6JgD3w" />
    <input value="19718" 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/duftstein-set-lebensblume-unterteller-grun-1-stuck-19719">
          <img alt="Duftstein Set Lebensblume &amp; Unterteller grün" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10270/file/small-4a34020d580eff540a57444f38225f1e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10270/file/medium-c67fab5e4c546b3f99bb746fc64d820b.webp 900w, https://assets.fabulous.ch/public/variant_asset/10270/file/large-61533ae926774b2c95d430978013bc33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10270/file/medium-c67fab5e4c546b3f99bb746fc64d820b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/products/duftstein-set-lebensblume-unterteller-grun-1-stuck-19719">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Duftstein Set Lebensblume &amp; Unterteller grün, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ttKxDaCBWVYEjlmtXk6InZ9_hIS3iffeVDpik3sxlPJBwtOXUs8qeoagBG4YDa0CVPJ7Sluf5Pxlik3xENCTwQ" />
    <input value="19719" 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/duftstein-set-spirale-unterteller-schwarz-1-stuck-19720">
          <img alt="Duftstein Set Spirale &amp; Unterteller schwarz" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10271/file/small-5d1f5cad4ff81f2ed8afb07f2a8ff7c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/10271/file/medium-3f5270f7f559631b48f4b175e98faf0f.webp 900w, https://assets.fabulous.ch/public/variant_asset/10271/file/large-aaa37c4a899d9b54a01a2e8efcb2c98f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10271/file/medium-3f5270f7f559631b48f4b175e98faf0f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/products/duftstein-set-spirale-unterteller-schwarz-1-stuck-19720">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Duftstein Set Spirale &amp; Unterteller schwarz, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lQOogjuZa6_oZX1Hz8n6Ywz64OwGBAdnhT8ERDhrB9tiE8oYydcYg2pLIISJit_8x3cfIuoSFEW0jysmU4oA6A" />
    <input value="19720" 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/raucherwerk-leichtigkeit-20-g-19770">
          <img alt="Räucherwerk Leichtigkeit" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10225/file/small-18322741b0843e08e0daedb0f9af9392.webp 600w, https://assets.fabulous.ch/public/variant_asset/10225/file/medium-6749ca53f28191ee1dc2f52338bb0d5c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10225/file/large-4f0d5fb2040a51567293befe1a2a64f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10225/file/medium-6749ca53f28191ee1dc2f52338bb0d5c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/products/raucherwerk-leichtigkeit-20-g-19770">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Räucherwerk Leichtigkeit, 20 g</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 133.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U40fTh5zB4wTWUDlnA5VJwpIJ896cG4FE8FC-3VDvHCknX3U7D10oJF3HSbaTXC4wcXYAZZmfScicW2ZHqK7Qw" />
    <input value="19770" 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/raucherwerk-salbeibundel-klein-1-stuck-19771">
          <img alt="Räucherwerk Salbeibündel klein" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10226/file/small-eda72dd07062a6e18f69415a98127120.webp 600w, https://assets.fabulous.ch/public/variant_asset/10226/file/medium-b10752a7baada45493aac1be94855359.webp 900w, https://assets.fabulous.ch/public/variant_asset/10226/file/large-2b6997d6642a3d215bfb1ff744953c08.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10226/file/medium-b10752a7baada45493aac1be94855359.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/products/raucherwerk-salbeibundel-klein-1-stuck-19771">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-19771-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G3P1eSnW-n-3hSnumpOYDG19AygaLZ1-r9wObG7ir7XsY5fj25iJUzWrdC3c0L2TpvD85vY7jlyebCEOBQOohg" />
    <input value="19771" 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/raucherwerk-lebensfreude-20-g-19772">
          <img alt="Räucherwerk Lebensfreude" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10227/file/small-356537c9fd792a18f73159e4020000fa.webp 600w, https://assets.fabulous.ch/public/variant_asset/10227/file/medium-6a30611984fa257072e5549bd5aea667.webp 900w, https://assets.fabulous.ch/public/variant_asset/10227/file/large-b51d2ff2a3051e6505f78e6145667400.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10227/file/medium-6a30611984fa257072e5549bd5aea667.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/products/raucherwerk-lebensfreude-20-g-19772">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Räucherwerk Lebensfreude, 20 g</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 133.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dMthL2ED2gKkt4Z1Dj8bC5zGPi7MkiVw02zf73gwRUqD2wO1k02pLiaZ27ZIfD6UV0vB4CCENlLi3PCNE9FCeQ" />
    <input value="19772" 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 139 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>