<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%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/pill-kosmetik-sonnenmilch-lsf50-200-ml-20032">
          <img alt="Pill Kosmetik - Sonnenmilch LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10737/file/small-793bea8fd61ad3e4e96afdf7f1e857cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/10737/file/medium-935c3d5512455e1604b47f4b37c140d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/10737/file/large-c57b353ecb9ce46ab013fad185191897.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10737/file/medium-935c3d5512455e1604b47f4b37c140d6.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-sonnenmilch-lsf50-200-ml-20032">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnenmilch LSF50+, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 40.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20032&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Sonnenmilch LSF50+, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20032&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:40.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gSkJbrsHjm2ruoPDaudTf3bJWdxewAZaAndQ4CNkTImJxWLmo8MDXpuG22MO-l2JksbUzr6YtKqgbFAyIAhkXQ" />
    <input value="20032" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200  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%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/products/pill-kosmetik-sonnenstick-lsf50-12-ml-20035">
          <img alt="Pill Kosmetik - Sonnenstick LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10740/file/small-3efbdf2297bbf8da40fcf531629cd498.webp 600w, https://assets.fabulous.ch/public/variant_asset/10740/file/medium-e70aab7f8a3338c97e094d0b6fe786f5.webp 900w, https://assets.fabulous.ch/public/variant_asset/10740/file/large-4be650e1516716e971b04da77c5378fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10740/file/medium-e70aab7f8a3338c97e094d0b6fe786f5.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-sonnenstick-lsf50-12-ml-20035">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnenstick LSF50+, 12 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20035&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Sonnenstick LSF50+, 12 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20035&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IHHqRB7sFLKZS_SGKfe2MG2Yj4nzFVjdXzGlq6U_h_wonYHMBiiZgal3rCZN6rjGiZcCmxNN6i39KqV5plOvKA" />
    <input value="20035" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Warenkorb
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div 
       class="border-gray-200 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%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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-20042">
          <img alt="Pill Kosmetik - Aktivstoff Koffein 5%" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10750/file/small-d5a00331d4cd1f5de7dbfa23866c30f6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10750/file/medium-29f3e6a78e67318b8af18c5cedf4d107.webp 900w, https://assets.fabulous.ch/public/variant_asset/10750/file/large-fbd283c1cd64f7d7a158c187ee43066e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10750/file/medium-29f3e6a78e67318b8af18c5cedf4d107.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-aktivstoff-koffein-5-20-ml-20042">
            <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 31.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20042&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Aktivstoff Koffein 5%, 20 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20042&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:31.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xvMuc9CmVkrHIzfYOzwE8sgqVjNIQ-4mVLy6wGHA6EPOH0X7yGLbefcfb3hfIQoELCXbIagbXNb2p7oSYqzAlw" />
    <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  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%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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-20044">
          <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.fabulous.ch/public/variant_asset/10752/file/small-5fa945e58ee23f9d5c156758703379a4.webp 600w, https://assets.fabulous.ch/public/variant_asset/10752/file/medium-c1446bb82b60f83554fbace56b0c83ba.webp 900w, https://assets.fabulous.ch/public/variant_asset/10752/file/large-fe400833d9c8dd0027be0707416d34ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10752/file/medium-c1446bb82b60f83554fbace56b0c83ba.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-aktivstoff-mandelsaure-aha-10-20-ml-20044">
            <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 31.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20044&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Aktivstoff Mandelsäure AHA 10%, 20 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20044&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:31.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CiHAACdcgxiMpa8YirTksfWCNg33G3WpvpAAbqmSwMACzauIP5gOK7yZ97juqepHEY27HxdDx1kciwC8qv7oFA" />
    <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%2Fpill-kosmetik%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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-20045">
          <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.fabulous.ch/public/variant_asset/10753/file/small-250ef3eb68bfbd122f479b5847409ca0.webp 600w, https://assets.fabulous.ch/public/variant_asset/10753/file/medium-ee1478bb98807d16f56a007dd7e8c630.webp 900w, https://assets.fabulous.ch/public/variant_asset/10753/file/large-14a13187647ae82869ebb8330ee0b86c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10753/file/medium-ee1478bb98807d16f56a007dd7e8c630.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-aktivstoff-vitamin-c-20-20-ml-20045">
            <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 31.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20045&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Aktivstoff Vitamin C 20%, 20 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20045&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:31.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4KGl5pRKIcjs__SlDNJG1ZJ9qyIuk4UNyCv9o60xQz3oTc5ujI6s-9zDrAVoz0gjdnImMM7LN_1qMP1xrl1r6Q" />
    <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%2Fpill-kosmetik%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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 data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20104&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Sonnenfluid Dry Touch LSF50+, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20104&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:36.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yWrVlZQ09R36S-RjgPHCvWLLP5I0pbzjDuyWAYX7hK3Bhr4djPB4Lsp3vMPk7MxLhsSygNT9DhOs95bThpeseQ" />
    <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%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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 data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20105&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Sonnenfluid Dry Touch getönt LSF50+, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20105&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:42.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9-Kir4m1Epy4g5fuZGzPn_XKSvqgH-_NzNVw_i4Wodf_DsknkXGfr4i_z04AccFpEcXH6EBHXT1uznAsLXqJAw" />
    <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%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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-transparentes-sonnenspray-lsf50-200-ml-20106">
          <img alt="Pill Kosmetik - transparentes Sonnenspray LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10837/file/small-3c6f37587e8f454eee4ea96e274cfe32.webp 600w, https://assets.fabulous.ch/public/variant_asset/10837/file/medium-aa95f4947e675ed749f403c14aefa114.webp 900w, https://assets.fabulous.ch/public/variant_asset/10837/file/large-6dd8b9e98dad0e9bfed1848aca3799b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10837/file/medium-aa95f4947e675ed749f403c14aefa114.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-transparentes-sonnenspray-lsf50-200-ml-20106">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - transparentes Sonnenspray LSF50+, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20106&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - transparentes Sonnenspray LSF50+, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20106&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:44.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="73sfJEFpVMljFMyia6iOBF1et22aQOl-NeegVHP-Av3nl3SsWa3Z-lMolAIPtYDyuVE6f3oYW46X_KCGcJIqKQ" />
    <input value="20106" 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%2Fkorperpflege%3Fformat%3Dturbo_stream%26page%3D2">
    <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-sonnenschutz-stick-invisible-lsf50-10-ml-20107">
          <img alt="Pill Kosmetik - Sonnenschutz Stick invisible LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10838/file/small-9f956339de4da6f438e7eaaa5da22d37.webp 600w, https://assets.fabulous.ch/public/variant_asset/10838/file/medium-157d7d9f2a0b0f465f573dfc64e5cb0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/10838/file/large-e9be7c7af85556e67dce052980aad6c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10838/file/medium-157d7d9f2a0b0f465f573dfc64e5cb0a.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-sonnenschutz-stick-invisible-lsf50-10-ml-20107">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnenschutz Stick invisible LSF50+, 10 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 219.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20107&quot;],&quot;content_name&quot;:&quot;Pill Kosmetik - Sonnenschutz Stick invisible LSF50+, 10 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20107&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:21.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OeZFlRCI2SsEJxyHmU8juGU1M8v6a84Bf6eiG5NWnF4xCi4dCExUGDQbRCf9Ui1OgTq-2RozfPHdvKLJkDq0ig" />
    <input value="20107" 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">
      29 von 29 Produkten
    </p>
  </div>
</div>

</template></turbo-stream>