<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%2Fpill-kosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D3">
    <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-20049">
          <img alt="Pill Kosmetik - Hyaluron Sanftes Peeling" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10757/file/small-9733696ce27b79b4ad568202bd21f961.webp 600w, https://assets.fabulous.ch/public/variant_asset/10757/file/medium-d6a58b4d93303f6fea97dfe726389174.webp 900w, https://assets.fabulous.ch/public/variant_asset/10757/file/large-6e314aba8d958f2b2b839e5460cb2529.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10757/file/medium-d6a58b4d93303f6fea97dfe726389174.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/products/pill-kosmetik-hyaluron-sanftes-peeling-30-ml-20049">
            <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 48.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 161.67 / 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="qk0JMikqrsqc-Dz739TYJHvdSlCnbXMBafjAdCYwpKdzJrVbgzX878bKxmhAEI23W5p4TQ8gMxywwM5K4Shczw" />
    <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%2Fpill-kosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D3">
    <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-20050">
          <img alt="Pill Kosmetik - Anti-Pigment Konzentrat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10758/file/small-0c5632208aa8ebb16243768c85fc3bf5.webp 600w, https://assets.fabulous.ch/public/variant_asset/10758/file/medium-b10dabc422eedcdbb29dc040fcabb065.webp 900w, https://assets.fabulous.ch/public/variant_asset/10758/file/large-b1a6252efc93c00c20337029cc58aac1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10758/file/medium-b10dabc422eedcdbb29dc040fcabb065.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/products/pill-kosmetik-anti-pigment-konzentrat-30-ml-20050">
            <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-20050-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ldBWiWjWojkkl_Mkko5Yt7_krHrLmYP18bfm2BRPG4ZMu-rgwsnwHH6lCbcNSg0kn6OeZ2PUw-goj-jm01fj7g" />
    <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%2Fpill-kosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D3">
    <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-20051">
          <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.fabulous.ch/public/variant_asset/10759/file/small-d0fc01676641dff9d12171bf1de1e103.webp 600w, https://assets.fabulous.ch/public/variant_asset/10759/file/medium-cfa059c68c0fe39b256a3f34584b4aa2.webp 900w, https://assets.fabulous.ch/public/variant_asset/10759/file/large-9b014c7a6f274f04ce67891ec73ffb51.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10759/file/medium-cfa059c68c0fe39b256a3f34584b4aa2.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/products/pill-kosmetik-feuchtigkeitscreme-fur-den-mann-mit-hyaluronsaure-50-ml-20051">
            <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 37.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 74.00 / 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="lbkJYnWlURBPQxlIh6ZzIna9hRIq6l0VAjDNyKTemQZM0rUL37oDNRVx49sYYiaxVvq3D4KnHQjbCMP2Y8Zhbg" />
    <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%2Fpill-kosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D3">
    <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-20052">
          <img alt="Pill Kosmetik - klärende Gesichtsmaske" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10760/file/small-30341a866800f9c8afd53bccb726c3c9.webp 600w, https://assets.fabulous.ch/public/variant_asset/10760/file/medium-500df3ba2707e1b2c63b640203e0742f.webp 900w, https://assets.fabulous.ch/public/variant_asset/10760/file/large-b04a40a3e91370cb1e0d127d5fee1546.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10760/file/medium-500df3ba2707e1b2c63b640203e0742f.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/products/pill-kosmetik-klarende-gesichtsmaske-75-ml-20052">
            <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 28.80
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 38.40 / 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="JyMi3FphF3pCv18UyIavssKgLLDqyIsdT4lQEO7lkOL-SJ618H5FXxiNpYdXQvoh4ucerUKFywCWsV4uKf1oig" />
    <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%2Fpill-kosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D3">
    <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-20053">
          <img alt="Pill Kosmetik - Enzym Peeling" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10761/file/small-3ecde327b4ec63c0fa41ab9834f0189c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10761/file/medium-cc8d42a14cc599325e59d4b850121d40.webp 900w, https://assets.fabulous.ch/public/variant_asset/10761/file/large-18d71916b831aeff95151261aefb8da0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10761/file/medium-cc8d42a14cc599325e59d4b850121d40.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/products/pill-kosmetik-enzym-peeling-75-ml-20053">
            <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 21.90
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 29.20 / 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="Xg7sAYAwbCZuOdXdQmO-AU581aupYersvEeOoSBSfbCHZVBoKi8-AzQLL07dp-uSbjvntgEsqvFlf4Cf50qF2A" />
    <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%2Fpill-kosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D3">
    <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-20054">
          <img alt="Pill Kosmetik - Belebende Reinigungsmilch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10762/file/small-f410b108f83d7445ef52814c689d6f28.webp 600w, https://assets.fabulous.ch/public/variant_asset/10762/file/medium-378393661403bb53101c796bf35a31dc.webp 900w, https://assets.fabulous.ch/public/variant_asset/10762/file/large-9a55efd0abdd3fdc4975186cd8bdd35f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10762/file/medium-378393661403bb53101c796bf35a31dc.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/products/pill-kosmetik-belebende-reinigungsmilch-200-ml-20054">
            <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-20054-card">
        

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="11v__xiApoYpt_lZJVqV9BXeaKsNDLkJfd-Ntbjpd64OMEOWsp_0o3OFA8q6nsBnNZlatqVB-RSk54OLf_GPxg" />
    <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%2Fpill-kosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D3">
    <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-20055">
          <img alt="Pill Kosmetik - Hyaluron Reinigungsschaum" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10763/file/small-152281b662c2c8471d4f3e0a407e0625.webp 600w, https://assets.fabulous.ch/public/variant_asset/10763/file/medium-d81ab9e3b3a19b343774d098514c615e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10763/file/large-b50c95347edc29e7351fd881959d3236.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10763/file/medium-d81ab9e3b3a19b343774d098514c615e.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/products/pill-kosmetik-hyaluron-reinigungsschaum-150-ml-20055">
            <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 26.50
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 17.67 / 100 ml
            </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="r2cRSTrxyhvtyXF7x69ELyKjFQ1XIOS4ebiieR-vR5p2DK0gkO6YPrf7i-hYaxG8AuQnEP9tpKWggKxH2Le_8g" />
    <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%2Fpill-kosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D3">
    <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-sonnenfluid-dry-touch-lsf50-50-ml-20104">
          <img alt="Pill Kosmetik - Sonnenfluid Dry Touch LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10835/file/small-d2de256844b5a08680252aedc97457f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/10835/file/medium-6f48ac3d8aea8c3bb1b6f0ff8dc8b64c.webp 900w, https://assets.fabulous.ch/public/variant_asset/10835/file/large-48b71262f081869004c4dd87dd7e7b99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10835/file/medium-6f48ac3d8aea8c3bb1b6f0ff8dc8b64c.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/products/pill-kosmetik-sonnenfluid-dry-touch-lsf50-50-ml-20104">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnenfluid Dry Touch LSF50+, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="P8PVtn7zaYPKf3ph6fV3ngLvlqbGCyYaVpL0AJSsAUrmqGnf1Ow7ppBNgPJ2MSINIqiku25GZgePqvo-U7T5Ig" />
    <input value="20104" 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%2Fpill-kosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D3">
    <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-sonnenfluid-dry-touch-getont-lsf50-50-ml-20105">
          <img alt="Pill Kosmetik - Sonnenfluid Dry Touch getönt LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10836/file/small-930045bb1985e6b448a1566332876a8c.webp 600w, https://assets.fabulous.ch/public/variant_asset/10836/file/medium-c01b50b11f69ad89627eee5e0a6e6e58.webp 900w, https://assets.fabulous.ch/public/variant_asset/10836/file/large-daf2e8f771747704a5292ad05b89e52a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10836/file/medium-c01b50b11f69ad89627eee5e0a6e6e58.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/products/pill-kosmetik-sonnenfluid-dry-touch-getont-lsf50-50-ml-20105">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnenfluid Dry Touch getönt LSF50+, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OgL2s8AuAuVm73WHesxKI3wy73c3m4iQIkvfvJrsB8bjaUraajFQwDzdjxTlCB-wXHXdap_WyI37c9GCXfT_rg" />
    <input value="20105" 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%2Fpill-kosmetik%2Fgesichtspflege%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    31 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/pill-kosmetik-schutzfluid-mit-hyaluronsaure-30-ml-mhd-aktion-30-09-2026-20159">
          <img alt="Pill Kosmetik - Schutzfluid mit Hyaluronsäure" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6392/file/small-7a921e9e636e6ee52b925f0c711f5ee4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6392/file/medium-3a3cfb2ccd486466ec6a48fcb2e7f054.webp 900w, https://assets.fabulous.ch/public/variant_asset/6392/file/large-8a44a221add795c5d046b0304064e455.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6392/file/medium-3a3cfb2ccd486466ec6a48fcb2e7f054.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/products/pill-kosmetik-schutzfluid-mit-hyaluronsaure-30-ml-mhd-aktion-30-09-2026-20159">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Schutzfluid mit Hyaluronsäure, 30 ml (MHD-Aktion 30.09.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 37.80</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 25.90</span>
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ADRqlxPJLIzSwl966WS1Vmy1e3FixWHCkg3iktiigjPZX9b-udZ-qYjwpel2oODFTPJJbMqIId9LNeysH7p6Ww" />
    <input value="20159" 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">
      50 von 50 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>