<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%2Ferva-medica-ag%3Fformat%3Dturbo_stream%26page%3D97">
    <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/system-absolut-nachtcreme-50-ml-19501">
          <img alt="System Absolut Nachtcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9833/file/small-c60569945c4fa282670aac860de7be51.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9833/file/medium-28221f996aa76aacb6b16da1ec5a097e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9833/file/large-5b8679cee6e10ba3a9df4ad1ea34e723.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9833/file/medium-28221f996aa76aacb6b16da1ec5a097e.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">Börlind</p>
          <a href="/products/system-absolut-nachtcreme-50-ml-19501">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">System Absolut Nachtcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 89.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fGBIS5xwPHFn_iBGPxdlnJWaOEY5ALE1pnH8dgdtw-HQvKsEH5f16U8Jf6Vb7j7MJxHHpTIpkhVM2SDtqTsK8w" />
    <input value="19501" 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%2Ferva-medica-ag%3Fformat%3Dturbo_stream%26page%3D97">
    <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/system-absolut-nachtcreme-light-50-ml-19502">
          <img alt="System Absolut Nachtcreme light" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9349/file/small-2ec16e67ead3b1bdb6e62268755a4de9.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9349/file/medium-be4b4d917bbd6d16159f01375e411144.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9349/file/large-c8dac81026448f9b9131ec695a2b9d1e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9349/file/medium-be4b4d917bbd6d16159f01375e411144.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">Börlind</p>
          <a href="/products/system-absolut-nachtcreme-light-50-ml-19502">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">System Absolut Nachtcreme light, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 89.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-hCgsldtfNdgBBs3_JkNwJnHr6GDn60aZYQscrPAnqRWzEP91Iq1T0jzRNSYYFaQK0xQQoi2jjqPLPDpHZZXtg" />
    <input value="19502" 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%2Ferva-medica-ag%3Fformat%3Dturbo_stream%26page%3D97">
    <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/system-absolut-reinigungsemulsion-120-ml-19503">
          <img alt="System Absolut Reinigungsemulsion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9834/file/small-722bcd451141314098ae790e753db5fd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9834/file/medium-53e509fe16493c0684a1e959e8dcab1d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9834/file/large-13251544410bae783173fac2f30a6914.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9834/file/medium-53e509fe16493c0684a1e959e8dcab1d.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">Börlind</p>
          <a href="/products/system-absolut-reinigungsemulsion-120-ml-19503">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">System Absolut Reinigungsemulsion, 120 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PVNKn-7G5KHRCfQnUmFEN7QQH8t9tf_o5d0hqUfASqORj6nQbSEtOfn-q8Q2mB9nBpvgKHac3MgPdf0y6ZaDsQ" />
    <input value="19503" 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%2Ferva-medica-ag%3Fformat%3Dturbo_stream%26page%3D97">
    <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/system-absolut-tagescreme-50-ml-19504">
          <img alt="System Absolut Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9835/file/small-1fd2f82afc3da4eb675693d217ddede4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9835/file/medium-34790d1fe5f1e1dab7ecb03c05ec06fa.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9835/file/large-381690e1974c4e6765661a7d66c83b20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9835/file/medium-34790d1fe5f1e1dab7ecb03c05ec06fa.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">Börlind</p>
          <a href="/products/system-absolut-tagescreme-50-ml-19504">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">System Absolut Tagescreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 86.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YhdMiADqKIYtIFFTe09eigCYmmK0i6xHhtfkxx2tsQPOy6_Hgw3hHgXXDrAftgXashNlgb-ij2dsfzhcs_t4EQ" />
    <input value="19504" 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%2Ferva-medica-ag%3Fformat%3Dturbo_stream%26page%3D97">
    <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/system-absolut-tagescreme-light-50-ml-19505">
          <img alt="System Absolut Tagescreme light" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11022/file/small-b40b3ef20945acd08e6e552001e2f537.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11022/file/medium-f6827b422c84566c951786a6928e672c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11022/file/large-8e465c47fdf69e8aef26c25fc5af8383.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11022/file/medium-f6827b422c84566c951786a6928e672c.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">Börlind</p>
          <a href="/products/system-absolut-tagescreme-light-50-ml-19505">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">System Absolut Tagescreme light, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 86.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1cIpgowO0PST-y6c_-HWDLTKI28butIiVl7VOCP6TX55HsrND-kZbLsMcX-bGI1cBkHcjBCT8QK89gmjjayEbA" />
    <input value="19505" 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%2Ferva-medica-ag%3Fformat%3Dturbo_stream%26page%3D97">
    <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/wimpernserum-lash-creator-5-ml-19506">
          <img alt="Wimpernserum Lash Creator" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9836/file/small-eb8b2b625c32950f831ac4a59881b5b4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9836/file/medium-41c9b81c403a6416f6cee304c098ad57.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9836/file/large-3707e1180a9a566536977193acca7d3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9836/file/medium-41c9b81c403a6416f6cee304c098ad57.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">Börlind</p>
          <a href="/products/wimpernserum-lash-creator-5-ml-19506">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wimpernserum Lash Creator, 5 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 62.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;240.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Llziyzxmx3k0Ojl3szAHizoHAv8TfPA7bMdWpPirHaaCgAGEv4EO4RzNZpTXyVzbiIz9HBhV0xuGb4o_Vv3UtA" />
    <input value="19506" 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%2Ferva-medica-ag%3Fformat%3Dturbo_stream%26page%3D97">
    <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/zz-sensitive-aufbauende-nachtcreme-50-ml-19507">
          <img alt="zz Sensitive Aufbauende Nachtcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11023/file/small-5a573e874d7c1c2bbf1c8b7270b86975.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11023/file/medium-0209d5e665c0912bfabbea0f0459012d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11023/file/large-6f68d28e87bab83e2d92b1f82c76f9c2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11023/file/medium-0209d5e665c0912bfabbea0f0459012d.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">Börlind</p>
          <a href="/products/zz-sensitive-aufbauende-nachtcreme-50-ml-19507">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Aufbauende Nachtcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3KnbYk4RMkkHuVnzAcr7fC3Ybytiu79k1CmYVK83m5VwdTgtzfb70S9OBhBlM6Asn1OQyGmSnEQ-gUTPAWFShw" />
    <input value="19507" 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%2Ferva-medica-ag%3Fformat%3Dturbo_stream%26page%3D97">
    <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/zz-sensitive-augencreme-15-ml-19508">
          <img alt="zz Sensitive Augencreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11024/file/small-e1f5cad1544ab03cd93a38ce0a67fc7f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11024/file/medium-19bd929f8d97a332af5889258aba97d0.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11024/file/large-9e721d0d81d98114b64e18cce414703c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11024/file/medium-19bd929f8d97a332af5889258aba97d0.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">Börlind</p>
          <a href="/products/zz-sensitive-augencreme-15-ml-19508">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Augencreme, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vAFgDejNZJVTOfArNae-9CLMO8rl_pQ8o7uD5lLNVY8Q3YNCayqtDXvOr8hRXuWkkEfEKe7XtxxJE199_JucnQ" />
    <input value="19508" 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%2Ferva-medica-ag%3Fformat%3Dturbo_stream%26page%3D97">
    <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/zz-sensitive-milde-reinigungsemulsion-150-ml-19509">
          <img alt="zz Sensitive Milde Reinigungsemulsion" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11025/file/small-f4d1287ee626f58463fb8066db26880f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11025/file/medium-97c589b2000a98a7f1ae904a19e3d060.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11025/file/large-b3a5e10b6f015185f439f0e0e76b1635.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11025/file/medium-97c589b2000a98a7f1ae904a19e3d060.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">Börlind</p>
          <a href="/products/zz-sensitive-milde-reinigungsemulsion-150-ml-19509">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Milde Reinigungsemulsion, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 27.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Opq4BeuUIia7cIA8LXENicl33E-K_3U9kfFIjDBhHziWRltKaHPrvpOH399JiFbZe_wjrIHWVh17WZQXnjfWKg" />
    <input value="19509" 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%2Ferva-medica-ag%3Fformat%3Dturbo_stream%26page%3D97">
    <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/zz-sensitive-regenerierende-nachtcreme-50-ml-19510">
          <img alt="zz Sensitive Regenerierende Nachtcreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11026/file/small-dd4f8aaec96293f7d2a049f05a97a8ae.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11026/file/medium-40d5cdf01b76830934f81900bbc697f9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11026/file/large-a9cbcb3ee296eff8be57b9b8da1ca73d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11026/file/medium-40d5cdf01b76830934f81900bbc697f9.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">Börlind</p>
          <a href="/products/zz-sensitive-regenerierende-nachtcreme-50-ml-19510">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Regenerierende Nachtcreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 52.00
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0evheRYWvcPkvKE1sfsMfoF_Oy1lZWFx3l65ueQFF4x9NwI2lfF0W8xL_tbVAlcuM_TEzm5MQlE09mUiSlPeng" />
    <input value="19510" 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%2Ferva-medica-ag%3Fformat%3Dturbo_stream%26page%3D97">
    <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/zz-sensitive-regenerierende-tagescreme-50-ml-19511">
          <img alt="zz Sensitive Regenerierende Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9837/file/small-73d98165b44d832b98738263ee1a8cce.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9837/file/medium-dfd3211ce2e2b6fe43efe49447990ee6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9837/file/large-f92758110315a72eccfb1820d45cd077.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9837/file/medium-dfd3211ce2e2b6fe43efe49447990ee6.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">Börlind</p>
          <a href="/products/zz-sensitive-regenerierende-tagescreme-50-ml-19511">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Regenerierende Tagescreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 46.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0aXHParbyOUQsyPLK6dbiQ4rB79pY9ZUFTrhxAswV859eSRyKTwBfThEfChPXgDZvKD4XGJK9XT_kj1fpWae3A" />
    <input value="19511" 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%2Ferva-medica-ag%3Fformat%3Dturbo_stream%26page%3D97">
    <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/zz-sensitive-schutzende-tagescreme-50-ml-19512">
          <img alt="zz Sensitive Schützende Tagescreme" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11027/file/small-9a0d023b0acbd4db4f2d9e98ec36904f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11027/file/medium-df4be936f3e20c6d7cd21595a8d4b3f9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11027/file/large-410c2c9f3ab78aa6bac18a1536207ef7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11027/file/medium-df4be936f3e20c6d7cd21595a8d4b3f9.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">Börlind</p>
          <a href="/products/zz-sensitive-schutzende-tagescreme-50-ml-19512">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Schützende Tagescreme, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 36.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ancwIyXzZuvbdmF2QVN-HXv_R4khT3HRQRKrc2V-uDTGq9NsphSvc_OBPpUlqiVNyXS4aipmUvGrunfoyyhxJg" />
    <input value="19512" 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%2Ferva-medica-ag%3Fformat%3Dturbo_stream%26page%3D97">
    <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/zz-sensitive-starkendes-gesichtsgel-150-ml-19513">
          <img alt="zz Sensitive Stärkendes Gesichtsgel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9350/file/small-17447d95c95a4c3fa67afe0779a4aa66.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9350/file/medium-9398076d4e5dd3f6585b49aaaf6409b8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9350/file/large-a0fbdfa1bba54763c9f8182b41f76f34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9350/file/medium-9398076d4e5dd3f6585b49aaaf6409b8.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">Börlind</p>
          <a href="/products/zz-sensitive-starkendes-gesichtsgel-150-ml-19513">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">zz Sensitive Stärkendes Gesichtsgel, 150 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 35.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="idApXPYWVO8vHwXWJPTSbaW_v1432rEhiYl33po4_x8lDMoTdfGddwfoWjVADYk9FzRAvTzzkgFjIatFNG42DQ" />
    <input value="19513" 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%2Ferva-medica-ag%3Fformat%3Dturbo_stream%26page%3D97">
    <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/original-nachfullglas-fur-nfp-1-stuck-19514">
          <img alt="Original Nachfüllglas für NFP" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9816/file/small-b687587c9db22e60b9b0038e5a8c6c53.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9816/file/medium-e49426c23e5aaa5541c67f0fbe3cd435.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9816/file/large-8728cf41072f4f65def399bbb347024f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9816/file/medium-e49426c23e5aaa5541c67f0fbe3cd435.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">Brecht</p>
          <a href="/products/original-nachfullglas-fur-nfp-1-stuck-19514">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Original Nachfüllglas für NFP, 1 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jdImYfFOAhUCt5kAVfsQid8UMWwlGTeigCe9G0uSw3ghDsUucqnLjSpAxuMxAkvZbZ_Ojy4wFIJqj2GA5cQKag" />
    <input value="19514" 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%2Ferva-medica-ag%3Fformat%3Dturbo_stream%26page%3D97">
    <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/bar-soap-sandelholz-jasmin-140-g-19515">
          <img alt="Bar Soap Sandelholz-Jasmin" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10025/file/small-97ada56d81ee59534accb0aa48f5b417.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10025/file/medium-e09a32249d78e56a8b7a235b25bc0e5c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10025/file/large-acc796fa514da58699b3a575ab28723c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10025/file/medium-e09a32249d78e56a8b7a235b25bc0e5c.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">Dr. Bronners</p>
          <a href="/products/bar-soap-sandelholz-jasmin-140-g-19515">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Sandelholz-Jasmin, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EWff8yO_ib0KRTL7cBplqqe72BLfANgxCXEuyXOt0pm9uzy8oFhAJSKybRgU4z76FTAn8dQp-xHj2fJS3fsbiw" />
    <input value="19515" 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%2Ferva-medica-ag%3Fformat%3Dturbo_stream%26page%3D97">
    <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/bar-soap-baby-mild-140-g-19516">
          <img alt="Bar Soap Baby Mild" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9351/file/small-a04d84ee3052b4d9eabed45fe7207b36.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9351/file/medium-e8066dfbba6a35007a55830c4bb59d0f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9351/file/large-5a40eb24a5ebcacc8904c82ed5bfa963.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9351/file/medium-e8066dfbba6a35007a55830c4bb59d0f.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">Dr. Bronners</p>
          <a href="/products/bar-soap-baby-mild-140-g-19516">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Baby Mild, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g4UP7_EI9mu3B1E68tXQJ2WtbBQa4gffHyT-vyTD_F4vWeygcu8_85_wDtmWLIt31yaT9xHLJP_1jCIkipU1TA" />
    <input value="19516" 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%2Ferva-medica-ag%3Fformat%3Dturbo_stream%26page%3D97">
    <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/bar-soap-cherry-blossom-140-g-19517">
          <img alt="Bar Soap Cherry Blossom" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10071/file/small-3ea9f0726b6268cdb7c3e471d33c3ef4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10071/file/medium-29d257ce955ae60281fcfce155e771ab.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10071/file/large-cf11b7e30483cb7e095a030ffa3ec0cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10071/file/medium-29d257ce955ae60281fcfce155e771ab.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">Dr. Bronners</p>
          <a href="/products/bar-soap-cherry-blossom-140-g-19517">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Cherry Blossom, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oEg8MTpCwt6Z6tmbx-Cv6DfNdePFeQhcs6iOVNKnDcMMlN9-uaULRrEdhnijGfS4hUaKAM5QK3xZAFLPfPHE0Q" />
    <input value="19517" 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%2Ferva-medica-ag%3Fformat%3Dturbo_stream%26page%3D97">
    <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/bar-soap-eukalyptus-140-g-19518">
          <img alt="Bar Soap Eukalyptus" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9352/file/small-a7b96cbb133109e24404e68719b9c5b3.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9352/file/medium-f5a739633261df38c2ec6a145ed3a4b6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9352/file/large-f1c19eb17ef36a82eb7330cac2b74a25.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9352/file/medium-f5a739633261df38c2ec6a145ed3a4b6.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">Dr. Bronners</p>
          <a href="/products/bar-soap-eukalyptus-140-g-19518">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Eukalyptus, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gBDPKVDbuVjwkmnbylIta2iiRMWsChFcVW_oy1qKuqAszCxm0zxwwNhlNjiuq3Y72im7JqcjMny_xzRQ9Nxzsg" />
    <input value="19518" 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%2Ferva-medica-ag%3Fformat%3Dturbo_stream%26page%3D97">
    <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/bar-soap-lavendel-140-g-19519">
          <img alt="Bar Soap Lavendel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9353/file/small-aee5553d4cbe7f5488b28027ff1dbeb0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9353/file/medium-f9b093cf778403723c83cb35d54112e7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9353/file/large-70a44631b3f7475dbb85fa6494619f52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9353/file/medium-f9b093cf778403723c83cb35d54112e7.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">Dr. Bronners</p>
          <a href="/products/bar-soap-lavendel-140-g-19519">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Lavendel, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pVfsHspkbEymKmpjXEtjJe9p0kiKG4s9gWGDBXOzc5MJiw9RSYOl1I7dNYA4sjh1XeItq4EyqB1ryV-e3eW6gQ" />
    <input value="19519" 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%2Ferva-medica-ag%3Fformat%3Dturbo_stream%26page%3D97">
    <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/bar-soap-mandel-140-g-19520">
          <img alt="Bar Soap Mandel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9354/file/small-3f79d52f74cbae9a826cf0f70555f620.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9354/file/medium-96b58b2e568eec72c3c17cd83c1bed84.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9354/file/large-9fe9a14aa20bdb46e3da8bd8a071464c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9354/file/medium-96b58b2e568eec72c3c17cd83c1bed84.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">Dr. Bronners</p>
          <a href="/products/bar-soap-mandel-140-g-19520">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Soap Mandel, 140 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="291cvTlqLgt3gVK7SSfrlQ1uVBMj6CvD60M7JYGPmFl3Ab_yuo3nk192DVgt3rDFv-Wr8CjBCOMB6-e-L9lRSw" />
    <input value="19520" 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;940 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/erva-medica-ag?format=turbo_stream&amp;page=98">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>