<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="/de/signup?return_to=%2Fde%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="/de/products/slipeinlagen-mini-30-stuck-20308">
          <img alt="Slipeinlagen mini" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10977/file/small-0381032b7be87e363903eeeef13a80d4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10977/file/medium-0929e604c95fd09fb2b541cf0993574d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10977/file/large-cce7cdb4dc3d81042fc351d1a207a62c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10977/file/medium-0929e604c95fd09fb2b541cf0993574d.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">Natracare</p>
          <a href="/de/products/slipeinlagen-mini-30-stuck-20308">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Slipeinlagen mini, 30 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 0.13 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="64jnLnyCyTaKuRPC63G9QExrFA9YwPRJOqAOkBgE1RYHGGFUqe9mkzU1SzETapYWWlqkcvZ3KBdIDwrF7l3_Lg" />
    <input value="20308" 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="/de/signup?return_to=%2Fde%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="/de/products/geschenkpackung-filz-pinguin-mit-schnupfnase-duftmischung-5-ml-20340">
          <img alt="Geschenkpackung Filz-Pinguin mit Schnupfnase Duftmischung" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11006/file/small-613df2ef20c3a69141ae30757ec6a5f7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11006/file/medium-0f2706bede0f58a6573b0777a9487026.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11006/file/large-ab27acf21825040d759e725eba105f1d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11006/file/medium-0f2706bede0f58a6573b0777a9487026.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/de/products/geschenkpackung-filz-pinguin-mit-schnupfnase-duftmischung-5-ml-20340">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Geschenkpackung Filz-Pinguin mit Schnupfnase Duftmischung, 5 ml</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 492.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d8dTChVCPMOnMjFDh8NvUz6fKD3oqDOyO_OaptgSnPubV9VwwC-TZhi-abB_2EQFKK6YQEYf7-xJXJ7zLku2ww" />
    <input value="20340" 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="/de/signup?return_to=%2Fde%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="/de/products/lavendel-roll-on-10-ml-20361">
          <img alt="Lavendel Roll-on" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11066/file/small-8d6ac8689f1d19d812f4a5ec571350a2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11066/file/medium-e46b309dd54f1b0a2147c73609b8bf55.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11066/file/large-af9d8724d0127b3103d835873802e646.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11066/file/medium-e46b309dd54f1b0a2147c73609b8bf55.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">AromaLife</p>
          <a href="/de/products/lavendel-roll-on-10-ml-20361">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lavendel Roll-on, 10 ml</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 145.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SjsJqpdhxOVvYtoMisG8fFlnG6SguVHqmRWDFrWV6CSmq4_QQgxrQNDugv9y2pcqT1ar2Q4OjbTruodDQ8zCHA" />
    <input value="20361" 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="/de/signup?return_to=%2Fde%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="/de/products/aroma-bachbluten-raumspray-zen-bio-100-ml-20388">
          <img alt="Aroma &amp; Bachblüten Raumspray Zen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11093/file/small-a09ec82854d1e120a4b25986a0cd425e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11093/file/medium-6521e5f8e565356c30c91445425e27c6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11093/file/large-8d632b1691bbcf7433fefa1cfb4b3efc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11093/file/medium-6521e5f8e565356c30c91445425e27c6.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">Sanaya</p>
          <a href="/de/products/aroma-bachbluten-raumspray-zen-bio-100-ml-20388">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aroma &amp; Bachblüten Raumspray Zen Bio, 100 ml</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 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yjUK3_zPl44lcWCSTCQBkxmMSl7bapTI0BJJnNJKVegmpYylKaI4K5r9OGG0PyrFD736I3XdSJaivU3JJBN_0A" />
    <input value="20388" 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="/de/signup?return_to=%2Fde%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="/de/products/aroma-bachbluten-raumspray-concentration-bio-100-ml-20389">
          <img alt="Aroma &amp; Bachblüten Raumspray Concentration Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11094/file/small-fe3389829cde0b859b7da4d2ac481fbb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11094/file/medium-3e1198bfd02dd9e4ae6c795d227b244f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11094/file/large-58a233defc35184a99a1424f7a98974e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11094/file/medium-3e1198bfd02dd9e4ae6c795d227b244f.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">Sanaya</p>
          <a href="/de/products/aroma-bachbluten-raumspray-concentration-bio-100-ml-20389">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aroma &amp; Bachblüten Raumspray Concentration Bio, 100 ml</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 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9C6oYhnD88OCYXgTa2nq_h5cgHH67jxpJ9Hum7Sy2PwYvi4YzK5cZj3tIOCTcsGoCG0wDFRZ4DdVfurOQuvyxA" />
    <input value="20389" 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="/de/signup?return_to=%2Fde%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="/de/products/aroma-bachbluten-raumspray-atmosphere-bio-100-ml-20390">
          <img alt="Aroma &amp; Bachblüten Raumspray Atmosphere Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11095/file/small-90ccb08f78725940d2ac1220a0fe5809.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11095/file/medium-1575f02c6a7feafa1ca49aa258dbe847.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11095/file/large-296b4b9b8311a64e30a6ffd16a65fcc9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11095/file/medium-1575f02c6a7feafa1ca49aa258dbe847.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">Sanaya</p>
          <a href="/de/products/aroma-bachbluten-raumspray-atmosphere-bio-100-ml-20390">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aroma &amp; Bachblüten Raumspray Atmosphere Bio, 100 ml</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 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UCWw2YaxGOeqzyFhuxVDTMZCojUfvHIn8CGdikAjiJS8tTajU9y3QhVDeZJDDmga0HMSSLELrnmCjpnftnqirA" />
    <input value="20390" 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="/de/signup?return_to=%2Fde%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="/de/products/warmepflaster-5-stuck-20397">
          <img alt="Wärmepflaster" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11102/file/small-d062c2c1813dd15ae04816104d76ccf8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11102/file/medium-568f40e9aec90208f843737391480a4c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11102/file/large-5615d476418eb32e56f7877de8c78c59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11102/file/medium-568f40e9aec90208f843737391480a4c.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">Tummzy</p>
          <a href="/de/products/warmepflaster-5-stuck-20397">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wärmepflaster, 5 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 4.58 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qZ3XTdddPloWco5CWpGudHxLbKLXa5xg_DRZoE3canBFDVE3AjCR_6n-1rGiioUianrc33ncQD6Om131u4VASA" />
    <input value="20397" 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="/de/signup?return_to=%2Fde%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="/de/products/ziggy-cup-2-grosse-b-1-stuck-20453">
          <img alt="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/public/variant_asset/11167/file/small-536321143da7f047362545d2ae9a23bb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11167/file/medium-4a6d1f5bd29799671c86b10a84c9f4dd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11167/file/large-f833871d5439cfdd8d6255acead56916.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11167/file/medium-4a6d1f5bd29799671c86b10a84c9f4dd.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">Intima</p>
          <a href="/de/products/ziggy-cup-2-grosse-b-1-stuck-20453">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-20453-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_QczClzSN894Snyp0FfgBn33LCZ4T6jO_JLwVSTgKHgRl7Vwib-YasfGJFooTMtQa8acW9b4dJCOPfQA0rkCQA" />
    <input value="20453" 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="/de/signup?return_to=%2Fde%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="/de/products/ziggy-cup-2-grosse-a-1-stuck-20454">
          <img alt="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/public/variant_asset/11169/file/small-be59b6f68e274fd2ee7225ca985a6d54.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11169/file/medium-078dc686fc4451ed40e71f04dd40331b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11169/file/large-8c7d4dad5eca6ec4f10eb5f9505d0556.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11169/file/medium-078dc686fc4451ed40e71f04dd40331b.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">Intima</p>
          <a href="/de/products/ziggy-cup-2-grosse-a-1-stuck-20454">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">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-20454-card">
        

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-P1qCEe206Jkzt_T-asIBxXfb4cHKHuxpdt57APnuYoUbexyktt8B9tChyABsCNRA-7f-qmfp-_XdH259b6Tsg" />
    <input value="20454" 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="/de/signup?return_to=%2Fde%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="/de/products/waschmittel-oliven-wolle-seide-sensitiv-1-l-20544">
          <img alt="Waschmittel Oliven Wolle Seide sensitiv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11286/file/small-cda611c2c382b4b6ae046811f08b023e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11286/file/medium-31cc553299c719c49de1e7118702de87.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11286/file/large-b5a916fe463598bc2e3e1de2ca186b4c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11286/file/medium-31cc553299c719c49de1e7118702de87.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="/de/products/waschmittel-oliven-wolle-seide-sensitiv-1-l-20544">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Waschmittel Oliven Wolle Seide sensitiv, 1 l</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 1.07 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cwZ-Elqy_ASeJRjCz9Bid8eWavmLl4EOiw-_pHxxCLWflvhoj99ToSGpQDE3y0kh0afahCUgXVD5oLvxiigijQ" />
    <input value="20544" 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="/de/signup?return_to=%2Fde%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="/de/products/damenbinden-normal-ultra-mit-flugel-14-stuck-20550">
          <img alt="Damenbinden normal Ultra mit Flügel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11294/file/small-0c4e375c09d1cd144fd513610ddcf027.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11294/file/medium-6109bf6b80faf5cc6423933b6be5c089.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11294/file/large-b996e255a1beef2424b54be974fdad18.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11294/file/medium-6109bf6b80faf5cc6423933b6be5c089.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">Natracare</p>
          <a href="/de/products/damenbinden-normal-ultra-mit-flugel-14-stuck-20550">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Damenbinden normal Ultra mit Flügel, 14 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 0.40 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ULUaSLXJ5r0lrNib_2hZ6Fjwxzd406kSQq5or8PJwka8JZwyYKRJGJoggGgHc3K-TsF3StZkdUwwAWz6NZDofg" />
    <input value="20550" 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="/de/signup?return_to=%2Fde%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="/de/products/baby-feuchtigkeitstucher-60-stuck-20551">
          <img alt="Baby-Feuchtigkeitstücher" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11296/file/small-633231f4012ae70fd237a5e70b9928a7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11296/file/medium-18e08c3bae1a798034a076fdf76076d3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11296/file/large-44160631956e25b79351dccf39c1f370.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11296/file/medium-18e08c3bae1a798034a076fdf76076d3.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Organyc</p>
          <a href="/de/products/baby-feuchtigkeitstucher-60-stuck-20551">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baby-Feuchtigkeitstücher, 60 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 0.11 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Pq49jqBA-wyzFMz20EucMy6M28tli91ZAHocGcf4w97SPrv0dS1UqQyYlAUoULdlOL1rtss8AQdy1RhMMaHp5g" />
    <input value="20551" 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="/de/signup?return_to=%2Fde%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="/de/products/socken-35-38-farbe-assortiert-2-stuck-20553">
          <img alt="Socken 35-38 Farbe assortiert" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11303/file/small-1014efa5c9f95164df47d3d4bc776ce4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11303/file/medium-852100ec5122d59a9b2cb61714f82aaa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11303/file/large-7262328a60c4347e49533eba817dfa6e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11303/file/medium-852100ec5122d59a9b2cb61714f82aaa.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="/de/products/socken-35-38-farbe-assortiert-2-stuck-20553">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Socken 35-38 Farbe assortiert, 2 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 9.30 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P2FzE00bZCSKtqoV13UsZIukoquJAmCe2MBA_adzpGnT8fVpmHbLgTU68uYvbgcynZUS1ie1vMCqb0SoUSqOUQ" />
    <input value="20553" 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="/de/signup?return_to=%2Fde%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="/de/products/socken-39-42-farbe-assortiert-2-stuck-20554">
          <img alt="Socken 39-42 Farbe assortiert" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11298/file/small-951548c4f23839937d0b28a39e80eb55.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11298/file/medium-7bb80c295b8829c294e2948f49537305.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11298/file/large-0d9d16294e96fb086557c372f9411e74.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11298/file/medium-7bb80c295b8829c294e2948f49537305.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="/de/products/socken-39-42-farbe-assortiert-2-stuck-20554">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Socken 39-42 Farbe assortiert, 2 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 9.30 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PhKsxw1nbCsXdmhiKwa4KkTt1GpzGIXc3M68vHITVWDSgiq92ArDjqj6MJHTHZN8UtxkF92vWYKuYbjphEp_WA" />
    <input value="20554" 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="/de/signup?return_to=%2Fde%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="/de/products/socken-43-46-farbe-assortiert-2-stuck-20555">
          <img alt="Socken 43-46 Farbe assortiert" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11302/file/small-504c5bbb22926a5d347142802b8947e8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11302/file/medium-674a4491205d1ab2676170734aaf93ce.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11302/file/large-42531e16bc68dea848c9e083d672454c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11302/file/medium-674a4491205d1ab2676170734aaf93ce.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="/de/products/socken-43-46-farbe-assortiert-2-stuck-20555">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Socken 43-46 Farbe assortiert, 2 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 9.30 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TQ9Cz9x1mCFnS8K_holO8ep-ffCva2Qtk0TH-qefrwahn8S1CRg3hNjHmkx-kmWn_E_NjQHcuHPh68OvUcaFPg" />
    <input value="20555" 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="/de/signup?return_to=%2Fde%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="/de/products/rs-harmony-socken-35-38-farbe-assortiert-2-stuck-20556">
          <img alt="RS Harmony Socken 35-38 Farbe assortiert" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11300/file/small-bed82015ff9ed03834982a268da36eba.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11300/file/medium-e81e7825869872213c9935e34c5c0651.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11300/file/large-bc2ed71bb7470d5dd9fa3871753cb34c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11300/file/medium-e81e7825869872213c9935e34c5c0651.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">RS. Harmony</p>
          <a href="/de/products/rs-harmony-socken-35-38-farbe-assortiert-2-stuck-20556">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">RS Harmony Socken 35-38 Farbe assortiert, 2 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 9.75 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dMRSXnYRqquM3lhJl76TRuh71dxgJD18L6LSQAHt02uYVNQko3wFDjNSALpvpbgQ_kploc6T4SJdDdYV97T5Uw" />
    <input value="20556" 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="/de/signup?return_to=%2Fde%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="/de/products/rs-harmony-socken-39-42-farbe-assortiert-2-stuck-20557">
          <img alt="RS Harmony Socken 39-42 Farbe assortiert" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11299/file/small-d365de2ef22520aea64ab2a8eb42e8e6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11299/file/medium-fa313127d6af3dad8b83b60ea9c0b6ea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11299/file/large-23aa3020dab433c08e0a70dfa851973a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11299/file/medium-fa313127d6af3dad8b83b60ea9c0b6ea.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">RS. Harmony</p>
          <a href="/de/products/rs-harmony-socken-39-42-farbe-assortiert-2-stuck-20557">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">RS Harmony Socken 39-42 Farbe assortiert, 2 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 9.75 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QPTmF68W_joDDLv9yycDHtjIv7TdM94HN56j0Hzf5A2sZGBtentRn7yA4w4zPChIzvkPyXOEAllFMaeFiobONQ" />
    <input value="20557" 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="/de/signup?return_to=%2Fde%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="/de/products/rs-harmony-socken-43-46-farbe-assortiert-2-stuck-20558">
          <img alt="RS Harmony Socken 43-46 Farbe assortiert" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11301/file/small-2600c8a9fb905dd0da24deeea00ddc57.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11301/file/medium-4d927a3a8c330043937ad28f311b5d02.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11301/file/large-19091ae080e13b0be95a3c4eca784760.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11301/file/medium-4d927a3a8c330043937ad28f311b5d02.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">RS. Harmony</p>
          <a href="/de/products/rs-harmony-socken-43-46-farbe-assortiert-2-stuck-20558">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">RS Harmony Socken 43-46 Farbe assortiert, 2 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 9.75 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/de/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_w9ihbKPB0TpXovMPi3mPuO4MetWd716QNGAopYXN6UTn-T_Z-Ko4VbS0z_GNs1o9YmBlvjAYSQyfoT3YE4dnQ" />
    <input value="20558" 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>