<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%2Fstrath%3Fformat%3Dturbo_stream%26page%3D123">
    <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/porridge-mit-b12-gekeimt-chbio-775-g-20021">
          <img alt="Porridge mit B12 gekeimt CHBio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10725/file/small-47d52ecbebb535ab96b4c662c4508786.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10725/file/medium-2d55f2e0ad943ea22d7370bf66456caa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10725/file/large-6cc5fb21ed464dca2c3a5a8583fac3c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10725/file/medium-2d55f2e0ad943ea22d7370bf66456caa.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">NaturKraftWerke</p>
          <a href="/products/porridge-mit-b12-gekeimt-chbio-775-g-20021">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Porridge mit B12 gekeimt CHBio, 775 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VAbAPR_s2NsZRlsRF5P5a1yu8yhNd9SnxfmM6KNo6T_B7u1xwTBsMWhI3UsTZD-XXfCO42o_q9xTmgltBIKDtA" />
    <input value="20021" 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%2Fstrath%3Fformat%3Dturbo_stream%26page%3D123">
    <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/sauerkraut-roh-bio-250-g-20022">
          <img alt="Sauerkraut roh Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10726/file/small-596d5f0ffe4bdcd7f0adbe028d09a6d8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10726/file/medium-3a3ac25adc55389ddca022cb96d60832.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10726/file/large-b500f5badc9a3f0038888441b08d7a8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10726/file/medium-3a3ac25adc55389ddca022cb96d60832.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">Schöni</p>
          <a href="/products/sauerkraut-roh-bio-250-g-20022">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauerkraut roh Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="42vtw1NB1uBuET8W-dMnsDWTgcRgC1jffcvu2aiKtrd2g8CPjZ1iCh8fuUz9JOFMNM38D0dDJ6TrqGtcD2DcPA" />
    <input value="20022" 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%2Fstrath%3Fformat%3Dturbo_stream%26page%3D123">
    <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/arowe-altstadt-senf-bio-180-g-20023">
          <img alt="Arowe Altstadt Senf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10727/file/small-9a730100f17e847196fc2dc414fe11ca.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10727/file/medium-085d67882e9f866711fdf64bcf61977c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10727/file/large-824b61848ac5ed70db8e4c73ae432322.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10727/file/medium-085d67882e9f866711fdf64bcf61977c.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">Chalira</p>
          <a href="/products/arowe-altstadt-senf-bio-180-g-20023">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Arowe Altstadt Senf Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="--H8ek3D5zZKtpy3vdNz60ZFAy3viCSjWxtibqD29IJuCdE2kx9T3Du4Gu25JLUXRxt-5sjAW9jNeOfrBxyeCQ" />
    <input value="20023" 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%2Fstrath%3Fformat%3Dturbo_stream%26page%3D123">
    <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/mythos-biersenf-bio-120-g-20024">
          <img alt="Mythos Biersenf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10730/file/small-02914e8fba8b66b938dfbf1c9a1f550d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10730/file/medium-733d9e2ca012798d61dc4e781104ce30.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10730/file/large-7cc0659656042d03330585538a8cd1df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10730/file/medium-733d9e2ca012798d61dc4e781104ce30.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">Chalira</p>
          <a href="/products/mythos-biersenf-bio-120-g-20024">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mythos Biersenf Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I_EJWm51Fw4QtlQ0YSYTDOm7A8SIJ81Q1J3GwJubOE-2GSQWsKmj5GG40m5l0dXw6OV-D69vsitC_kNFPHFSxA" />
    <input value="20024" 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%2Fstrath%3Fformat%3Dturbo_stream%26page%3D123">
    <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/okolo-senfkaviar-bio-120-g-20025">
          <img alt="Okolo Senfkaviar Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10731/file/small-f9d0456e749bebc2f40a73ef56523fbc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10731/file/medium-701ec71bcbd7833eb5dfb32992691cd5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10731/file/large-7e0f39c0efa2b017f538dff95fd6ebb2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10731/file/medium-701ec71bcbd7833eb5dfb32992691cd5.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">Chalira</p>
          <a href="/products/okolo-senfkaviar-bio-120-g-20025">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Okolo Senfkaviar Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TUj1F2xnlhcswkTb2sKUML8-y9-gxZiPKCBer59xySLYoNhbsrsi_V3MwoHeNVLMvmC2FIeN5_S-Q9sqOJujqQ" />
    <input value="20025" 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%2Fstrath%3Fformat%3Dturbo_stream%26page%3D123">
    <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/don-juan-grillsenf-bio-120-g-20026">
          <img alt="Don Juan Grillsenf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10732/file/small-45fa20147043fecb2a563b5b0ff540bf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10732/file/medium-b50029afe0d2ef79200a9a08d87fa709.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10732/file/large-f0996b575a873ae6894aa2b236caa063.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10732/file/medium-b50029afe0d2ef79200a9a08d87fa709.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">Chalira</p>
          <a href="/products/don-juan-grillsenf-bio-120-g-20026">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Don Juan Grillsenf Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5AnuU2WZ_XScfljU2S37nCKfE_JAyE192TFSlxNTB0Bx4cMfu0VJnu1w3o7d2j1gI8FuOWeAMgZPUtcStLltyw" />
    <input value="20026" 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%2Fstrath%3Fformat%3Dturbo_stream%26page%3D123">
    <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/tanguero-randensenf-bio-120-g-20027">
          <img alt="Tanguero Randensenf Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10733/file/small-eb3fdd2c6046fd8da072d960c5a1fac8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10733/file/medium-4c3beb9de8dcacff762db3aafcf48dd1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10733/file/large-538728b9d1fe845a6d2814cb1353fadb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10733/file/medium-4c3beb9de8dcacff762db3aafcf48dd1.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">Chalira</p>
          <a href="/products/tanguero-randensenf-bio-120-g-20027">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tanguero Randensenf Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nF2tRClPlbt6lZUf9d1xAQvlhjD75FCCd_5q3G-aC9cJtYAI95MhUQubE0XxKrf9Crv7-9ysL_nhne9ZyHBhXA" />
    <input value="20027" 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%2Fstrath%3Fformat%3Dturbo_stream%26page%3D123">
    <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/vitaminbrot-konv-250-g-20028">
          <img alt="Vitaminbrot konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10736/file/small-92e05026b07cbd6a2a72420bcbc329bd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10736/file/medium-0a33d7b60c1345daad3fd26994026624.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10736/file/large-d55c6df11d3fb6169bc9228001f744d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10736/file/medium-0a33d7b60c1345daad3fd26994026624.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">Schär</p>
          <a href="/products/vitaminbrot-konv-250-g-20028">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vitaminbrot konv, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1biND2I-GTrbEautig8CIe9VuT9IyCKgR8fKKZU9x4pAUKBDvOKt0KofLfeO-MTd7gvE9G-AXdvRpE-sMtetAQ" />
    <input value="20028" 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%2Fstrath%3Fformat%3Dturbo_stream%26page%3D123">
    <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-sonnenspray-kids-lsf50-200-ml-20029">
          <img alt="Pill Kosmetik - Sonnenspray Kids LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10737/file/small-aab1f2a638baa197b7de6e69e1fe21a3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10737/file/medium-d25a8be9e3159a80db32f99bef72a7df.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10737/file/large-5dcdbceed140ed37f4b17880777514ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10737/file/medium-d25a8be9e3159a80db32f99bef72a7df.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-sonnenspray-kids-lsf50-200-ml-20029">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnenspray Kids LSF50+, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 42.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oCya_PRFDVrjK0hXYqj9ayb_N_Ltea7gmtWWzzQbIUU1xLewKpm5sJIlzg1mXzuXJ6FKOcox0ZsMthNKk_FLzg" />
    <input value="20029" 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%2Fstrath%3Fformat%3Dturbo_stream%26page%3D123">
    <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-kids-lsf50-200-ml-20030">
          <img alt="Pill Kosmetik - Sonnenmilch Kids LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10738/file/small-6773ea636dd861900161dd9ee7cf5a89.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10738/file/medium-0395fc1780b27f95f5ca0fa76650adb1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10738/file/large-e9c9a089e19ccce9d75ee69c012b9566.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10738/file/medium-0395fc1780b27f95f5ca0fa76650adb1.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-sonnenmilch-kids-lsf50-200-ml-20030">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnenmilch Kids LSF50+, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 40.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_nPJ1i7J8x4XISvyaglSDdy5Jj_Z8siaRs2TvCA5sdFrm-Sa8BVH9GYvrahu_pTx3edb9P66t-HQrhY5h9PbWg" />
    <input value="20030" 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%2Fstrath%3Fformat%3Dturbo_stream%26page%3D123">
    <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-20031">
          <img alt="Pill Kosmetik - Sonnenmilch LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10739/file/small-474a2c97031d4b6b9231404c02d45b72.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10739/file/medium-205006a936b91f97f028e2398f1914d9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10739/file/large-4487a9b8b297b53acdccfa0b31619aab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10739/file/medium-205006a936b91f97f028e2398f1914d9.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-sonnenmilch-lsf50-200-ml-20031">
            <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 42.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8oUD58vOyvzOdC5Ly9elS8Jo8X5U-XKHSNvQkeCEnwxnbS6rFRJ-Fr96qBHPIGO3wzaMtXOxDfzeuFUUR271hw" />
    <input value="20031" 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%2Fstrath%3Fformat%3Dturbo_stream%26page%3D123">
    <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-sonnen-gesichtscreme-reichhaltig-lsf50-50-ml-20032">
          <img alt="Pill Kosmetik - Sonnen Gesichtscreme reichhaltig LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10740/file/small-b8556e99e407ada3b50c479d99e3541f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10740/file/medium-1cfd2d220496fd18bd2cbb9ae21d2372.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10740/file/large-9ff6f1f51da79d33d455373db3584d51.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10740/file/medium-1cfd2d220496fd18bd2cbb9ae21d2372.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-sonnen-gesichtscreme-reichhaltig-lsf50-50-ml-20032">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnen Gesichtscreme reichhaltig LSF50+, 50 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 66.40 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lLvJfSg3Ob7cARtxPjxXWuxV--3JOXzBcUyUhpQMVHYBU-Qx9uuNVK0PnSs6y5Gm7QuGJu5xA7rnLxEDM-Y-_Q" />
    <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 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%2Fstrath%3Fformat%3Dturbo_stream%26page%3D123">
    <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-sonnen-gesichtscreme-leicht-lsf50-50-ml-20033">
          <img alt="Pill Kosmetik - Sonnen Gesichtscreme leicht LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10741/file/small-683b5953deb325abb6733e7999de9636.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10741/file/medium-f12ec095afb4fe609b7bf6e8b34d9b7c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10741/file/large-45c39e9ded061c58b3a029ce0c688ea2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10741/file/medium-f12ec095afb4fe609b7bf6e8b34d9b7c.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-sonnen-gesichtscreme-leicht-lsf50-50-ml-20033">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnen Gesichtscreme leicht LSF50+, 50 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 66.40 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PYmpoXDvlgYna-wE-6KvaumW5Y4Epku0DviczxHvDz2oYYTtrjMi7FZlal7_VWmW6MiYRSPuNM-YmxlKtgVltg" />
    <input value="20033" 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%2Fstrath%3Fformat%3Dturbo_stream%26page%3D123">
    <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-20034">
          <img alt="Pill Kosmetik - Sonnenstick LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10742/file/small-b72a8f4ec36fc41a5b742c4af879e1c7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10742/file/medium-88273c248ccdcb56d19b7f310a727b29.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10742/file/large-89f0bf51b4b738ba0904f63898085404.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10742/file/medium-88273c248ccdcb56d19b7f310a727b29.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-sonnenstick-lsf50-12-ml-20034">
            <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 23.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9uJkXHe1EWlxlnYrylhhwlm7g1ML4-jmA8aIlgYD7VpjCkkQqWmlgwCY8HHOr6c-WOX-mCyrl52VpQ0ToemH0Q" />
    <input value="20034" 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%2Fstrath%3Fformat%3Dturbo_stream%26page%3D123">
    <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-sonnen-lippenpflegestick-lsf50-4-5-ml-20035">
          <img alt="Pill Kosmetik - Sonnen Lippenpflegestick LSF50+" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10743/file/small-f394c1bc9187843fc90d99171f63f053.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10743/file/medium-6f362696e361118fb40a5816ae60f7c9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10743/file/large-871c18672acc31f485b601cbeb9c3e1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10743/file/medium-6f362696e361118fb40a5816ae60f7c9.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-sonnen-lippenpflegestick-lsf50-4-5-ml-20035">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Sonnen Lippenpflegestick LSF50+, 4.5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="28-tb3J2FAcBS5iEOaWifht5jhO45oo9_ffnpqjTg1ZOJ4AjrKqg7XBFHt49UmSCGifz2J-u9UZrlGIjDznp3Q" />
    <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  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%2Fstrath%3Fformat%3Dturbo_stream%26page%3D123">
    <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-gesichtsserum-after-sun-50-ml-20036">
          <img alt="Pill Kosmetik - Gesichtsserum After Sun" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10747/file/small-6293968cf0811284788255d99134a460.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10747/file/medium-8b5dc1465cf0c998ba72d815d92cfbc2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10747/file/large-ef3b28acaa6df0dbea4bbc070d7256f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10747/file/medium-8b5dc1465cf0c998ba72d815d92cfbc2.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-gesichtsserum-after-sun-50-ml-20036">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Gesichtsserum After Sun, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-7yRKUQa3snNc2_CqN1qBPS7H5zbtN5dVWdUwbAoDqBuVLxlmsZqI7x96ZisKqz49eViV_z8oSbDBNFEF8JkKw" />
    <input value="20036" 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%2Fstrath%3Fformat%3Dturbo_stream%26page%3D123">
    <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-lippenschutz-stick-4-5-ml-20037">
          <img alt="Pill Kosmetik - Lippenschutz Stick" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10748/file/small-dfefa581772df56a138fe5082e392512.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10748/file/medium-449dda3975c3e11c35b2a6c6e0816b08.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10748/file/large-a60b86ff34bea276fc0cd5b3d6fb7886.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10748/file/medium-449dda3975c3e11c35b2a6c6e0816b08.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-lippenschutz-stick-4-5-ml-20037">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Lippenschutz Stick, 4.5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.80
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tltp5ijDLG-gKMmNY6iuvrUE1O7xtj92fnNQFW9SohEjs0Sq9h-YhdEmT9dnX2hCtFqpJdb-QA3oENWQyLjImg" />
    <input value="20037" 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%2Fstrath%3Fformat%3Dturbo_stream%26page%3D123">
    <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-starkende-creme-mit-pro-prabiotika-50-ml-20038">
          <img alt="Pill Kosmetik - Stärkende Creme mit Pro- &amp; Präbiotika" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10749/file/small-4c3e62bddcebb8f97a88aef9cad36d4a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10749/file/medium-53611fb1998b0a4712880cf371535de0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10749/file/large-f27c7cb369b8f787c4ce9dcff7c7c5e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10749/file/medium-53611fb1998b0a4712880cf371535de0.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-starkende-creme-mit-pro-prabiotika-50-ml-20038">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Stärkende Creme mit Pro- &amp; Präbiotika, 50 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 66.40 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KO1qR3Hu5eXwUE-GrdhHlaTyx_J3kGiqIz2nJEok3nS9BUcLrzJRD4FeydypL4Fppay6OVDYF9G1XiKh7c60_w" />
    <input value="20038" 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%2Fstrath%3Fformat%3Dturbo_stream%26page%3D123">
    <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-ceramide-hautverdichtende-creme-leichte-textur-50-ml-20039">
          <img alt="Pill Kosmetik - Ceramide hautverdichtende Creme leichte Textur" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10750/file/small-2b3b032145334fa2e5d26f1309299aff.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10750/file/medium-95e958a98cfa71e9027edbfc53b162cc.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10750/file/large-779d4ea93a28ff9c24b4b6a583ac1da7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10750/file/medium-95e958a98cfa71e9027edbfc53b162cc.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-ceramide-hautverdichtende-creme-leichte-textur-50-ml-20039">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Ceramide hautverdichtende Creme leichte Textur, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 51.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YHAJXjCZWUeAtUR-Ba9NnF9sTVg3XDAhyA__8XGpZuP1mCQS7kXtrfG7wiQBWItgXjIwkxAUT1pebHp01kMMaA" />
    <input value="20039" 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%2Fstrath%3Fformat%3Dturbo_stream%26page%3D123">
    <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-lifting-creme-mit-prokollagensaure-reichhaltige-textur-50-ml-20040">
          <img alt="Pill Kosmetik - Lifting Creme mit Prokollagensäure reichhaltige Textur" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10751/file/small-a24d850596e1bbf2288f003013169458.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10751/file/medium-4dfef931a9225d7f684a86ab3350b1e2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10751/file/large-d43349fac08fd20cb25e3f9e25af867e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10751/file/medium-4dfef931a9225d7f684a86ab3350b1e2.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-lifting-creme-mit-prokollagensaure-reichhaltige-textur-50-ml-20040">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Kosmetik - Lifting Creme mit Prokollagensäure reichhaltige Textur, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 46.80
            </p>

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

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

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

</template></turbo-stream>