<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%3D2">
    <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/entharter-100-biologisch-abbaubar-dose-500-g-4145">
          <img alt="Enthärter 100% Biologisch abbaubar Dose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2617/file/small-56f3dec8bf1361934555f160c2cbb1f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2617/file/medium-9650b32e9f6260964111e3c276957abc.webp 900w, https://assets.fabulous.ch/public/variant_asset/2617/file/large-5969a21b48d89fb39a5b3b5a531d04ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2617/file/medium-9650b32e9f6260964111e3c276957abc.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/entharter-100-biologisch-abbaubar-dose-500-g-4145">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Enthärter 100% Biologisch abbaubar Dose, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J-7eiSgtk2i1iovxQHVjF4TqD-vfq9qHFVcrecGL41iJuQiasc-1_dxAp6Aa9ZxchmDCcD8Xb0aiJQnCa9lJIQ" />
    <input value="4145" 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%3D2">
    <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/orangen-kraft-reiniger-500-ml-4369">
          <img alt="Orangen Kraft-Reiniger" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9141/file/small-495803976e3cfb1984449b6e6b8602f8.webp 600w, https://assets.fabulous.ch/public/variant_asset/9141/file/medium-ce3b852358726bc13a68b0e7752fb6bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/9141/file/large-153ddcad653167dcf3ee73222d1cfd3e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9141/file/medium-ce3b852358726bc13a68b0e7752fb6bd.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/orangen-kraft-reiniger-500-ml-4369">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Orangen Kraft-Reiniger, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </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-4369-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U2JjqGpOvkUyTQ9auadUJaRi0r-vXGm88JqJAS4cZwv9NbW786yY0FuHIwvjJ6tupugfJE_g3H1H6Ku6hE7Ncg" />
    <input value="4369" 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%3D2">
    <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/universalreiniger-neutral-sensitiv-500-ml-6510">
          <img alt="Universalreiniger Neutral / Sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3729/file/small-f70d72fb97a0fdf8e784ed5ee00c6b27.webp 600w, https://assets.fabulous.ch/public/variant_asset/3729/file/medium-ee111f4d8c368833009ab402887c5896.webp 900w, https://assets.fabulous.ch/public/variant_asset/3729/file/large-557a1d173da8639efba9a418d4ed2c60.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3729/file/medium-ee111f4d8c368833009ab402887c5896.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/universalreiniger-neutral-sensitiv-500-ml-6510">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Universalreiniger Neutral / Sensitiv, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XKXRcvGCJFopmHraIqT-U4IfX3oU3oTLnJXQ6LSfnhzy8gdhaGACz0BSVot4JAEYgJWS4fRiMQor5_JTHs00ZQ" />
    <input value="6510" 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%3D2">
    <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/slipeinlagen-waschbar-wiederverwendbare-damenbinden-leicht-1-stuck-8190">
          <img alt="Slipeinlagen Waschbar Wiederverwendbare Damenbinden LEICHT" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4777/file/small-03c7aad0331810b3543c57e07791e779.webp 600w, https://assets.fabulous.ch/public/variant_asset/4777/file/medium-278695e55b9c904112f222b3b370869c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4777/file/large-9cb741280357ee1bbae92ff05676db5c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4777/file/medium-278695e55b9c904112f222b3b370869c.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">Bambaw</p>
          <a href="/products/slipeinlagen-waschbar-wiederverwendbare-damenbinden-leicht-1-stuck-8190">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Slipeinlagen Waschbar Wiederverwendbare Damenbinden LEICHT, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gXlASX9VqO-6u6Z5z6mO0zaE1s3pQpxMi0mJry9e8MgvLpZa5reOetNxiiiVKXGYNA4bVgn-KY08O6sUhQxasQ" />
    <input value="8190" 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%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/slipeinlagen-set-waschbar-wiederverwendbare-damenbinden-mittel-5-stuck-8191">
          <img alt="Slipeinlagen SET Waschbar Wiederverwendbare Damenbinden MITTEL" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4778/file/small-7d86d1b8a418f72864aa551107de1a28.webp 600w, https://assets.fabulous.ch/public/variant_asset/4778/file/medium-6979b9ab619d9bd4a5cf6c73f16b6050.webp 900w, https://assets.fabulous.ch/public/variant_asset/4778/file/large-ef1fef1845d677ff0f2b9fdba13f3235.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4778/file/medium-6979b9ab619d9bd4a5cf6c73f16b6050.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">Bambaw</p>
          <a href="/products/slipeinlagen-set-waschbar-wiederverwendbare-damenbinden-mittel-5-stuck-8191">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Slipeinlagen SET Waschbar Wiederverwendbare Damenbinden MITTEL, 5 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 37.95
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/slipeinlagen-set-waschbar-wiederverwendbare-damenbinden-stark-5-stuck-8192">
          <img alt="Slipeinlagen SET Waschbar Wiederverwendbare Damenbinden STARK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4780/file/small-2b17a0aba461f1e1c482db2f6fcfdeed.webp 600w, https://assets.fabulous.ch/public/variant_asset/4780/file/medium-f334142bcd2e5bff15b64fcac95e7b11.webp 900w, https://assets.fabulous.ch/public/variant_asset/4780/file/large-d2ec7ae01c1048b85ad8f7bb10a6b716.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4780/file/medium-f334142bcd2e5bff15b64fcac95e7b11.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">Bambaw</p>
          <a href="/products/slipeinlagen-set-waschbar-wiederverwendbare-damenbinden-stark-5-stuck-8192">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Slipeinlagen SET Waschbar Wiederverwendbare Damenbinden STARK, 5 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 56.70
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%3D2">
    <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/rasierer-bambus-rasierhobel-1-stuck-8194">
          <img alt="Rasierer Bambus Rasierhobel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4779/file/small-17842d59761d559dc8990e481e1d4c08.webp 600w, https://assets.fabulous.ch/public/variant_asset/4779/file/medium-3d3f72fd2c209fea5260c2637b913228.webp 900w, https://assets.fabulous.ch/public/variant_asset/4779/file/large-6ba0324a957669bfc0acac603f35eac3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4779/file/medium-3d3f72fd2c209fea5260c2637b913228.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">Bambaw</p>
          <a href="/products/rasierer-bambus-rasierhobel-1-stuck-8194">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rasierer Bambus Rasierhobel, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pUVaTRii_b0dXnZVMs4emPMnsLdLz8fGGh99OuCNAMcLEoxegUDbKHSUWgRoTuHT8a19LKtzcgetbV-BSt-qvg" />
    <input value="8194" 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%3D2">
    <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/rasierer-metall-rasierhobel-rose-gold-1-stuck-8195">
          <img alt="Rasierer Metall Rasierhobel ROSE GOLD" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4781/file/small-1c0dcd606b86ad9eb3d254e0f6c3eaca.webp 600w, https://assets.fabulous.ch/public/variant_asset/4781/file/medium-415fd4a67a71194ba90f51b98ab034f5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4781/file/large-9722fc1960875ebb5416b8a5142423b8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4781/file/medium-415fd4a67a71194ba90f51b98ab034f5.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">Bambaw</p>
          <a href="/products/rasierer-metall-rasierhobel-rose-gold-1-stuck-8195">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rasierer Metall Rasierhobel ROSE GOLD, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZgFOdiREVJb768U-ZqGTibuR9GULKkxWkD6J_7S-AUHIVphlvaZyA5Ih6W88IWzCuRs5_uuW-ZcnTKtEHuyrOA" />
    <input value="8195" 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%3D2">
    <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/rasierer-metall-rasierhobel-silber-1-stuck-8196">
          <img alt="Rasierer Metall Rasierhobel SILBER" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4783/file/small-f606d8075a5e7a278f81aa24901dd5e3.webp 600w, https://assets.fabulous.ch/public/variant_asset/4783/file/medium-5c8ac5f9c9fe5232cd5875fcf3953549.webp 900w, https://assets.fabulous.ch/public/variant_asset/4783/file/large-ee35980a8d09d35f31cc6254c08d0d4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4783/file/medium-5c8ac5f9c9fe5232cd5875fcf3953549.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">Bambaw</p>
          <a href="/products/rasierer-metall-rasierhobel-silber-1-stuck-8196">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rasierer Metall Rasierhobel SILBER, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VDoB0SgqJCo6Nl4aE4f8G6nbaOPX0sbk_Gjn4ji_1Mb6bdfCscgCv1P8cktJBwNQq1GleDducyVLGsVZku1-vw" />
    <input value="8196" 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%3D2">
    <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/rasierer-raiserklingen-nachfullpack-100-stuck-8197">
          <img alt="Rasierer Raiserklingen Nachfüllpack" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4782/file/small-0fbc55925f64badec0ec7fef2576e6cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/4782/file/medium-9b9376a4bd594240c965e9566b392893.webp 900w, https://assets.fabulous.ch/public/variant_asset/4782/file/large-2f6e42100a1ca80d9b07c343da134e94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4782/file/medium-9b9376a4bd594240c965e9566b392893.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">Bambaw</p>
          <a href="/products/rasierer-raiserklingen-nachfullpack-100-stuck-8197">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rasierer Raiserklingen Nachfüllpack, 100 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QQjutAKnMIjDli54JUmxrLsMlB2D9gRjfIag0tBKqKXvXzinm0UWHapcAil_yU7nuYZZhmNKsaLL9IJpehgC3A" />
    <input value="8197" 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%3D2">
    <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/slipeinlagen-set-waschbar-wiederverwendbare-damenbinden-leicht-5-stuck-8205">
          <img alt="Slipeinlagen SET Waschbar Wiederverwendbare Damenbinden LEICHT" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4785/file/small-4a56fc91a9c2ed68eb582d459334f65f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4785/file/medium-453442dd2aa2c4bd60bcb54a832869bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/4785/file/large-0d4fef311a2f241867ebf0af519958d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4785/file/medium-453442dd2aa2c4bd60bcb54a832869bf.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">Bambaw</p>
          <a href="/products/slipeinlagen-set-waschbar-wiederverwendbare-damenbinden-leicht-5-stuck-8205">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Slipeinlagen SET Waschbar Wiederverwendbare Damenbinden LEICHT, 5 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GYq6yEm8Rk__l71RR204Bu6wEFeYEoAXxzBxvBVJo_e33Wzb0F5g2pZdkQAd7cdN7DrdzHiuNdZwQlMHvxsJjg" />
    <input value="8205" 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%3D2">
    <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/slipeinlagen-waschbar-wiederverwendbare-damenbinden-mittel-1-stuck-8206">
          <img alt="Slipeinlagen Waschbar Wiederverwendbare Damenbinden MITTEL" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4792/file/small-0ef02af074f0510ac8534c000bf19938.webp 600w, https://assets.fabulous.ch/public/variant_asset/4792/file/medium-94e7cb027fd7fe48f20229e321051bab.webp 900w, https://assets.fabulous.ch/public/variant_asset/4792/file/large-e0b999097d0f4f4d69f6b7d2f2f112c5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4792/file/medium-94e7cb027fd7fe48f20229e321051bab.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">Bambaw</p>
          <a href="/products/slipeinlagen-waschbar-wiederverwendbare-damenbinden-mittel-1-stuck-8206">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Slipeinlagen Waschbar Wiederverwendbare Damenbinden MITTEL, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hpk98Chd2AD_IzzbXf0gU-8pf_HZBX--xMMhYi-PgToozuvjsb_-lZbpEIoHfd8Y7aOyajm5yn9zsQPZhd0rQw" />
    <input value="8206" 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%3D2">
    <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/slipeinlagen-waschbar-wiederverwendbare-damenbinden-stark-1-stuck-8207">
          <img alt="Slipeinlagen Waschbar Wiederverwendbare Damenbinden STARK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4798/file/small-3ef4f7d5366a5ef3c28cdcaa1695d7a3.webp 600w, https://assets.fabulous.ch/public/variant_asset/4798/file/medium-e458eed39a87a2679c368944d9760b45.webp 900w, https://assets.fabulous.ch/public/variant_asset/4798/file/large-528e22f5706d0c61f992d6f645492c93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4798/file/medium-e458eed39a87a2679c368944d9760b45.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">Bambaw</p>
          <a href="/products/slipeinlagen-waschbar-wiederverwendbare-damenbinden-stark-1-stuck-8207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Slipeinlagen Waschbar Wiederverwendbare Damenbinden STARK, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LTTaH6N9AIwyRAlCOjXs8F9GVzBD44MPZodmmO2uOdyDYwwMOp8mGVuOJRNgtRO7Xcyaq6NfNs7R9UQjR_yTpQ" />
    <input value="8207" 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%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/vegane-zahnseide-inklusive-spender-1-stuck-8208">
          <img alt="Vegane Zahnseide inklusive Spender" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4799/file/small-d485afa0c786eb6c05835cfc9c726780.webp 600w, https://assets.fabulous.ch/public/variant_asset/4799/file/medium-da9b04f1aff5bd868e83c160927ae2f5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4799/file/large-dfe64d52cb3dea8d88a3715aad049ad7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4799/file/medium-da9b04f1aff5bd868e83c160927ae2f5.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">Bambaw</p>
          <a href="/products/vegane-zahnseide-inklusive-spender-1-stuck-8208">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegane Zahnseide inklusive Spender, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Aus
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/flaschenbursten-set-bambaw-plastikfrei-4-grossen-1-stuck-8233">
          <img alt="Flaschenbürsten Set Bambaw #plastikfrei (4 Grössen)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4811/file/small-7e7a8acc473ad636d308de5b41b10be7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4811/file/medium-2616bb0c35519d0f9ffce77347881dab.webp 900w, https://assets.fabulous.ch/public/variant_asset/4811/file/large-5cdc877a9c1306c6342b554f5c3ce176.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4811/file/medium-2616bb0c35519d0f9ffce77347881dab.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">Bambaw</p>
          <a href="/products/flaschenbursten-set-bambaw-plastikfrei-4-grossen-1-stuck-8233">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flaschenbürsten Set Bambaw #plastikfrei (4 Grössen), 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.00
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Benachrichtigen
</a>

      </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%3D2">
    <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/geschirrburste-spulburste-plastikfrei-1-stuck-8234">
          <img alt="Geschirrbürste / Spülbürste #plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4814/file/small-5d4fa2159e433a663bd34746a6d81bdd.webp 600w, https://assets.fabulous.ch/public/variant_asset/4814/file/medium-c7d3dda9ab9f7843f952b97828a22864.webp 900w, https://assets.fabulous.ch/public/variant_asset/4814/file/large-4ffc75258000058dbfa76fc20bc195ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4814/file/medium-c7d3dda9ab9f7843f952b97828a22864.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">Bambaw</p>
          <a href="/products/geschirrburste-spulburste-plastikfrei-1-stuck-8234">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschirrbürste / Spülbürste #plastikfrei, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gtZfiIMv-uMdUayi4Uz9r3jm4D4n3h-Iqx1L5NehSKgsgYmbGs3cdnSbgPO7zALkemwtpcdiqkkcb2lfffPi0Q" />
    <input value="8234" 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%3D2">
    <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/bambus-besteckset-outdoor-camping-olive-bambaw-plastikfrei-1-stuck-8235">
          <img alt="Bambus Besteckset Outdoor Camping | Olive - Bambaw Plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4815/file/small-477767afe4445cfe5e57ca3a1f7a64b0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4815/file/medium-c97a195f7d307e7a203fa9c59d785d0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4815/file/large-4de02202ab99297ac0d8f7d648253fa2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4815/file/medium-c97a195f7d307e7a203fa9c59d785d0a.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">Bambaw</p>
          <a href="/products/bambus-besteckset-outdoor-camping-olive-bambaw-plastikfrei-1-stuck-8235">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bambus Besteckset Outdoor Camping | Olive - Bambaw Plastikfrei, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1Joh8i_RHr9aYWhuubPTwJTOn18vW9TKhipFEh8y5it6zffhtjM4KjOrRD_jMyyLlkRSxM_nYQsxWGeptWBMUg" />
    <input value="8235" 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%3D2">
    <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/bambus-besteckset-outdoor-camping-burgundy-bambaw-plastikfrei-1-stuck-8236">
          <img alt="Bambus Besteckset Outdoor Camping | Burgundy - Bambaw Plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4818/file/small-521ab929cdc05564cfc87bc00dae5d9a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4818/file/medium-05bcc41717566d4e0ff86d088eff4e2c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4818/file/large-112138ac4369e9309947c1e55dbc19f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4818/file/medium-05bcc41717566d4e0ff86d088eff4e2c.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">Bambaw</p>
          <a href="/products/bambus-besteckset-outdoor-camping-burgundy-bambaw-plastikfrei-1-stuck-8236">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bambus Besteckset Outdoor Camping | Burgundy - Bambaw Plastikfrei, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jFhcxy08MSq-xVJLki3IjprKV3T7bHyg4-9JKEM7l6siD4rUtN4Xv9cPfhrIrTfFmECa7xvQyWFUnWuT6Wk90g" />
    <input value="8236" 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%3D2">
    <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/bambus-besteckset-outdoor-camping-ocean-bambaw-plastikfrei-1-stuck-8237">
          <img alt="Bambus Besteckset Outdoor Camping| Ocean - Bambaw Plastikfrei" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4821/file/small-dea16dd25e452ad6c222365560695766.webp 600w, https://assets.fabulous.ch/public/variant_asset/4821/file/medium-82cb41e77b4dc7051bf9172b0ed6f90b.webp 900w, https://assets.fabulous.ch/public/variant_asset/4821/file/large-0e762b0e2f5aff6ec140c45dcbbf0cbb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4821/file/medium-82cb41e77b4dc7051bf9172b0ed6f90b.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">Bambaw</p>
          <a href="/products/bambus-besteckset-outdoor-camping-ocean-bambaw-plastikfrei-1-stuck-8237">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bambus Besteckset Outdoor Camping| Ocean - Bambaw Plastikfrei, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N0ZcSlObREJQ2x_TUmPFNLNB3Qyz47YZeoulBsiqJdiZEYpZynli1zkRM4II4zp_scsQl1NfA9jN-Ye9YviPoQ" />
    <input value="8237" 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%3D2">
    <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/schmierseife-flussig-500-ml-9779">
          <img alt="Schmierseife flüssig" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5426/file/small-cfa69f857fff07a549442f74b2050c59.webp 600w, https://assets.fabulous.ch/public/variant_asset/5426/file/medium-c5d2f60624b5115f0b5beac7add96017.webp 900w, https://assets.fabulous.ch/public/variant_asset/5426/file/large-170b2fa03e9f549f2b59f76fe300d394.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5426/file/medium-c5d2f60624b5115f0b5beac7add96017.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/schmierseife-flussig-500-ml-9779">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schmierseife flüssig, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

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

</template></turbo-stream>