<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%2Fturtle-better-breakfast%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="1zyNeIXT_wA4qwsCDQ8YxCJ-0M6Bb9yxvgZ8Rn1rnEV5MD1F2e-HyRpBxLE4ZNI92s00zmwgmy_myG3KEyFe6g" />
    <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%2Fturtle-better-breakfast%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="rlVZ5oKun9WK_zuzaFrmKKxwEYW5q6eYFDL_0oUthTEAWenb3pLnHKgV9ABdMSzRVMP1hVTk4AZM_O5e62dHng" />
    <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%2Fturtle-better-breakfast%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="si-3GjupLL7OzvETp8jgErmIRGyJEozGmnaqt-2csrwcIwcnZ5VUd-wkPqCSoyrrQTugbGRdy1jCuLs7g9ZwEw" />
    <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%2Fturtle-better-breakfast%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="JpYaKqhg3exXhqFH85ZTgbSJ7DeCmTqkgf32BMcEFMWImqoX9FylJXVsbvTG_Zl4TDoIN2_WfTrZM-eIqU7Wag" />
    <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%2Fturtle-better-breakfast%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="P6e7IUr-UbV6U5CZBfBhzaHOl01LjoFaT94qMRj_KaiRqwscFsIpfFi5Xyowm6s0WX1zTabBxsQXEDu9drXrBw" />
    <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%2Fturtle-better-breakfast%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="RCDzTr-WisYURh7Qyqw6D6tbc1UOJWVTh7U2bdRrWknqLENz46ryDzas0WP_x_D2U-iXVeNqIs3feyfhuiGY5g" />
    <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%2Fturtle-better-breakfast%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="T_VA-8GwChBu-nGuGvkWT1YHnAt42wh884M52uQF_8rh-fDGnYxy2UwQvh0vkty2rrR4C5WUT-KrTShWik89ZQ" />
    <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%2Fturtle-better-breakfast%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="mAEhxuAi2diKKqBOjEtizTdEJE1cNI7RrhIv-2el-sI2DZH7vB6hEajAb_25IKg0z_fATbF7yU_23D53Ce84bQ" />
    <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%2Fturtle-better-breakfast%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="Svz3L5qfZGfL2p4G7ZPmllz640w-M1TpU1zm2KEL0Brk8EcSxqMcrukwUbXY-CxvpEkHTNN8E3cLkvdUz0EStQ" />
    <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%2Fturtle-better-breakfast%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="hk6B19XOM-2N9AnPZ7-q3QtSlZhLcZCDmCIOL5SdpoMoQjHqifJLJK8exnxS1GAk8-FxmKY-1x3A7B-j-tdkLA" />
    <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%2Fturtle-better-breakfast%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="P8FGYcRfA0PtJ9f0CqRt9Y4sy4Liu9KD_7a5GQ0FLlCRzfZcmGN7is_NGEc_z6cMdp8vgg_0lR2neKiVY0_s_w" />
    <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%2Fturtle-better-breakfast%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="f3YMocIyaxLE_4gK8KcNiPcCgxAmbiHtRX6xFIbhDmPRerycng4T2-YVR7nFzMdxD7FnEMshZnMdsKCY6KvMzA" />
    <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%2Fturtle-better-breakfast%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="h_VIJ7La1fkfpaR11Sl7nGVMHnTvmjRKaYlhg3KMY7Up-fga7uatMD1Pa8bgQrFlnf_6dALVc9QxR3APHMahGg" />
    <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%2Fturtle-better-breakfast%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="M15hqq_RoBBtd3R5GbVNPHbzyCeM_qMyZUMYDUM_f96dUtGX8-3Y2U-du8os3ofFjkAsJ2Gx5Kw9jQmBLXW9cQ" />
    <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%2Fturtle-better-breakfast%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="X7sFhyCcBM7bxhSjEoQyEtqr-gp__B3B1nE5AQ0SJ43xt7W6fKB8B_ks2xAn7_jrIhgeCpKzWl-OvyiNY1jlIg" />
    <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%2Fturtle-better-breakfast%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="OU6EeXDjTGz4hF2YnsuzUiP8ZsPjpiWxwWaTmgVhFmyXQjRELN80pdpukiuroHmr20-Cww7pYi-ZqIIWayvUww" />
    <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%2Fturtle-better-breakfast%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="nByqmZCj09goyQ1L3aHOnWzuRxW1KCC2MpD7n2_CzxoyEBqkzJ-rEQojwvjoygRklF2jFVhnZyhqXuoTAYgNtQ" />
    <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%2Fturtle-better-breakfast%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="4x8HfczVZDDWpiLCqv4D22d3__LgzVc80WEO4oZv-ZpNE7dAkOkc-fRM7XGflckin8Qb8g2CEKKJrx9u6CU7NQ" />
    <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%2Fturtle-better-breakfast%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="PmkYsQhYaVa64AoiMlM-RIu0Tc5S32D58J3z-o8fcqCQZaiMVGQRn5gKxZEHOPS9cwepzr-QJ2eoU-J24VWwDw" />
    <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%2Fturtle-better-breakfast%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="7ZkIN5mNCwaf5rzzSMuKzus7iSKHDaKYif6LAfC5BDdDlbgKxbFzz70Mc0B9oEA3E4htImpC5QbRMJqNnvPGmA" />
    <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/turtle-better-breakfast?format=turbo_stream&amp;page=125">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>