<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%2Fcasina-rossa%3Fformat%3Dturbo_stream%26page%3D52">
    <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/dorrkastanien-bio-250-g-18579">
          <img alt="Dörrkastanien Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10218/file/small-c9699d5439ba07a1155dd64c8265cc92.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10218/file/medium-6913cf4e13df971fa9fdedf9046d4085.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10218/file/large-e6f2fc3b615dd9975df653a4481b1883.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10218/file/medium-6913cf4e13df971fa9fdedf9046d4085.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">LaPinca</p>
          <a href="/products/dorrkastanien-bio-250-g-18579">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dörrkastanien Bio, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-7ZnOIb-yjJJm9QZ9K2xTAa8buRpYYjta0NRrBszdXtAkBIkypMiIqNGHwQjnITLswWqyiI9RghWpP-bpnpa7w" />
    <input value="18579" 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%2Fcasina-rossa%3Fformat%3Dturbo_stream%26page%3D52">
    <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/kastanien-creme-bio-350-g-18580">
          <img alt="Kastanien Creme Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10216/file/small-fecc02ebebc93b1f993a95c12202ac78.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10216/file/medium-ac32f18bd137e97b1103d067ea51eaf4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10216/file/large-a2d60fae12304c52095721caa41b0fa7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10216/file/medium-ac32f18bd137e97b1103d067ea51eaf4.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">LaPinca</p>
          <a href="/products/kastanien-creme-bio-350-g-18580">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kastanien Creme Bio, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jSxbJt8Sx231Hkdv7HVQnEGu2bjrLXaFNBjIT3NeadU2Ci46k38vfR_DjHI7RGUb9BcdlqBxuGAJ_2Z4zhdGQQ" />
    <input value="18580" 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%2Fcasina-rossa%3Fformat%3Dturbo_stream%26page%3D52">
    <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/kastanien-gekocht-bio-210-g-18581">
          <img alt="Kastanien gekocht Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10217/file/small-c9859354c1359e7d92178fea1f1d7262.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10217/file/medium-6fca742b019f47246ffe31e644b7b388.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10217/file/large-73a32ec8b37042fe71226aaba798191d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10217/file/medium-6fca742b019f47246ffe31e644b7b388.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">LaPinca</p>
          <a href="/products/kastanien-gekocht-bio-210-g-18581">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kastanien gekocht Bio, 210 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d7YhxKihcImHxQ_GDOOu10lla3lhjI_qnCnA0fMUfIDMkFTY5MyYmW0YxNvb0ptQ_NyvVyrQQQ-hzm7mTl1TFA" />
    <input value="18581" 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%2Fcasina-rossa%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-besser-als-punch-700-ml-18582">
          <img alt="LeSirupier Besser als Punch" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10553/file/small-391c18aa2fe60b70497ca53995e6e45b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10553/file/medium-66823d1ff26e55faa8073752a8c3f584.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10553/file/large-9aa1e949efd5e6a2b938aeb27ec1d040.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10553/file/medium-66823d1ff26e55faa8073752a8c3f584.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-besser-als-punch-700-ml-18582">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Besser als Punch, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PB6IeBDIVerE6xI44An1DEuRyYvKvahWN7LnamYdMkuHOP1kXKW9-i422SU3OMCL_igNpYHhZrMKVUld21Qd3w" />
    <input value="18582" 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%2Fcasina-rossa%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-besser-als-ystee-350-ml-18583">
          <img alt="LeSirupier Besser als Ystee" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10032/file/small-6a3ca1f1ace5afa322359d054acaa2f4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10032/file/medium-ea351aac9ff0e554a7ad0eba03758ba1.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10032/file/large-3bf04c32c45d923d4d009627a64e47e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10032/file/medium-ea351aac9ff0e554a7ad0eba03758ba1.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-besser-als-ystee-350-ml-18583">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Besser als Ystee, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RguWkt7pvLNJcxPpXWdiKmfkVaGjPbRKDUU3BIdftEz9LeOOkoRUo6Ou2PSKVlet0l2Rj-hheq8wopkzOhab2A" />
    <input value="18583" 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%2Fcasina-rossa%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-besser-als-ystee-700-ml-18584">
          <img alt="LeSirupier Besser als Ystee" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10033/file/small-9411b54f06055ee2ab2acb08d4407de0.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10033/file/medium-f6ffcc302e9e445893a28cfa50d344b9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10033/file/large-5f6363aa7bb212eb436c72aa3ea29719.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10033/file/medium-f6ffcc302e9e445893a28cfa50d344b9.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-besser-als-ystee-700-ml-18584">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Besser als Ystee, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Mbt0Pa2NCo2ZU8aj81eT1EnnLbO2z01FGXrZHTznVRmKnQEh4eDinXOODb4kZqZT_F7pnf2Tg6AknXcqga56jQ" />
    <input value="18584" 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%2Fcasina-rossa%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-bluemli-350-ml-18585">
          <img alt="LeSirupier Blüemli" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10039/file/small-9713920bc1212b7658a643b2d0867107.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10039/file/medium-af4c614a2b3d082734b4b4cf563f7003.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10039/file/large-3f8f333d0926f7f0ae33264e1194b810.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10039/file/medium-af4c614a2b3d082734b4b4cf563f7003.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-bluemli-350-ml-18585">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Blüemli, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="aumFTFW36CYn07oeXrEOBBOU0T2Djwh-G8GpjlzaZTfRz_BQGdoANs0OcQOJgDuDpi0VE8jTxpsmJge54ZNKow" />
    <input value="18585" 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%2Fcasina-rossa%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-bluemli-700-ml-18586">
          <img alt="LeSirupier Blüemli" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10546/file/small-2df292ab5cd18d20b8ffdbca4c59a17e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10546/file/medium-45f61892f0dbe47175a13c049793e218.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10546/file/large-0efc68b1a31f155886478c0394585535.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10546/file/medium-45f61892f0dbe47175a13c049793e218.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-bluemli-700-ml-18586">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Blüemli, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="I3uEMnugWPn-VyuNSVERH4BA_9x8muel-uprGDnCRwqYXfEuN82w6RSK4JCeYCSYNfk78jfGKUDHDcUvhItong" />
    <input value="18586" 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%2Fcasina-rossa%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-granatapfel-350-ml-18587">
          <img alt="LeSirupier Granatapfel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10034/file/small-dde2fe061159f856130cf532444e4210.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10034/file/medium-7cc8f13661d3471d222b4baaad581de7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10034/file/large-2beb55669fc0c2213147f53720ca96ce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10034/file/medium-7cc8f13661d3471d222b4baaad581de7.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-granatapfel-350-ml-18587">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Granatapfel, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zax6_baNBYieqqQSXc2Pqci37QsoRig4vBn5bvVu7Gjeig_h-uDtmHR3bw-K_LoufQ4pJWMa5t2B_ldZSCfD_A" />
    <input value="18587" 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%2Fcasina-rossa%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-granatapfel-700-ml-18588">
          <img alt="LeSirupier Granatapfel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10035/file/small-1a2890db04626cdc977cea6f364905dd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10035/file/medium-d4b324a3955f8b60ed8344b1d741536f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10035/file/large-5d6f0d73145c0948ae80ef7ac9838f40.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10035/file/medium-d4b324a3955f8b60ed8344b1d741536f.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-granatapfel-700-ml-18588">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Granatapfel, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z0aq5rGSDwrucTmen7UA-ZP8ikOo0uUlJtdJWjBfB2HcYN_6_f_nGgSs8oNIhDV-JkVObeOOK8AbMOdtjRYo9Q" />
    <input value="18588" 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%2Fcasina-rossa%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-holunderbluten-350-ml-18589">
          <img alt="LeSirupier Holunderblüten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10038/file/small-3dcf3cbca64ddac54c9f524764c68b44.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10038/file/medium-18f64669b06d35898c4fd796aab3dc58.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10038/file/large-ac8956a456c8f880711bc938d47a0915.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10038/file/medium-18f64669b06d35898c4fd796aab3dc58.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-holunderbluten-350-ml-18589">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Holunderblüten, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N6gmm26ocgxb7O_fh5TWYnCkJpZ7NZzKuRo87IfeRFKMjlOHIsWaHLExJMJQpePlxR3iuDBpUi-E_ZLbOpdrxg" />
    <input value="18589" 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%2Fcasina-rossa%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-holunderbluten-700-ml-18590">
          <img alt="LeSirupier Holunderblüten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10036/file/small-8a736d9d89f45f5b0b7c682b5da0c5c2.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10036/file/medium-757d908026832c97b09acdf97d754435.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10036/file/large-afdbd50bd9f3c0e5e04aa31e1ed8caa3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10036/file/medium-757d908026832c97b09acdf97d754435.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-holunderbluten-700-ml-18590">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Holunderblüten, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tyCoytAMAOpM8osk7sPcrrEUa7pqrz9n0_EYydJTzjgMBt3WnGHo-qYvQDk58ukpBK2vlCHz8YLuFrb-bxrhrA" />
    <input value="18590" 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%2Fcasina-rossa%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-ingwer-apfel-700-ml-18591">
          <img alt="LeSirupier Ingwer-Apfel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10037/file/small-d8ad8b7975fa017d6e185166261902fd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10037/file/medium-550bce3719a511e93c0bea77093d439b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10037/file/large-22b5e4899ffdc40d194e5aaaf01bf338.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10037/file/medium-550bce3719a511e93c0bea77093d439b.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-ingwer-apfel-700-ml-18591">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Ingwer-Apfel, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PBbbYC0LILSA20wbwylTDEDDWg1ReXh9Jftam6U29CqHMK58YWbIpGoGhwYUGGaL9XqeIxoltpgYHPSsGH_bvg" />
    <input value="18591" 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%2Fcasina-rossa%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-quer-dur-d-hoschtet-350-ml-18592">
          <img alt="LeSirupier Quer dür d&#39;Hoschtet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10040/file/small-c0988baeaa182953324bc577bf1f6f2d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10040/file/medium-76507270ff81c1f02e34bee048bf0155.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10040/file/large-375b51b1c809c3bb754669c508e966f5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10040/file/medium-76507270ff81c1f02e34bee048bf0155.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-quer-dur-d-hoschtet-350-ml-18592">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Quer dür d&#39;Hoschtet, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0-2-L7Eld3Mte9uupj1ILf0tPUEtIlQd8vPXhCtmzadoy8sz_UifY8emELNxDH2qSJT5b2Z-mvjPFHmzli_iMw" />
    <input value="18592" 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%2Fcasina-rossa%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-quer-dur-d-hoschtet-700-ml-18593">
          <img alt="LeSirupier Quer dür d&#39;Hoschtet" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10042/file/small-5abedb47e8689a67e98bd4015dc830d8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10042/file/medium-5fc06faef5bd94cff59ccdfeb00db6ae.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10042/file/large-355c7053af390095146b7b4c5ff89eb0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10042/file/medium-5fc06faef5bd94cff59ccdfeb00db6ae.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-quer-dur-d-hoschtet-700-ml-18593">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Quer dür d&#39;Hoschtet, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="anlvgSM9Mg58XWDRqGH4GscyCAhcAKwirNb651qRIljRXxqdb1DaHpaAq8x_UM2dcovMJhdcYseRMVTQ59gNzA" />
    <input value="18593" 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%2Fcasina-rossa%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-quitten-350-ml-18594">
          <img alt="LeSirupier Quitten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10041/file/small-76cb7a9a0cff655eb7409a555a7538f7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10041/file/medium-83de019db0258c1c2a6bcd402c904f2b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10041/file/large-3e89cee9cbd8cb9f6c315abfb13cbc95.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10041/file/medium-83de019db0258c1c2a6bcd402c904f2b.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-quitten-350-ml-18594">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Quitten, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="W6OeWmSTUbKlKATJToCJdvGo7kIbU0aIJMKnnsV3qUnghetGKP65ok_1z9SZsbzxRBEqbFAPiG0ZJQmpeD6G3Q" />
    <input value="18594" 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%2Fcasina-rossa%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-rhabarber-350-ml-18595">
          <img alt="LeSirupier Rhabarber" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10043/file/small-91ac1edd9fb594d31744959dc9c60355.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10043/file/medium-9bc2c4ea3fe3940138eab0c4baf04628.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10043/file/large-25e61694ed40a84f546a445a3cb1cc8d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10043/file/medium-9bc2c4ea3fe3940138eab0c4baf04628.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-rhabarber-350-ml-18595">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Rhabarber, 350 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M5_4LsM9clCVFjDLFl2O86W87bNQHxfxiTieAqBNoRGIuY0yj1CaQH_L-9bBbLt0EAUpnRtD2RS03zA1HQSOhQ" />
    <input value="18595" 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%2Fcasina-rossa%3Fformat%3Dturbo_stream%26page%3D52">
    <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/lesirupier-rhabarber-700-ml-18596">
          <img alt="LeSirupier Rhabarber" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10044/file/small-f80a2eb8aa841912523b23c3834e95b8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10044/file/medium-babc447ef8d690f223c67493cc2a2227.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10044/file/large-e3cdeb62ff485baa9b5700fa54af1475.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10044/file/medium-babc447ef8d690f223c67493cc2a2227.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">LeSirupierDeBerne</p>
          <a href="/products/lesirupier-rhabarber-700-ml-18596">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">LeSirupier Rhabarber, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lOEUonO56gEWCJcPpc6R0PSBgFCxs0P9Inomuw9uAIQvx2G-P9QCEfzVXBJy_6RXQThEfvrvjRgfnYiMsicvEA" />
    <input value="18596" 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%2Fcasina-rossa%3Fformat%3Dturbo_stream%26page%3D52">
    <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/bonbons-die-scharfen-zwei-bio-100-g-18597">
          <img alt="Bonbons &#39;Die scharfen Zwei&#39; Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9216/file/small-dfff4d8b5384e0a5016cb8b04f20138e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9216/file/medium-af7d57afb08f448208f3c79967dd6d73.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9216/file/large-77ca5b11782837828eb280d5552f896e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9216/file/medium-af7d57afb08f448208f3c79967dd6d73.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">Liebhart&#39;s</p>
          <a href="/products/bonbons-die-scharfen-zwei-bio-100-g-18597">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bonbons &#39;Die scharfen Zwei&#39; Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AwLaIQr9IjbNZMz2i_jkZG159uLBzOfgHtpmJJ86-0e4JK89RpDKJie5B-tcydHj2MAyzIqQKQUjPcgTInPU0w" />
    <input value="18597" 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%2Fcasina-rossa%3Fformat%3Dturbo_stream%26page%3D52">
    <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/bonbons-sanddorn-granatapfel-bio-100-g-18598">
          <img alt="Bonbons Sanddorn-Granatapfel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10259/file/small-b3150105e7e1a0ee716b4f70162cb1b6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10259/file/medium-4749827c8fcb65c0573426eb3dd4fb61.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10259/file/large-db6ea8a0392cf6cdeff6986d82d107ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10259/file/medium-4749827c8fcb65c0573426eb3dd4fb61.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">Liebhart&#39;s</p>
          <a href="/products/bonbons-sanddorn-granatapfel-bio-100-g-18598">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bonbons Sanddorn-Granatapfel Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UHdM7V4RDt4Ihn-M8AQIKWHPytIG4TK2KcW5836j0u7rUTnxEnzmzuJbtJEnNT2u1HYO_E29_FMUIhfEw-r9eg" />
    <input value="18598" 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;040 von 2&#39;529 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/casina-rossa?format=turbo_stream&amp;page=53">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>