<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%2Fibons%3Fformat%3Dturbo_stream%26page%3D123">
    <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/porridge-mit-b12-gekeimt-chbio-775-g-20021">
          <img alt="Porridge mit B12 gekeimt CHBio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10725/file/small-47d52ecbebb535ab96b4c662c4508786.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10725/file/medium-2d55f2e0ad943ea22d7370bf66456caa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10725/file/large-6cc5fb21ed464dca2c3a5a8583fac3c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10725/file/medium-2d55f2e0ad943ea22d7370bf66456caa.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">NaturKraftWerke</p>
          <a href="/products/porridge-mit-b12-gekeimt-chbio-775-g-20021">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Porridge mit B12 gekeimt CHBio, 775 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a2a8pI1_YPS3SH-EkG5l6Jxl4k7ICd1tPwvPTxYU8vbBgxL3BoHKjQ-vnwPEmEEqKPxJfljteR8zHpCkboc3TA" />
    <input value="20021" 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%2Fibons%3Fformat%3Dturbo_stream%26page%3D123">
    <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/sauerkraut-roh-bio-250-g-20022">
          <img alt="Sauerkraut roh Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10726/file/small-596d5f0ffe4bdcd7f0adbe028d09a6d8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10726/file/medium-3a3ac25adc55389ddca022cb96d60832.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10726/file/large-b500f5badc9a3f0038888441b08d7a8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10726/file/medium-3a3ac25adc55389ddca022cb96d60832.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">Schöni</p>
          <a href="/products/sauerkraut-roh-bio-250-g-20022">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauerkraut roh Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bZdWiLirO2hHmYvO5W_o_07U3qCjVEWNdpWZEVVE4OLHcvjbM1WREf9-a0mxmcw9-k11kDOw4f96gMb6LdclWA" />
    <input value="20022" 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%2Fibons%3Fformat%3Dturbo_stream%26page%3D123">
    <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/arowe-altstadt-senf-bio-180-g-20023">
          <img alt="Arowe Altstadt Senf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10727/file/small-9a730100f17e847196fc2dc414fe11ca.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10727/file/medium-085d67882e9f866711fdf64bcf61977c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10727/file/large-824b61848ac5ed70db8e4c73ae432322.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10727/file/medium-085d67882e9f866711fdf64bcf61977c.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">Chalira</p>
          <a href="/products/arowe-altstadt-senf-bio-180-g-20023">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Arowe Altstadt Senf Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hjAHPgmPPDyLPMRL7s-77ZwjdNGzzZLL46CDQEM4D6Us1altgnGWRTPbJMy6OZ8vKLrf4SMpNrnvtdyrO6vKHw" />
    <input value="20023" 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%2Fibons%3Fformat%3Dturbo_stream%26page%3D123">
    <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/mythos-biersenf-bio-120-g-20024">
          <img alt="Mythos Biersenf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10730/file/small-02914e8fba8b66b938dfbf1c9a1f550d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10730/file/medium-733d9e2ca012798d61dc4e781104ce30.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10730/file/large-7cc0659656042d03330585538a8cd1df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10730/file/medium-733d9e2ca012798d61dc4e781104ce30.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">Chalira</p>
          <a href="/products/mythos-biersenf-bio-120-g-20024">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mythos Biersenf Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gI4XtPm71bFM9GOFlNjeehjr9PlYRcoA5s8SrGBYjGQqa7nnckV_yPQTgwLALvq4rHJfycihbnLq2k1HGMtJ3g" />
    <input value="20024" 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%2Fibons%3Fformat%3Dturbo_stream%26page%3D123">
    <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/okolo-senfkaviar-bio-120-g-20025">
          <img alt="Okolo Senfkaviar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10731/file/small-f9d0456e749bebc2f40a73ef56523fbc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10731/file/medium-701ec71bcbd7833eb5dfb32992691cd5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10731/file/large-7e0f39c0efa2b017f538dff95fd6ebb2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10731/file/medium-701ec71bcbd7833eb5dfb32992691cd5.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">Chalira</p>
          <a href="/products/okolo-senfkaviar-bio-120-g-20025">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Okolo Senfkaviar Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0HucWfVzhUXyxt35XtqPgw_WFAAKdW73qrxk7u7n35p6njIKfo0vPEohPX4KLKtBu0-_MJqRyoWmqTsFlnQaIA" />
    <input value="20025" 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%2Fibons%3Fformat%3Dturbo_stream%26page%3D123">
    <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/don-juan-grillsenf-bio-120-g-20026">
          <img alt="Don Juan Grillsenf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10732/file/small-45fa20147043fecb2a563b5b0ff540bf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10732/file/medium-b50029afe0d2ef79200a9a08d87fa709.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10732/file/large-f0996b575a873ae6894aa2b236caa063.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10732/file/medium-b50029afe0d2ef79200a9a08d87fa709.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">Chalira</p>
          <a href="/products/don-juan-grillsenf-bio-120-g-20026">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Don Juan Grillsenf Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wDxK2F-aIy5cWAE3onpWdy-fmV6al3qmGZgGCvsQjK1q2eSL1GSJV-S_4bD2jHK1mwYybgpz3tQVjVnhg4NJFw" />
    <input value="20026" 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%2Fibons%3Fformat%3Dturbo_stream%26page%3D123">
    <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/tanguero-randensenf-bio-120-g-20027">
          <img alt="Tanguero Randensenf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10733/file/small-eb3fdd2c6046fd8da072d960c5a1fac8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10733/file/medium-4c3beb9de8dcacff762db3aafcf48dd1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10733/file/large-538728b9d1fe845a6d2814cb1353fadb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10733/file/medium-4c3beb9de8dcacff762db3aafcf48dd1.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">Chalira</p>
          <a href="/products/tanguero-randensenf-bio-120-g-20027">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tanguero Randensenf Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yl-Rd-50ScuqrljbygIZ2UFtv-pwr1r85TkaSda7SLVguj8kZYrjshJJuFye9D0b9fQU2uBL_o7pLEWiriiNDw" />
    <input value="20027" 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%2Fibons%3Fformat%3Dturbo_stream%26page%3D123">
    <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/vitaminbrot-konv-250-g-20028">
          <img alt="Vitaminbrot konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10736/file/small-92e05026b07cbd6a2a72420bcbc329bd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10736/file/medium-0a33d7b60c1345daad3fd26994026624.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10736/file/large-d55c6df11d3fb6169bc9228001f744d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10736/file/medium-0a33d7b60c1345daad3fd26994026624.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">Schär</p>
          <a href="/products/vitaminbrot-konv-250-g-20028">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitaminbrot konv, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4cvbeYmsw1SH1bDRXXQQ3JAzuqrIMkznuWg1pZ-6prBLLnUqAlJpLT8yUFYJgjQeJKoRmljW6JW1fWpO5yljCg" />
    <input value="20028" 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%2Fibons%3Fformat%3Dturbo_stream%26page%3D123">
    <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/pill-kosmetik-sonnenspray-kids-lsf50-200-ml-20029">
          <img alt="Pill Kosmetik - Sonnenspray Kids LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10737/file/small-aab1f2a638baa197b7de6e69e1fe21a3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10737/file/medium-d25a8be9e3159a80db32f99bef72a7df.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10737/file/large-5dcdbceed140ed37f4b17880777514ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10737/file/medium-d25a8be9e3159a80db32f99bef72a7df.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-sonnenspray-kids-lsf50-200-ml-20029">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnenspray Kids LSF50+, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fhgAZnMZB-Xae74Yxk3qswcJTRAY8pH7kGInN3lvi2fU_a41-OetnGKcXp-Su85xs5DmIIgWNYmcd3jcAfxO3Q" />
    <input value="20029" 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%2Fibons%3Fformat%3Dturbo_stream%26page%3D123">
    <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/pill-kosmetik-sonnenmilch-kids-lsf50-200-ml-20030">
          <img alt="Pill Kosmetik - Sonnenmilch Kids LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10738/file/small-6773ea636dd861900161dd9ee7cf5a89.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10738/file/medium-0395fc1780b27f95f5ca0fa76650adb1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10738/file/large-e9c9a089e19ccce9d75ee69c012b9566.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10738/file/medium-0395fc1780b27f95f5ca0fa76650adb1.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-sonnenmilch-kids-lsf50-200-ml-20030">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnenmilch Kids LSF50+, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 40.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4796ZMwE3rvf3_Rhe0nxtV0QGci6suyiLrPAFxxGkT1JWtQ3R_p0wmc4FOYvv9V36Ymy-CpWSNAipp_8ZNVUhw" />
    <input value="20030" 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%2Fibons%3Fformat%3Dturbo_stream%26page%3D123">
    <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/pill-kosmetik-sonnenmilch-lsf50-200-ml-20031">
          <img alt="Pill Kosmetik - Sonnenmilch LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10739/file/small-474a2c97031d4b6b9231404c02d45b72.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10739/file/medium-205006a936b91f97f028e2398f1914d9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10739/file/large-4487a9b8b297b53acdccfa0b31619aab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10739/file/medium-205006a936b91f97f028e2398f1914d9.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-sonnenmilch-lsf50-200-ml-20031">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnenmilch LSF50+, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VvpEpZ4cPECLWgzGvYgD-tfEOdEdDooDqFCc5dCKus78H-r2FeKWOTO97EHpfic4Y12S4Y3qLnGkRcMOqBl_dA" />
    <input value="20031" 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%2Fibons%3Fformat%3Dturbo_stream%26page%3D123">
    <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/pill-kosmetik-sonnen-gesichtscreme-reichhaltig-lsf50-50-ml-20032">
          <img alt="Pill Kosmetik - Sonnen Gesichtscreme reichhaltig LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10740/file/small-b8556e99e407ada3b50c479d99e3541f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10740/file/medium-1cfd2d220496fd18bd2cbb9ae21d2372.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10740/file/large-9ff6f1f51da79d33d455373db3584d51.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10740/file/medium-1cfd2d220496fd18bd2cbb9ae21d2372.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-sonnen-gesichtscreme-reichhaltig-lsf50-50-ml-20032">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnen Gesichtscreme reichhaltig LSF50+, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A4-QO_SFpgpQZeOGx7YW50x5PoSZxiXDpx13V-AztTGpaj5of3sMc-iCAwGTQDIl-OCVtAkigbGrCCi8mKBwiw" />
    <input value="20032" 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%2Fibons%3Fformat%3Dturbo_stream%26page%3D123">
    <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/pill-kosmetik-sonnen-gesichtscreme-leicht-lsf50-50-ml-20033">
          <img alt="Pill Kosmetik - Sonnen Gesichtscreme leicht LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10741/file/small-683b5953deb325abb6733e7999de9636.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10741/file/medium-f12ec095afb4fe609b7bf6e8b34d9b7c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10741/file/large-45c39e9ded061c58b3a029ce0c688ea2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10741/file/medium-f12ec095afb4fe609b7bf6e8b34d9b7c.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-sonnen-gesichtscreme-leicht-lsf50-50-ml-20033">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnen Gesichtscreme leicht LSF50+, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rUFrYVRwBuStqmYuqGc0Cbu54bJjWz3R65jcOrte_JEHpMUy346snRVNhqn8kRDLDyBKgvO_maPnjYPRw805Kw" />
    <input value="20033" 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%2Fibons%3Fformat%3Dturbo_stream%26page%3D123">
    <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/pill-kosmetik-sonnenstick-lsf50-12-ml-20034">
          <img alt="Pill Kosmetik - Sonnenstick LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10742/file/small-b72a8f4ec36fc41a5b742c4af879e1c7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10742/file/medium-88273c248ccdcb56d19b7f310a727b29.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10742/file/large-89f0bf51b4b738ba0904f63898085404.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10742/file/medium-88273c248ccdcb56d19b7f310a727b29.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-sonnenstick-lsf50-12-ml-20034">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnenstick LSF50+, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="l-XMMGeOrorBhp0n3MMmMWJFFaq3-ViS08MNtiAI6Kw9AGJj7HAE83lhfaCINQLz1ty-micd_ODf1lJdWJstFg" />
    <input value="20034" 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%2Fibons%3Fformat%3Dturbo_stream%26page%3D123">
    <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/pill-kosmetik-sonnen-lippenpflegestick-lsf50-4-5-ml-20035">
          <img alt="Pill Kosmetik - Sonnen Lippenpflegestick LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10743/file/small-f394c1bc9187843fc90d99171f63f053.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10743/file/medium-6f362696e361118fb40a5816ae60f7c9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10743/file/large-871c18672acc31f485b601cbeb9c3e1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10743/file/medium-6f362696e361118fb40a5816ae60f7c9.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-sonnen-lippenpflegestick-lsf50-4-5-ml-20035">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnen Lippenpflegestick LSF50+, 4.5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O60OJcweKyfEmUVj4Q-D7XPdq4rPLDPQ63xgNiarP8qRSKB2R-CBXnx-peS1-acvx0QAul_Il6LnaT_dXjj6cA" />
    <input value="20035" 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%2Fibons%3Fformat%3Dturbo_stream%26page%3D123">
    <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/pill-kosmetik-gesichtsserum-after-sun-50-ml-20036">
          <img alt="Pill Kosmetik - Gesichtsserum After Sun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10747/file/small-6293968cf0811284788255d99134a460.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10747/file/medium-8b5dc1465cf0c998ba72d815d92cfbc2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10747/file/large-ef3b28acaa6df0dbea4bbc070d7256f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10747/file/medium-8b5dc1465cf0c998ba72d815d92cfbc2.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-gesichtsserum-after-sun-50-ml-20036">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Gesichtsserum After Sun, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xAZtrr5qYBgx_dGyQh2sxQvEnHPeW0aHER7kEtpnNyRu48P9NZTKYYkaMTUW64gHv103Q06_4vUdC7v5ovTyng" />
    <input value="20036" 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%2Fibons%3Fformat%3Dturbo_stream%26page%3D123">
    <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/pill-kosmetik-lippenschutz-stick-4-5-ml-20037">
          <img alt="Pill Kosmetik - Lippenschutz Stick" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10748/file/small-dfefa581772df56a138fe5082e392512.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10748/file/medium-449dda3975c3e11c35b2a6c6e0816b08.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10748/file/large-a60b86ff34bea276fc0cd5b3d6fb7886.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10748/file/medium-449dda3975c3e11c35b2a6c6e0816b08.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-lippenschutz-stick-4-5-ml-20037">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Lippenschutz Stick, 4.5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sYb-7uMfESPPPY1GItOIkeu8LuTk0RQHEILm8usXk1wbY1C9aOG7WnfabcF2JaxTXyWF1HQ1sHUcl7kZk4RW5g" />
    <input value="20037" 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%2Fibons%3Fformat%3Dturbo_stream%26page%3D123">
    <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/pill-kosmetik-starkende-creme-mit-pro-prabiotika-50-ml-20038">
          <img alt="Pill Kosmetik - Stärkende Creme mit Pro- &amp; Präbiotika" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10749/file/small-4c3e62bddcebb8f97a88aef9cad36d4a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10749/file/medium-53611fb1998b0a4712880cf371535de0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10749/file/large-f27c7cb369b8f787c4ce9dcff7c7c5e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10749/file/medium-53611fb1998b0a4712880cf371535de0.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-starkende-creme-mit-pro-prabiotika-50-ml-20038">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Stärkende Creme mit Pro- &amp; Präbiotika, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ciS7EIKz5PNWtlkAmKz7zRdxhQK4AyLypQZUxmkYQFjYwRVDCU1Oiu5RuYfMWt8Po-guMijnhoCpEwstEYuF4g" />
    <input value="20038" 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%2Fibons%3Fformat%3Dturbo_stream%26page%3D123">
    <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/pill-kosmetik-ceramide-hautverdichtende-creme-leichte-textur-50-ml-20039">
          <img alt="Pill Kosmetik - Ceramide hautverdichtende Creme leichte Textur" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10750/file/small-2b3b032145334fa2e5d26f1309299aff.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10750/file/medium-95e958a98cfa71e9027edbfc53b162cc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10750/file/large-779d4ea93a28ff9c24b4b6a583ac1da7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10750/file/medium-95e958a98cfa71e9027edbfc53b162cc.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-ceramide-hautverdichtende-creme-leichte-textur-50-ml-20039">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Ceramide hautverdichtende Creme leichte Textur, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 51.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TKpQx3FDi-DOkpPoiRCPv4Kmh5S_hP5Iv_SWGRbNDrvmT_6U-r0hmXZ1c2_d5qt9Nj8spC9gWjqz4cnybl7LAQ" />
    <input value="20039" 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%2Fibons%3Fformat%3Dturbo_stream%26page%3D123">
    <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/pill-kosmetik-lifting-creme-mit-prokollagensaure-reichhaltige-textur-50-ml-20040">
          <img alt="Pill Kosmetik - Lifting Creme mit Prokollagensäure reichhaltige Textur" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10751/file/small-a24d850596e1bbf2288f003013169458.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10751/file/medium-4dfef931a9225d7f684a86ab3350b1e2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10751/file/large-d43349fac08fd20cb25e3f9e25af867e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10751/file/medium-4dfef931a9225d7f684a86ab3350b1e2.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">Unicosmed</p>
          <a href="/products/pill-kosmetik-lifting-creme-mit-prokollagensaure-reichhaltige-textur-50-ml-20040">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Lifting Creme mit Prokollagensäure reichhaltige Textur, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 46.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wDFKLNSqG9SYkMpG-h37pzh4tpkv_dD_iTcOH4QQ4EZq1OR_X1SxrSB3KsGu699ljOEdqb8ZdI2FIlH0_IMl_A" />
    <input value="20040" 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">
      2&#39;460 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/ibons?format=turbo_stream&amp;page=124">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>