<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%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/natracare-slipeinlagen-mini-30-stk-1-stuck-20239">
          <img alt="Natracare Slipeinlagen mini 30 Stk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/aa0f1a6ccd86e76975f785aecfbd85d8.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/aa0f1a6ccd86e76975f785aecfbd85d8.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/aa0f1a6ccd86e76975f785aecfbd85d8.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/aa0f1a6ccd86e76975f785aecfbd85d8.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Natracare</p>
          <a href="/products/natracare-slipeinlagen-mini-30-stk-1-stuck-20239">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Natracare Slipeinlagen mini 30 Stk, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zYOqGAPD6NVeEV2eS3kRvYozbjj0yjgUNcrQW2MR-7RkLW6qSVIm-w-2VGEqYhN8hyG9jGpgYPmBtP0BwgQH4Q" />
    <input value="20239" 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%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aromalife-geschenkpackung-filz-pinguin-mit-schnupfnase-duftmischung-5ml-1-stuck-20271">
          <img alt="Aromalife Geschenkpackung Filz-Pinguin mit Schnupfnase Duftmischung 5ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/adcc15dda9ea443962042bd66ccbf658.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/adcc15dda9ea443962042bd66ccbf658.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/adcc15dda9ea443962042bd66ccbf658.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/adcc15dda9ea443962042bd66ccbf658.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/products/aromalife-geschenkpackung-filz-pinguin-mit-schnupfnase-duftmischung-5ml-1-stuck-20271">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Geschenkpackung Filz-Pinguin mit Schnupfnase Duftmischung 5ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TjT7T3l7ka35tqWwIFA8dNPfVEzohxe1rBuo-ymqZzznmj_9M-pfg6gRrE9BSz613s2H-HYtT1gYZYWhiL-baQ" />
    <input value="20271" 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%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/aromalife-lavendel-roll-on-10ml-1-stuck-20292">
          <img alt="Aromalife Lavendel Roll-on 10ml" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/dd4af6f5200530012ab6355b982bc913.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/dd4af6f5200530012ab6355b982bc913.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/dd4af6f5200530012ab6355b982bc913.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/dd4af6f5200530012ab6355b982bc913.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/products/aromalife-lavendel-roll-on-10ml-1-stuck-20292">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aromalife Lavendel Roll-on 10ml, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6oc85Q4loRn5eFKymU1LQ1UC4hJ840O4fQ25a_neRKBDKfhXRLRvN6jfW034VkmCWBAxpuJJG1XJc5QxWMu49Q" />
    <input value="20292" 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%3D7">
    <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/sanaya-aroma-bachbluten-raumspray-zen-100ml-bio-1-stuck-20319">
          <img alt="Sanaya Aroma &amp; Bachblüten Raumspray Zen 100ml Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/b49a6f69f30457d63f7c62197d101884.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/b49a6f69f30457d63f7c62197d101884.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/b49a6f69f30457d63f7c62197d101884.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/b49a6f69f30457d63f7c62197d101884.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sanaya</p>
          <a href="/products/sanaya-aroma-bachbluten-raumspray-zen-100ml-bio-1-stuck-20319">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanaya Aroma &amp; Bachblüten Raumspray Zen 100ml Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6WYAOBh7pvz6Md2K9G99nhuGvuhL2OLFVyah7yHAowFAyMSKUupo0quW1HWVdH9fFpRtXNVyuijjWIy1gNVfVA" />
    <input value="20319" 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%3D7">
    <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/sanaya-aroma-bachbluten-raumspray-concentration-100ml-bio-1-stuck-20320">
          <img alt="Sanaya Aroma &amp; Bachblüten Raumspray Concentration 100ml Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a6acc6c2b10ef912aeaea0279a827a59.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a6acc6c2b10ef912aeaea0279a827a59.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a6acc6c2b10ef912aeaea0279a827a59.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/a6acc6c2b10ef912aeaea0279a827a59.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sanaya</p>
          <a href="/products/sanaya-aroma-bachbluten-raumspray-concentration-100ml-bio-1-stuck-20320">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanaya Aroma &amp; Bachblüten Raumspray Concentration 100ml Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jNEJr2XCanCmWk9geIm8o0eONoJdx8972nlTxKK-sSMlf80dL1OkXvf9Rp8Zkr5iSpzlNsNtl5ZuB36eA6tNdg" />
    <input value="20320" 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%3D7">
    <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/sanaya-aroma-bachbluten-raumspray-atmosphere-100ml-bio-1-stuck-20321">
          <img alt="Sanaya Aroma &amp; Bachblüten Raumspray Atmosphere 100ml Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3bccd3019d035b41e050175361eb43d4.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3bccd3019d035b41e050175361eb43d4.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3bccd3019d035b41e050175361eb43d4.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3bccd3019d035b41e050175361eb43d4.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sanaya</p>
          <a href="/products/sanaya-aroma-bachbluten-raumspray-atmosphere-100ml-bio-1-stuck-20321">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanaya Aroma &amp; Bachblüten Raumspray Atmosphere 100ml Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VQWEXtuYNBPJj9WKKpBxVAq-_qN00cZwa0V54UE1bRH8q0DskQn6PZgo3HVLi3OVB6wtF-p7np3fO1S74CCRRA" />
    <input value="20321" 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%3D7">
    <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/tummzy-warmepflaster-5-stk-1-stuck-20328">
          <img alt="Tummzy Wärmepflaster 5 Stk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7546207229cd5269e08563de6cfb92e7.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7546207229cd5269e08563de6cfb92e7.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7546207229cd5269e08563de6cfb92e7.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7546207229cd5269e08563de6cfb92e7.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Tummzy</p>
          <a href="/products/tummzy-warmepflaster-5-stk-1-stuck-20328">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tummzy Wärmepflaster 5 Stk, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JFxqxsNELdrMtB368LkhdjRayFQo6RvPg3YLbewAFdKN8q50idXj9J0TFAWRoiO3OUgb4LZDQyI3CCY3TRXphw" />
    <input value="20328" 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%3D7">
    <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/intima-ziggy-cup-2-grosse-b-1-stuck-20384">
          <img alt="Intima Ziggy Cup 2 Grösse B" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/50251f5d811f69847ad6ada950afea4d.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/50251f5d811f69847ad6ada950afea4d.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/50251f5d811f69847ad6ada950afea4d.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/50251f5d811f69847ad6ada950afea4d.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Intima</p>
          <a href="/products/intima-ziggy-cup-2-grosse-b-1-stuck-20384">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Intima Ziggy Cup 2 Grösse B, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GQZDIB6R_lTRFDRaCx0jXFGIIwRi5KKj9M59f0cBWAGwqIeSVAAweoCzPaVqBiGdXJrwsPxO-k5AsFAl5hSkVA" />
    <input value="20384" 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%3D7">
    <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/intima-ziggy-cup-2-grosse-a-1-stuck-20385">
          <img alt="Intima Ziggy Cup 2 Grösse A" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/8a166cb955b32f4f13008b15862f74d3.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/8a166cb955b32f4f13008b15862f74d3.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/8a166cb955b32f4f13008b15862f74d3.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/8a166cb955b32f4f13008b15862f74d3.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Intima</p>
          <a href="/products/intima-ziggy-cup-2-grosse-a-1-stuck-20385">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Intima Ziggy Cup 2 Grösse A, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8SBYikp6gLJi4y_8bTG20YlBfpJBQddWh5ooL9_x35RYjpw4AOtOnDNEJgMMKrQQhFOtJt_rj7sz5AV1fuQjwQ" />
    <input value="20385" 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%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/sonett-waschmittel-oliven-wolle-seide-sensitiv-1l-1-stuck-20479">
          <img alt="Sonett Waschmittel Oliven Wolle Seide sensitiv 1l" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5616fa9937e03d4d3440d65266c49f76.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5616fa9937e03d4d3440d65266c49f76.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5616fa9937e03d4d3440d65266c49f76.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/5616fa9937e03d4d3440d65266c49f76.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Sonett</p>
          <a href="/products/sonett-waschmittel-oliven-wolle-seide-sensitiv-1l-1-stuck-20479">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sonett Waschmittel Oliven Wolle Seide sensitiv 1l, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R1u2Wk9n7N3Tnj0UBtZaxP7G6etpiD5lAxJaA76fl_fu9XLoBfYi84I5NOtnzVgF89Q6X_ciZoi3bHdZH4prog" />
    <input value="20479" 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%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/natracare-damenbinden-normal-ultra-mit-flugel-14-stk-1-stuck-20486">
          <img alt="Natracare Damenbinden normal Ultra mit Flügel 14 Stk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e4048e4e535881bc93a228eaf26dbb23.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e4048e4e535881bc93a228eaf26dbb23.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e4048e4e535881bc93a228eaf26dbb23.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/e4048e4e535881bc93a228eaf26dbb23.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Natracare</p>
          <a href="/products/natracare-damenbinden-normal-ultra-mit-flugel-14-stk-1-stuck-20486">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Natracare Damenbinden normal Ultra mit Flügel 14 Stk, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jNYyNqGiDVh1KsE1bWcfBScGZjf-0dSdeM6tGMvD5-ElePaE6zPDdiSNyMoMfB3EKhS1g2B7jHDMsIBCatYbtA" />
    <input value="20486" 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%3D7">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/organyc-baby-feuchtigkeitstucher-60stk-1-stuck-20487">
          <img alt="Organyc Baby-Feuchtigkeitstücher 60Stk" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9ee1e0007980a1b2c527aad940ffb459.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9ee1e0007980a1b2c527aad940ffb459.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9ee1e0007980a1b2c527aad940ffb459.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/9ee1e0007980a1b2c527aad940ffb459.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Organyc</p>
          <a href="/products/organyc-baby-feuchtigkeitstucher-60stk-1-stuck-20487">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Organyc Baby-Feuchtigkeitstücher 60Stk, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6nP8xOFbPigijDBDQmPMXwD88HKzBCgvd2QYxqNb9wpD3Th2q8rwBnMrObwjeM6eDe4jxi2ucMLDGjWcAk4LXw" />
    <input value="20487" 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%3D7">
    <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/happy-alpaca-socken-35-38-2stk-farbe-assortiert-1-stuck-20489">
          <img alt="Happy Alpaca Socken 35-38 2Stk Farbe assortiert" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7b87f535891369b0922f23009960db20.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7b87f535891369b0922f23009960db20.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7b87f535891369b0922f23009960db20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/7b87f535891369b0922f23009960db20.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">Happy Alpaca</p>
          <a href="/products/happy-alpaca-socken-35-38-2stk-farbe-assortiert-1-stuck-20489">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Happy Alpaca Socken 35-38 2Stk Farbe assortiert, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="y-Gz03xAejyjXx8BN1X3XN3ySRbUvPmF6Mulm71ZL_diT3dhNtG0EvL4Fv5WTvWd0OCaokoWoWhctYjBHEzTog" />
    <input value="20489" 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%3D7">
    <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/happy-alpaca-socken-39-42-2stk-farbe-assortiert-1-stuck-20490">
          <img alt="Happy Alpaca Socken 39-42 2Stk Farbe assortiert" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/28d34f6b9f4bb950d6cd8cb55b67411e.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/28d34f6b9f4bb950d6cd8cb55b67411e.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/28d34f6b9f4bb950d6cd8cb55b67411e.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/28d34f6b9f4bb950d6cd8cb55b67411e.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Happy Alpaca</p>
          <a href="/products/happy-alpaca-socken-39-42-2stk-farbe-assortiert-1-stuck-20490">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Happy Alpaca Socken 39-42 2Stk Farbe assortiert, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PNJo1LUUG4iEop1e05sXAP8LEzwt60vnuGatTiTft62VfKxm_4XVptUFlKGygBXB8hnAiLNBEwoMGIAUhcpL-A" />
    <input value="20490" 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%3D7">
    <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/happy-alpaca-socken-43-46-2stk-farbe-assortiert-1-stuck-20491">
          <img alt="Happy Alpaca Socken 43-46 2Stk Farbe assortiert" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/26fd140fef37910bb9d6adef978066ca.webp 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/26fd140fef37910bb9d6adef978066ca.webp 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/26fd140fef37910bb9d6adef978066ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/26fd140fef37910bb9d6adef978066ca.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">Happy Alpaca</p>
          <a href="/products/happy-alpaca-socken-43-46-2stk-farbe-assortiert-1-stuck-20491">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Happy Alpaca Socken 43-46 2Stk Farbe assortiert, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Cu8cc8PYw6vYqtpndfrJtYx5ibM4stX2-mRme-VufyejQdjBiUkNhYkN05gU4ct0gWtaB6YYjRtOGkshRHuDcg" />
    <input value="20491" 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%3D7">
    <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/rs-harmony-socken-35-38-2stk-farbe-assortiert-1-stuck-20492">
          <img alt="RS Harmony Socken 35-38 2Stk Farbe assortiert" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cd27af64270072979aa23d3640aec6a8.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cd27af64270072979aa23d3640aec6a8.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cd27af64270072979aa23d3640aec6a8.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/cd27af64270072979aa23d3640aec6a8.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">RS. Harmony</p>
          <a href="/products/rs-harmony-socken-35-38-2stk-farbe-assortiert-1-stuck-20492">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">RS Harmony Socken 35-38 2Stk Farbe assortiert, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Df77u_J7HGwtRQy-SR_eDaMR229-Kq-b4q0Cm0ghvBmkUD8JuOrSQnziBUEoBNzMrgMI2-CA93ZW0y_B6TRATA" />
    <input value="20492" 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%3D7">
    <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/rs-harmony-socken-39-42-2stk-farbe-assortiert-1-stuck-20493">
          <img alt="RS Harmony Socken 39-42 2Stk Farbe assortiert" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3d44e842b2a0c6e1e2f1d777651a201d.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3d44e842b2a0c6e1e2f1d777651a201d.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3d44e842b2a0c6e1e2f1d777651a201d.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/3d44e842b2a0c6e1e2f1d777651a201d.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">RS. Harmony</p>
          <a href="/products/rs-harmony-socken-39-42-2stk-farbe-assortiert-1-stuck-20493">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">RS Harmony Socken 39-42 2Stk Farbe assortiert, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D2z_32_ojBR-Mhm77O5h9hN9d-iInfVfjsF0jQzVdp2mwjttJXlCOi-VEESN9WM3Hm-kXBY3rbI6v1nXrcCKyA" />
    <input value="20493" 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%3D7">
    <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/rs-harmony-socken-43-46-2stk-farbe-assortiert-1-stuck-20494">
          <img alt="RS Harmony Socken 43-46 2Stk Farbe assortiert" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d566913844ffdbe7d88b631b2a0b15d9.jpg 600w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d566913844ffdbe7d88b631b2a0b15d9.jpg 900w, https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d566913844ffdbe7d88b631b2a0b15d9.jpg 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/cache_public/variant_asset/file/d566913844ffdbe7d88b631b2a0b15d9.jpg" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">RS. Harmony</p>
          <a href="/products/rs-harmony-socken-43-46-2stk-farbe-assortiert-1-stuck-20494">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">RS Harmony Socken 43-46 2Stk Farbe assortiert, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dn6tveoptJkZc5rypghFOGvRoCinXvAMbBL0-z5bYCjf0GkPoLh6t0jUkw3HE0f5ZsNznDn0qOHYbNmhn06cfQ" />
    <input value="20494" 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">
      138 von 138 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>