<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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D124">
    <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-aktivstoff-koffein-5-20-ml-20041">
          <img alt="Pill Kosmetik - Aktivstoff Koffein 5%" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10752/file/small-caa5c70b03ab1ebe991763e5b004d6ad.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10752/file/medium-4af8ff24981ddb83171d9258384a32f9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10752/file/large-934df1eb95890fd313941743a1eb660e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10752/file/medium-4af8ff24981ddb83171d9258384a32f9.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-aktivstoff-koffein-5-20-ml-20041">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Aktivstoff Koffein 5%, 20 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 166.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A0XtgBMJIVD95eAh0v2URleYnOznzBPEb9yPFgMZ_aVk-hTKUDToqcUDu1gnfQmet9sNgorXwx9OaE0oviwaGA" />
    <input value="20041" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D124">
    <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-aktivstoff-niacinamid-10-20-ml-20042">
          <img alt="Pill Kosmetik - Aktivstoff Niacinamid 10%" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10753/file/small-3c2639c297cb5f64139eb6fb88c0a997.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10753/file/medium-43e360920321b072e423d879bc9c2fea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10753/file/large-84c74fb926a76428f3ff5477cb0ff708.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10753/file/medium-43e360920321b072e423d879bc9c2fea.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-aktivstoff-niacinamid-10-20-ml-20042">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Aktivstoff Niacinamid 10%, 20 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 166.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X2YIntfHmym24JwZWvHkdkZ2a6BoYxuwULJ75stmMLM42fHUlPpS0I4Gx2CvcXmupjX6zgV4y2txBrnYdlPXDg" />
    <input value="20042" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D124">
    <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-aktivstoff-mandelsaure-aha-10-20-ml-20043">
          <img alt="Pill Kosmetik - Aktivstoff Mandelsäure AHA 10%" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10754/file/small-132dae2d2e4b34c56ce0b14f69a7987f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10754/file/medium-25d036ef80919702a1b7ec1db3944608.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10754/file/large-cbc2e0067ef35dc4b20babbb68356d0d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10754/file/medium-25d036ef80919702a1b7ec1db3944608.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-aktivstoff-mandelsaure-aha-10-20-ml-20043">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Aktivstoff Mandelsäure AHA 10%, 20 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 166.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LCNk4zJy__hhD1XEFJO_4XMyCeJItOYSV7xAJMfVVvVLnJ2pcU82AVnpDr3hEyI5k3GYjCWvNsl2CIIaeuCxSA" />
    <input value="20043" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D124">
    <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-aktivstoff-vitamin-c-20-20-ml-20044">
          <img alt="Pill Kosmetik - Aktivstoff Vitamin C 20%" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10755/file/small-5f993a13baf3e3628b3b1e0eeec736ac.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10755/file/medium-416f9e097adc82d9d4722a3b0fa91434.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10755/file/large-71664c505fc3235b006aacf637ca7d63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10755/file/medium-416f9e097adc82d9d4722a3b0fa91434.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-aktivstoff-vitamin-c-20-20-ml-20044">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Aktivstoff Vitamin C 20%, 20 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 166.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bLk54gbDm7YoEF18L8TpqwTKaBPmGggwCY_aH-2uDPQLBsCoRf5STxD2BgXaRHRz5In5fYsB2OsoOxghUJvrSQ" />
    <input value="20044" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D124">
    <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-aktivstoff-argireline-btx-10-20-ml-20045">
          <img alt="Pill Kosmetik - Aktivstoff Argireline BTX 10%" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10756/file/small-97a236b7c13f16125d36a551aced1e7c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10756/file/medium-c21d83301f75bbe39ffa282ffceadefb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10756/file/large-4c419a63c7ffff366069a06cb6e5e28e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10756/file/medium-c21d83301f75bbe39ffa282ffceadefb.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-aktivstoff-argireline-btx-10-20-ml-20045">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Aktivstoff Argireline BTX 10%, 20 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 166.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U7_o5yAlu9IjN6bdAU0YUeYThZ9m67xvwoQajeBiDOI0ABGtYxhyKxvR_aT0zYWJBlAU8QvwbLTjMNizXVfrXw" />
    <input value="20045" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D124">
    <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-aktivstoff-vitamin-e-75-20-ml-20046">
          <img alt="Pill Kosmetik - Aktivstoff Vitamin E 75%" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10757/file/small-fa92eafea2379d07857508d3964ee29c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10757/file/medium-20d0854b1d53d42f2a3a950a675da3d3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10757/file/large-775638fbc097cae56b8f503ad2040dbf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10757/file/medium-20d0854b1d53d42f2a3a950a675da3d3.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-aktivstoff-vitamin-e-75-20-ml-20046">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Aktivstoff Vitamin E 75%, 20 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 166.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2rErJPdZREqT_uubpB2OcBpqtWelvm0ujJvsvUiB2uu9DtJutGSNs6sYsOJRnROo-ikkCcilvfWtLy6D9bQ9Vg" />
    <input value="20046" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D124">
    <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-aktivstoff-retinol-0-3-20-ml-20047">
          <img alt="Pill Kosmetik - Aktivstoff Retinol 0.3%" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10758/file/small-d16f645022a4d031ea9c7427265c7069.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10758/file/medium-bc7eb99c6d16eed6680fc0d11a81a1e1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10758/file/large-e16f5b3c69164bb5f9eb54377f72da30.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10758/file/medium-bc7eb99c6d16eed6680fc0d11a81a1e1.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-aktivstoff-retinol-0-3-20-ml-20047">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Aktivstoff Retinol 0.3%, 20 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 166.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="D_T6fcdvN7zFC1ZjVEQvX6FwlWxLA8EOrii0cSukPYRoSwM3hFL-Rf3tDRqhxLKHQTMEAiYYEdWPnHZPlpHaOQ" />
    <input value="20047" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D124">
    <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-hyaluron-sanftes-peeling-30-ml-20048">
          <img alt="Pill Kosmetik - Hyaluron Sanftes Peeling" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10759/file/small-a96e67c5724a523e4cfd8f01a43333a7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10759/file/medium-bb1eeec564ad2bc1bbbbf6f8801a4d5c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10759/file/large-2440005829125c19792250dc3388f1f1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10759/file/medium-bb1eeec564ad2bc1bbbbf6f8801a4d5c.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-hyaluron-sanftes-peeling-30-ml-20048">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Hyaluron Sanftes Peeling, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 50.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FpzMn4iz5TFn8PimUtaUyMI6SJ5a2fzV8ayZ3u3c_35xIzXVy44syF8Wo9-nVgkQInnZ8DfCLA7QGFvgUOkYww" />
    <input value="20048" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D124">
    <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-anti-pigment-konzentrat-30-ml-20049">
          <img alt="Pill Kosmetik - Anti-Pigment Konzentrat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10760/file/small-967f0e10a434f29995712d44fcdebdba.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10760/file/medium-e23862d388a74d708a450b0d9b81cc9e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10760/file/large-81cf71e929d566a002475d772beb0372.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10760/file/medium-e23862d388a74d708a450b0d9b81cc9e.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-anti-pigment-konzentrat-30-ml-20049">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Anti-Pigment Konzentrat, 30 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 46.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4CvInzFGqEkCgUBr2s069srCZrDLjh6nbGQ7XNGAgViHlDHVcnthsDpnGxIvTacuKoH33qaVznxN0PlibLVm5Q" />
    <input value="20049" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D124">
    <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-feuchtigkeitscreme-fur-den-mann-mit-hyaluronsaure-50-ml-20050">
          <img alt="Pill Kosmetik - Feuchtigkeitscreme für den Mann mit Hyaluronsäure" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10761/file/small-9047bdd322659319fd7eebcd50200de5.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10761/file/medium-5660ce7b5975cabc29038746e8359ae7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10761/file/large-45607f1e057fafd06818bd6624865f39.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10761/file/medium-5660ce7b5975cabc29038746e8359ae7.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-feuchtigkeitscreme-fur-den-mann-mit-hyaluronsaure-50-ml-20050">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Feuchtigkeitscreme für den Mann mit Hyaluronsäure, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oRuJXbdRcRqLiA_qGBX-BvrunVOzO1fcE8Bveaybwb_GpHAX9Gy447NuVJPtlWPeGq0MPd4ghwcydK1HEa4mAg" />
    <input value="20050" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D124">
    <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-klarende-gesichtsmaske-75-ml-20051">
          <img alt="Pill Kosmetik - klärende Gesichtsmaske" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10762/file/small-dea1bde3769b2cd447cbab62994a6960.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10762/file/medium-f9f20c8e5693b4e734e4a9556d72b086.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10762/file/large-1030647fc3ac805948ebd25666ff98a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10762/file/medium-f9f20c8e5693b4e734e4a9556d72b086.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-klarende-gesichtsmaske-75-ml-20051">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - klärende Gesichtsmaske, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 30.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6sKRbDbmGGh7b5Ik8N_6RBdtwKXso0gJJ7OQ-FGULpqNfWgmddvRkUOJyV0FX2ec9y5Ry4G4mNIGB1LG7KHJJw" />
    <input value="20051" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D124">
    <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-enzym-peeling-75-ml-20052">
          <img alt="Pill Kosmetik - Enzym Peeling" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10763/file/small-2880e68c82b5b2867e964bbaef28f48b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10763/file/medium-a087ef60f584b1f9fa45c9adef4bce39.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10763/file/large-7aa105c6dbc1e7b84ca05393865ab113.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10763/file/medium-a087ef60f584b1f9fa45c9adef4bce39.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-enzym-peeling-75-ml-20052">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Enzym Peeling, 75 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="H5_QQoyZzDYpBMmVZcbCYnX-0u1fezFQpxbUNZnEKtR4ICkIz6QFzxHikuyQRl-6lb1DgzJg4YuGohYLJPHNaQ" />
    <input value="20052" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D124">
    <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-belebende-reinigungsmilch-200-ml-20053">
          <img alt="Pill Kosmetik - Belebende Reinigungsmilch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10764/file/small-25c5f1db07e9734c7bf851fb8135fa2d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10764/file/medium-e8326c90369a5ec51f2da94a8e5573d3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10764/file/large-3eccfa4f71c8b79b38084dfbff57091f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10764/file/medium-e8326c90369a5ec51f2da94a8e5573d3.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-belebende-reinigungsmilch-200-ml-20053">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Belebende Reinigungsmilch, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OmfEq9gYRgfOLI-bJq34qOIaRyrH3-PcmqwtbtPRzKtd2D3hmyWP_vbK1OLTLWVwAlnWRKrEMwe7GO9QbuQrFg" />
    <input value="20053" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D124">
    <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-hyaluron-reinigungsschaum-150-ml-20054">
          <img alt="Pill Kosmetik - Hyaluron Reinigungsschaum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10765/file/small-e504c76c34c9a0764ef27a9b1cb7642c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10765/file/medium-4db53e71cb2dcc55719041b8c6ab1e91.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10765/file/large-e54a8ccaa1c76f30b19ddd1381c70de9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10765/file/medium-4db53e71cb2dcc55719041b8c6ab1e91.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-hyaluron-reinigungsschaum-150-ml-20054">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Hyaluron Reinigungsschaum, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4NLkQ6IMiElRCbhSY-zrYY5uADhioUwJFqaJ46Qnf52HbR0J4TFBsGnv4yuWbHa5bi2RVg-6nNI3EkvdGRKYIA" />
    <input value="20054" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D124">
    <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/polpa-di-pomodoro-demeter-690-g-20055">
          <img alt="Polpa di Pomodoro Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10766/file/small-c16a44767463e1465f934c09c408f648.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10766/file/medium-e70ae10abf75f9d2f1d8963da86dde22.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10766/file/large-5725b02f17b347ceff70b6e24225fb82.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10766/file/medium-e70ae10abf75f9d2f1d8963da86dde22.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">Giancarlo Ceci</p>
          <a href="/products/polpa-di-pomodoro-demeter-690-g-20055">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Polpa di Pomodoro Demeter, 690 g</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.81 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T0_4bf2qsE7VQnzNu7TBdmbGR9QYkjMixLrBa-HDHAYo8AEnvpd5t-2kJ7RONFyuhoXWunWJ4_nlDgNVXPb7uw" />
    <input value="20055" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D124">
    <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/passata-di-pomodoro-demeter-690-g-20056">
          <img alt="Passata di Pomodoro Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10767/file/small-a79edec33bf9245fedcb3173e14955f9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10767/file/medium-361522865d6691298f007355522c9de8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10767/file/large-ed14c7dea3c94aeb04b78cba92c7f17c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10767/file/medium-361522865d6691298f007355522c9de8.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">Giancarlo Ceci</p>
          <a href="/products/passata-di-pomodoro-demeter-690-g-20056">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Passata di Pomodoro Demeter, 690 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jGbCEQgPW6D5Dlr6Jx05cRQ6KjlUTHnnuGJnYIOO8D_r2TtbSzKSWcHoAYPSnaSp9Hm7VzlXqTyZ1qVePrsXgg" />
    <input value="20056" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D124">
    <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/pomodori-pelati-in-salsa-demeter-530-g-20057">
          <img alt="Pomodori pelati in salsa Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10768/file/small-d7f7c8374e386cb3f6a235c57565b1d4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10768/file/medium-171a9662707f86e442a81293b2ac1493.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10768/file/large-4afb0fc4560efa70f50e8872d28ec15a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10768/file/medium-171a9662707f86e442a81293b2ac1493.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">Giancarlo Ceci</p>
          <a href="/products/pomodori-pelati-in-salsa-demeter-530-g-20057">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pomodori pelati in salsa Demeter, 530 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f9jmnLm2n0NDM8c5Stqk_qV4tU6g6GURsFY4TjLkMgEYZx_W-otWunvVnEC_WjkmRTskIM3ztcqR4vpwj9HVvA" />
    <input value="20057" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D124">
    <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/sugo-al-basilico-demeter-330-g-20058">
          <img alt="Sugo al Basilico Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10769/file/small-ae4b0994e1be4b0a8239747fcd921a10.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10769/file/medium-f4a82f8a2c7296f526e7448dc8d398a7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10769/file/large-f169771fa25e43cfc38574d0bddf65d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10769/file/medium-f4a82f8a2c7296f526e7448dc8d398a7.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">Giancarlo Ceci</p>
          <a href="/products/sugo-al-basilico-demeter-330-g-20058">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sugo al Basilico Demeter, 330 g</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 1.18 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qQJKesBuPrx0CDPhOF7DQhE20QTuDO8VVd46CIPqQyfOvbMwg1P3RUzuaJjN3l6a8XVAaoMXP850avg2Pt-kmg" />
    <input value="20058" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D124">
    <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/sugo-arrabiata-demeter-330-g-20059">
          <img alt="Sugo Arrabiata Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10770/file/small-3cbffad44743d8d4e2c8cadbe259f84c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10770/file/medium-cdd180bed2081b358d63864cf50a4729.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10770/file/large-5627d036766aaf4f335b38e13d24c198.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10770/file/medium-cdd180bed2081b358d63864cf50a4729.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">Giancarlo Ceci</p>
          <a href="/products/sugo-arrabiata-demeter-330-g-20059">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sugo Arrabiata Demeter, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CohHyqiEBTJA9EDY72lxfKaUHFzTGRMxDXXay4TE6-1tN76A67nMy3gSG6Ea6eykRteNMr4Cw-oswRj1OfEMUA" />
    <input value="20059" 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%2Frapunzel%3Fformat%3Dturbo_stream%26page%3D124">
    <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/sugo-pizzaiola-demeter-330-g-20060">
          <img alt="Sugo Pizzaiola Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10771/file/small-3d38af0405e8dce6db1ce8389ef34f77.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10771/file/medium-15bb00191f08811cf8c1641c1eae7846.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10771/file/large-a1239f8176ff9e632aa07cc1877165d8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10771/file/medium-15bb00191f08811cf8c1641c1eae7846.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">Giancarlo Ceci</p>
          <a href="/products/sugo-pizzaiola-demeter-330-g-20060">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sugo Pizzaiola Demeter, 330 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

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

</template></turbo-stream>