<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%2Ffive-skincare%3Fformat%3Dturbo_stream%26page%3D64">
    <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/stick-himbeer-joghurt-bio-22-g-18822">
          <img alt="Stick Himbeer Joghurt Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10923/file/small-8490b7e2cea12e54c2b9a3cf02d47fa9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10923/file/medium-9b44957938466f8e71cbb346194c3051.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10923/file/large-7d021e6009eb99d05676436707340998.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10923/file/medium-9b44957938466f8e71cbb346194c3051.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">Rapunzel</p>
          <a href="/products/stick-himbeer-joghurt-bio-22-g-18822">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Stick Himbeer Joghurt Bio, 22 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5XqJtm8Xq9mO72R4bb5PEuvXDfbhnyBbGYTQw-iLdORVRt3xpAMwfYsMSsAu1HkkVaCKC9RuxRRRxmC9tGZxPQ" />
    <input value="18822" 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%2Ffive-skincare%3Fformat%3Dturbo_stream%26page%3D64">
    <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/suppennudeln-buchstaben-bunt-bio-500-g-18823">
          <img alt="Suppennudeln Buchstaben bunt Bio" 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-ff2675ccc65b193d3e554ff20033430d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10764/file/medium-81a87838d4e5a3c31c41faeed2928ec4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10764/file/large-c7821e0f371eb42a1f0ab78249bd311c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10764/file/medium-81a87838d4e5a3c31c41faeed2928ec4.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">Rapunzel</p>
          <a href="/products/suppennudeln-buchstaben-bunt-bio-500-g-18823">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Suppennudeln Buchstaben bunt Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NaGM13Lo7u7XhEc915dWzcX8G2TJq97uMzrfTkuqloiFndiQufx1StJnaYWU_WD7e4ucmfxaO6F7eG8wF0eTUQ" />
    <input value="18823" 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%2Ffive-skincare%3Fformat%3Dturbo_stream%26page%3D64">
    <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/tafel-schokolade-bitter-85-bio-80-g-18824">
          <img alt="Tafel Schokolade Bitter 85% Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10924/file/small-c4902eec1c4fae005073ac0d8a128443.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10924/file/medium-0a7323895353d522ec00112c7d0d7b58.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10924/file/large-a2cb2df71df33e0f94d5c2b9b2499ef0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10924/file/medium-0a7323895353d522ec00112c7d0d7b58.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">Rapunzel</p>
          <a href="/products/tafel-schokolade-bitter-85-bio-80-g-18824">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tafel Schokolade Bitter 85% Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W_eA5bLDCIOzhHPEkgA6S2pMGWg0dMtU1kqfbAa2OcPry9SiedeTJ7ZnXXzRagx91DuelQGFLhueCC8SWls8Gg" />
    <input value="18824" 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%2Ffive-skincare%3Fformat%3Dturbo_stream%26page%3D64">
    <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/tafel-schokolade-krachnuss-vollmilch-bio-100-g-18825">
          <img alt="Tafel Schokolade Krachnuss Vollmilch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9275/file/small-1fb771374ef54039c771ff2a535100a0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9275/file/medium-d57f2fa7d15e3b441ea7e8f329f7f8f4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9275/file/large-1102cf0181dc8f1267e389869e2a904c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9275/file/medium-d57f2fa7d15e3b441ea7e8f329f7f8f4.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">Rapunzel</p>
          <a href="/products/tafel-schokolade-krachnuss-vollmilch-bio-100-g-18825">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tafel Schokolade Krachnuss Vollmilch Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZPwgbKNjQ2Mi4AkZ-7FZqGZbITPg-0Q0EcNbw_iawIPUwHQraHfYxycDJ6G422-e2CymztUKoXtZgeu9pHfFWg" />
    <input value="18825" 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%2Ffive-skincare%3Fformat%3Dturbo_stream%26page%3D64">
    <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/tahin-weiss-ohne-salz-bio-250-g-18826">
          <img alt="Tahin weiss ohne Salz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10874/file/small-3f54697973098a3ea5c4a23fd560681e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10874/file/medium-99ab2f6976b92d70132ef85bf64b02a5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10874/file/large-daeb163ec98d72e1fb0e2f15eb7b72d9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10874/file/medium-99ab2f6976b92d70132ef85bf64b02a5.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">Rapunzel</p>
          <a href="/products/tahin-weiss-ohne-salz-bio-250-g-18826">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tahin weiss ohne Salz Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tEtNORdbIsdC7YUDfg2dV-IsngzPjzV_tzLpeuoUG-YEdxl-3E-5Y0cOq7s9Z6thXFsZ8fp-0DD_cFkEtvkePw" />
    <input value="18826" 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%2Ffive-skincare%3Fformat%3Dturbo_stream%26page%3D64">
    <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/tiger-quick-instant-bio-400-g-18827">
          <img alt="Tiger Quick Instant Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9276/file/small-cfc3241548c7398784558941dd6801c7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9276/file/medium-b11248f5a3a0979445d63247176f457a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9276/file/large-d65e77a9bf7d5d3e41773f76becd7a74.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9276/file/medium-b11248f5a3a0979445d63247176f457a.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">Rapunzel</p>
          <a href="/products/tiger-quick-instant-bio-400-g-18827">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tiger Quick Instant Bio, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2250Pij1YacxMpnVQ449DuP9zp66xtskFlB6SoU-IadrUiB54-H6AzTRt20A5As4XYpJY483PmteEso02dMkfg" />
    <input value="18827" 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%2Ffive-skincare%3Fformat%3Dturbo_stream%26page%3D64">
    <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/tomaten-getrocknet-in-olivenol-bio-120-g-18828">
          <img alt="Tomaten getrocknet in Olivenöl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9987/file/small-921f22bc0e6a1ada980edbeca793510c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9987/file/medium-e0e35d12c0fb70756beee48bd56dd7fb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9987/file/large-03cc67368683bbfa7cff5f20f7e2d241.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9987/file/medium-e0e35d12c0fb70756beee48bd56dd7fb.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">Rapunzel</p>
          <a href="/products/tomaten-getrocknet-in-olivenol-bio-120-g-18828">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tomaten getrocknet in Olivenöl Bio, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z7nRoqeQytoVoBRWbcKekKVTB7ZoifgTtIRGVx8UUf9_hYXlbIRRfhBDOu4uqKimGySAS114HVz8xvYpQ_lUJg" />
    <input value="18828" 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%2Ffive-skincare%3Fformat%3Dturbo_stream%26page%3D64">
    <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/weissweinessig-bio-5-dl-18829">
          <img alt="Weissweinessig Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10883/file/small-d03d40507b9bd8d920e11780d37c596e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10883/file/medium-39f97e13c02cb23a32346b784f844e79.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10883/file/large-8d7c94895bb5892088ba4bf08902ed63.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10883/file/medium-39f97e13c02cb23a32346b784f844e79.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">Rapunzel</p>
          <a href="/products/weissweinessig-bio-5-dl-18829">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weissweinessig Bio, 5 dl</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="omGEzocqC90X_0zXMAVBcP6d0Q6ywDW1p04xfnhhmeESXdCJTD6QeRIcYm9zb3dGQOpW84cx0PrvDIEAJIycOA" />
    <input value="18829" 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%2Ffive-skincare%3Fformat%3Dturbo_stream%26page%3D64">
    <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/wildreis-natur-200-g-18830">
          <img alt="Wildreis Natur" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9277/file/small-0679c14690eed9d9b9fc9c1cdd880b9f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9277/file/medium-9cdb85dc39632a0df7bae24843944f9d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9277/file/large-011ea979a636d0e32c343caf1795d77c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9277/file/medium-9cdb85dc39632a0df7bae24843944f9d.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">Rapunzel</p>
          <a href="/products/wildreis-natur-200-g-18830">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wildreis Natur, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cVVpVbcLRRaygNlFDme0lxj9YWxjB7e88LCqOYRaepXBaT0SfB_esrdj9_1NDYKhpormkVb2UvO48hpH2Ld_TA" />
    <input value="18830" 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%2Ffive-skincare%3Fformat%3Dturbo_stream%26page%3D64">
    <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/rawbite-kakao-bio-50-g-18831">
          <img alt="RawBite Kakao Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9481/file/small-888e82522c9854be222384ca1e250ca0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9481/file/medium-8503403b51b6cb112e1c66bab16df17f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9481/file/large-72a6a0e3e69d5b3f91bb64ec75b63cd0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9481/file/medium-8503403b51b6cb112e1c66bab16df17f.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">Raw Bite</p>
          <a href="/products/rawbite-kakao-bio-50-g-18831">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">RawBite Kakao Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wQv_R8Dkr14hYeoTdBStgir7e_a-Z_buKbfRP6FbL2NxN6sAC_A0-iSCxKs3fpu0lIz8C4uWE6Fh9WFB_bYqug" />
    <input value="18831" 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%2Ffive-skincare%3Fformat%3Dturbo_stream%26page%3D64">
    <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/rawbite-kokosnuss-bio-roh-50-g-18832">
          <img alt="RawBite Kokosnuss Bio roh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9483/file/small-2dc103042ed710a5791c3d98afb62338.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9483/file/medium-3c67ffd8a0936bd778aa35bd082e2ec4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9483/file/large-7a871fbb12898b7cb0ded871d62f382e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9483/file/medium-3c67ffd8a0936bd778aa35bd082e2ec4.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">Raw Bite</p>
          <a href="/products/rawbite-kokosnuss-bio-roh-50-g-18832">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">RawBite Kokosnuss Bio roh, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T-BGDj7Il9F2sJv5f5Hfuw5f0lKf1L7zVueVvNdXt8j_3BJJ9dwMdXNTtUE8--mNsChVr6olW7wepSXCi7qyEQ" />
    <input value="18832" 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%2Ffive-skincare%3Fformat%3Dturbo_stream%26page%3D64">
    <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/rawbite-rohkostriegel-zitrone-bio-50-g-18833">
          <img alt="RawBite Rohkostriegel Zitrone Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9482/file/small-dfd65a7d7dad202cf74537f681b438ed.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9482/file/medium-f7413fd43028ff0e3e974299814b1045.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9482/file/large-f2c1c8092d605c27b5eca14cb313d0d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9482/file/medium-f7413fd43028ff0e3e974299814b1045.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">Raw Bite</p>
          <a href="/products/rawbite-rohkostriegel-zitrone-bio-50-g-18833">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">RawBite Rohkostriegel Zitrone Bio, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c4szt7QOz8m9ZyNj2waf8SVp5nwQYO0NMzjVNtNvZmzDt2fwfxpUbbiEDduYbKnHmx5hgSWRCEJ7emVIj4JjtQ" />
    <input value="18833" 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%2Ffive-skincare%3Fformat%3Dturbo_stream%26page%3D64">
    <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/champion-alkoholfrei-7-5dl-bio-1-stuck-18834">
          <img alt="Champion alkoholfrei 7.5dl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10828/file/small-3b4d92ae1dedb2f90fe5ca14d6a86024.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10828/file/medium-726d017b06174c6f6f58e0a8ce3c8ac4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10828/file/large-c4b9888c02ad96fa92793386cd2b473b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10828/file/medium-726d017b06174c6f6f58e0a8ce3c8ac4.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">Rimuss</p>
          <a href="/products/champion-alkoholfrei-7-5dl-bio-1-stuck-18834">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Champion alkoholfrei 7.5dl Bio, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.60
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 10.60 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="h8zzAPddYzzEan5un0CJlPIMCUTVHvAJlzJOl20cMq838KdHPEn4mMGJUNbcKr-iTHuOueDvFUbfcP7pMfE3dg" />
    <input value="18834" 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%2Ffive-skincare%3Fformat%3Dturbo_stream%26page%3D64">
    <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/sanatura-inulin-ballaststoff-prebiotisch-250-g-18835">
          <img alt="Sanatura Inulin Ballaststoff prebiotisch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9484/file/small-7acb57611b386aea34abdeb7910bd834.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9484/file/medium-f63c121f0d2cdc75e9086825e80685eb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9484/file/large-2afd2c1265769b6896714fc07b3c3853.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9484/file/medium-f63c121f0d2cdc75e9086825e80685eb.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">Sanacura</p>
          <a href="/products/sanatura-inulin-ballaststoff-prebiotisch-250-g-18835">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sanatura Inulin Ballaststoff prebiotisch, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CRKGRfi8y9HTkEJPGMQiC0jXSJxsdzm20lIpMnQDD0O5LtICM6hQddZzbPdbrhQ99qDPYVmG3PmaEJlMKO4Kmg" />
    <input value="18835" 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%2Ffive-skincare%3Fformat%3Dturbo_stream%26page%3D64">
    <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/brot-mix-dunkel-konv-1-kg-18836">
          <img alt="Brot-Mix dunkel konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10599/file/small-62e036956222757ae8813d7de59eb826.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10599/file/medium-04dbb5cbd4f3ed4e4a52ebca7527c9a6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10599/file/large-37d2956ebe15040a5e180c3f67e9e1cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10599/file/medium-04dbb5cbd4f3ed4e4a52ebca7527c9a6.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/brot-mix-dunkel-konv-1-kg-18836">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Brot-Mix dunkel konv, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jV64R9FGXLZvdqySLozpYtMq7nPJlDrb2zCsmBKxEmI9YuwAGlLHEmqVgipt5t9UbV1pjvxl35STchzmTlwXuw" />
    <input value="18836" 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%2Ffive-skincare%3Fformat%3Dturbo_stream%26page%3D64">
    <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/butterkeks-konv-165-g-18837">
          <img alt="Butterkeks konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10605/file/small-04ca16eeea23ac39d6859b81a69857b2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10605/file/medium-f4a075b503647d66120fab790165b6e7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10605/file/large-ec6d1c75f6b1aeb68c4c98e18c6500eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10605/file/medium-f4a075b503647d66120fab790165b6e7.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/butterkeks-konv-165-g-18837">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Butterkeks konv, 165 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hu9IIvCLBi2xkcIXg7_tDAo8-uqhENoFl4rpQKq41vc20xxlO5-dibRy7K_A1ds6tEt9F5ThP0rfyFk-9lXTLg" />
    <input value="18837" 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%2Ffive-skincare%3Fformat%3Dturbo_stream%26page%3D64">
    <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/butterkeks-choco-konv-130-g-18838">
          <img alt="Butterkeks Choco konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9501/file/small-0ecb98f36bf7b01246d680c11f9d8ef2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9501/file/medium-ecdf764e9198bd75a49ceafcb4f0248a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9501/file/large-8c62006b3b02161c02e47fe83adb45c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9501/file/medium-ecdf764e9198bd75a49ceafcb4f0248a.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/butterkeks-choco-konv-130-g-18838">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Butterkeks Choco konv, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IYuSyYUqWxmlFvN9I5DFKOtS8eHYXLkjZKLOUve2MOmRt8aOTj7AvaD13cVg-vMeVSV2HO2tXGws4H4sq1s1MA" />
    <input value="18838" 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%2Ffive-skincare%3Fformat%3Dturbo_stream%26page%3D64">
    <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/cereal-flakes-konv-300-g-18839">
          <img alt="Cereal Flakes konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9521/file/small-f7622370e49304f462e0d26dcab0b081.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9521/file/medium-3fdd9f1fcdd42bd3b850d7b4890ec9b8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9521/file/large-49c19a8b8e5bf00e65b5b8893ac54463.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9521/file/medium-3fdd9f1fcdd42bd3b850d7b4890ec9b8.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/cereal-flakes-konv-300-g-18839">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cereal Flakes konv, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5nN4H8lHw87-953FdyA3LsCmt_rSKOaJFlWt50JoR1NWTyxYAlNYavsUs300SgEYftEwB-fZA8ZeFx2ZHoVCig" />
    <input value="18839" 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%2Ffive-skincare%3Fformat%3Dturbo_stream%26page%3D64">
    <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/choco-balls-konv-250-g-18840">
          <img alt="Choco Balls konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9520/file/small-ad7e298eb803ab79320b38b0d1de3d59.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9520/file/medium-571eec2626ccc512f3778c0f99990360.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9520/file/large-05416e60d8688c1b488152a696fa4ae9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9520/file/medium-571eec2626ccc512f3778c0f99990360.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/choco-balls-konv-250-g-18840">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Choco Balls konv, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ydf0PuyrmFzrKJTASQyy7_PgVyD2dDgORkRWTE__1f_R66B5J78D-O7LungKZoTZTZfQ3cOF3UEOBuYyExLQJg" />
    <input value="18840" 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%2Ffive-skincare%3Fformat%3Dturbo_stream%26page%3D64">
    <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/choco-chip-cookies-konv-200-g-18841">
          <img alt="Choco Chip Cookies konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9499/file/small-afb1763a0199af9f376edf8eb17d32a8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9499/file/medium-53a5c47084168e231b00dc7f48b7c821.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9499/file/large-c240cf015a0f21ef62a7d56a88257416.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9499/file/medium-53a5c47084168e231b00dc7f48b7c821.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/choco-chip-cookies-konv-200-g-18841">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Choco Chip Cookies konv, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ia8iWsKGUQEWLta_YNdd1ESvyyVBwVJvjFr-cS6P6VWRk3YdCZLKpRPN-AcjvWvi-thM2HQwtyDEGE4PcmLsjA" />
    <input value="18841" 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">
      1&#39;280 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/five-skincare?format=turbo_stream&amp;page=65">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>