<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%2Fmy-yo%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="pITOTsaMcoWofhIfyVdWxMegW2tEwh_eis0FtfqDs-gwIpdc5Kxyoq-uNn7MVaRTXN8pGm9UhVbNosiT8h11Aw" />
    <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%2Fmy-yo%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="uhd-fBuSuvliTaH_vIC_DBIXEjyuG4RbBLCChsbYgJ8usSduObK63mWdhZ65gk2biWhgTYWNHtND30-gzkZGdA" />
    <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%2Fmy-yo%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="n3IEtOG6fIDXbBRK1bgoj_F9Ekdry5wJ9pPSGh5ETvwL1F2mw5p8p9C8MCvQutoYagJgNkBdBoGx_B88FtqIFw" />
    <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%2Fmy-yo%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="36u6ylZfiL9e8YM7o8O52qsRh5SjDAxofSzycyyPweVLDePYdH-ImFkhp1qmwUtNMG715YialuA6Qz9VJBEHDg" />
    <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%2Fmy-yo%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="s1BaBt6d9-R_c6CaE9uq_kl3adJ2GiUJZFHD_h0SQIMn9gMU_L33w3ijhPsW2Vhp0ggbo12Mv4EjPg7YFYyGaA" />
    <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%2Fmy-yo%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="MRLXyudF8x3oAIwK8N2k8fpRFwCcE5OzDkAOXRQeI-yltI7YxWXzOu_QqGv131ZmYS5lcbeFCTtJL8N7HIDlBw" />
    <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%2Fmy-yo%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="qrtP9zT-AaAfrsOP7Yr7VvDC3foAuUXuwmpC4fqtI3Y-HRblFt4Bhxh-5-7oiAnBa72viysv32aFBY_H8jPlnQ" />
    <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%2Fmy-yo%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="NNfrQCeknC3u-RAAQYhmwkrd0PL5jr9mU1bs6A227VKgcbJSBYScCukpNGFEipRV0aKig9IYJe4UOSHOBSgruQ" />
    <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%2Fmy-yo%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="mPFz16I8KG0EWPQ0h6hi88IlXvq4TMdLaOiub8PsFyEMVyrFgBwoSgOI0FWCqpBkWVosi5PaXcMvh2NJy3LRyg" />
    <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%2Fmy-yo%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="ofMNH-YbD4nMUL-u9XwteCaps8e4F67vzyXlHk7c2B81VVQNxDsPrsuAm8_wft_vvdbBtpOBNGeISig4RkIe9A" />
    <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%2Fmy-yo%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="EA9fAMfHZ5-bJIDu4FReyznvPr1PHgbH6WC8EHj6XgiEqQYS5ednuJz0pI_lVqxcopBMzGSInE-uD3E2cGSY4w" />
    <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%2Fmy-yo%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="u4Q-Lmzvl21olxm3iufqwlmhYx8K3KYIgenJuEKk7govImc8Ts-XSm9HPdaP5RhVwt4RbiFKPIDGhgSeSjoo4Q" />
    <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%2Fmy-yo%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="-zmqtAIOfSpQ-oIUaELDULwQxRRhSWTLWnl4SFN6uLhvn_OmIC59DVcqpnVtQDHHJ2-3ZUrf_kMdFrVuW-R-Uw" />
    <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%2Fmy-yo%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="7a97oXcpN1kUfu8opJlp9XMadcyYi9DoFD0wC7wcHFJ5CSKzVQk3fhOuy0mhm5ti6GUHvbMdSmBTUv0ttILauQ" />
    <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%2Fmy-yo%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="HiyXN4UnJwabS6zMvTgQQFeUDoP62DXcst0mesHouZWKis4lpwcnIZybiK24OuLXzOt88tFOr1T1sutcyXZ_fg" />
    <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%2Fmy-yo%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="ETuZaMn-BFCPvTQEq2ev2B0e2QFPScGt1xAT2PRUAMSFncB6694Ed4htEGWuZV1PhmGrcGTfWyWQf97-_MrGLw" />
    <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%2Fmy-yo%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="LdluAwueRXA6yeV0rye1Lu3Xl4ZSFxhIwolxydHXN_G5fzcRKb5FVz0ZwRWqJUe5dqjl93mBgsCF5rzv2UnxGg" />
    <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%2Fmy-yo%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="79buI7MGyweGxaOyl5PSRncx3Xw0o-deCxK4HBJmbKx7cLcxkSbLIIEVh9OSkSDR7E6vDR81fdZMfXU6GviqRw" />
    <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%2Fmy-yo%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="AykAsFNDpsPLwyFLtmMAYH7P6VAb0D7tx1-BnaII0NeXj1micWOm5MwTBSqzYfL35bCbITBGpGWAMEy7qpYWPA" />
    <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%2Fmy-yo%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="YmUmM3aCjqXEFFbTSlRG1rxB5VkPPJJwgnQbllLFCE_2w38hVKKOgsPEcrJPVrRBJz6XKCSqCPjFG9awWlvOpA" />
    <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/my-yo?format=turbo_stream&amp;page=125">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>