<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%3D80">
    <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/himalaya-kristallsalz-brocken-800-g-19161">
          <img alt="Himalaya Kristallsalz Brocken" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10006/file/small-c66bf3982f59553c9719baae87b9ffcc.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10006/file/medium-f8e75850b8ef5d96e8ebb4bbfae6b9e8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10006/file/large-df1cc1c27eef8e4b7514c6a3a1df75ff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10006/file/medium-f8e75850b8ef5d96e8ebb4bbfae6b9e8.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">VitaSal</p>
          <a href="/products/himalaya-kristallsalz-brocken-800-g-19161">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Himalaya Kristallsalz Brocken, 800 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dpVsP3zg69peKxoPMCecNlD0bN0k0EmjYZoy7GbHnts9U0QA9OyyKxmnIApc0kPOBljGSZxLAOUtJHqiSxgL7g" />
    <input value="19161" 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%3D80">
    <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/himalaya-kristallsalz-fein-pe-1-kg-19162">
          <img alt="Himalaya Kristallsalz fein PE" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10007/file/small-4591fb46e49fc27df5578f53d0768030.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10007/file/medium-dcfa51d458d7b79d0c4b817da4249f6e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10007/file/large-6f191109f632a16c8eec2b594d40b0a0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10007/file/medium-dcfa51d458d7b79d0c4b817da4249f6e.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">VitaSal</p>
          <a href="/products/himalaya-kristallsalz-fein-pe-1-kg-19162">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Himalaya Kristallsalz fein PE, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.85
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-nKexW_3YsdsjQYwvYQaOtO_1UzdlvsoiArqHvFVDsyxtLb65_s7NisBPDXRccXChRN_2GUNsm7EtKJQ3Iqb-Q" />
    <input value="19162" 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%3D80">
    <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/himalaya-kristallsalz-fein-streudose-250-g-19163">
          <img alt="Himalaya Kristallsalz fein Streudose" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9318/file/small-46ba71f51bcb2270195ada88d7a6701c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9318/file/medium-4074bf40d1bd916e39ed263744b422ef.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9318/file/large-4ad5533963922557ebd3591be0f2ae06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9318/file/medium-4074bf40d1bd916e39ed263744b422ef.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">VitaSal</p>
          <a href="/products/himalaya-kristallsalz-fein-streudose-250-g-19163">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Himalaya Kristallsalz fein Streudose, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.30
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1xyCPRLD7bKyvThuBhgbFwMzhdAsrZAZNpmUa7mw85qc2qoCms-0Q_UxAmtq7cTvVZ8vRJQ22V96J9wllG9mrw" />
    <input value="19163" 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%3D80">
    <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/natron-konv-100-g-19164">
          <img alt="Natron konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10008/file/small-ba38015c79e0cc46735468d235c56099.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10008/file/medium-3562fd0f72ae365956d57a5f4ea8a0d5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10008/file/large-e18daf2cb51c61645352d1b3755493c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10008/file/medium-3562fd0f72ae365956d57a5f4ea8a0d5.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">Vitavegan</p>
          <a href="/products/natron-konv-100-g-19164">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Natron konv, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.55
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CWZ2TKttXtVoa3E1Gb93q1gSXC4Ba4pLRdj1Cnk63YhCoF5zI2EHJC_nSzB1SqhTDr72urnwww0JZr1EVOVIvQ" />
    <input value="19164" 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%3D80">
    <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/kuverture-vollmilch-bio-150-g-19165">
          <img alt="Kuvertüre Vollmilch Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9449/file/small-aa5b7458345e05ce1e7ce4ccf64a846e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9449/file/medium-4d1261dc8f98ae2c687426f61f0b2f94.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9449/file/large-a2f22877808d5eca62fd8d5bf4baf3ca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9449/file/medium-4d1261dc8f98ae2c687426f61f0b2f94.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">Vivani / Ichoc</p>
          <a href="/products/kuverture-vollmilch-bio-150-g-19165">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kuvertüre Vollmilch Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vF4A-DYnju3uJqgjih5wc9lse8_GVzHG5KhiOolv17D3mCjHvivXHKmqkibm66-Lj8DRW37MeICoFip0pLBChQ" />
    <input value="19165" 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%3D80">
    <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/kuverture-weiss-bio-150-g-19166">
          <img alt="Kuvertüre weiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9452/file/small-dac8024499c223524f621f318737b34d.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9452/file/medium-bbb7d35d6c66bf408fd929d95aba95cb.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9452/file/large-c4c3f1d3ac1d34b83c8abbe274faed97.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9452/file/medium-bbb7d35d6c66bf408fd929d95aba95cb.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">Vivani / Ichoc</p>
          <a href="/products/kuverture-weiss-bio-150-g-19166">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kuvertüre weiss Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Kjghf5s84Rd30FKjNqxVqYrM7hJkyevPniYfewIUIABh_glAEzC45jBcaKZaWYpR3GBEhtxSoonSmFc1L8u1NQ" />
    <input value="19166" 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%3D80">
    <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/schokolade-cappuccino-bio-100-g-19167">
          <img alt="Schokolade Cappuccino Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9319/file/small-70878868d44102d6082e8441d2a65818.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9319/file/medium-43072c607d3d840fb9087475a851fc12.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9319/file/large-6b629dec9510a7d60e8483150b6cddd8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9319/file/medium-43072c607d3d840fb9087475a851fc12.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">Vivani / Ichoc</p>
          <a href="/products/schokolade-cappuccino-bio-100-g-19167">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Cappuccino Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N5CnaM10wygIxl8YRSSCSrX0tK6rLVqnPOtsfFgcguh8Vo9XRXia2U9KZR0p0V2y41geOhO2E-FwVSQydcMX3Q" />
    <input value="19167" 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%3D80">
    <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/schokolade-caramel-inka-salz-bio-80-g-19168">
          <img alt="Schokolade Caramel Inka Salz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9447/file/small-88adab93e3441d82fd87081aad916d34.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9447/file/medium-6c5385bdfe712a4bb8f789a4688bc64e.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9447/file/large-27750d24da5bf92a9ddfed037c2546d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9447/file/medium-6c5385bdfe712a4bb8f789a4688bc64e.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">Vivani / Ichoc</p>
          <a href="/products/schokolade-caramel-inka-salz-bio-80-g-19168">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Caramel Inka Salz Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="F5jWYuYVVyAvJn59FV0G2xoMjKZwCkHAMQCkY_7cxxRcXv5dbhkO0WiqRHh5qNkjTKAmMsiRCIZ9vuwt0wNSIQ" />
    <input value="19168" 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%3D80">
    <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/schokolade-dunkle-vm-50-kokosz-bio-80-g-19169">
          <img alt="Schokolade Dunkle VM 50% KokosZ Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10995/file/small-fdcf7abb15805b71f5ed336790db39f1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10995/file/medium-b52a58d9d1ce3f27f4fffbbf3ece3868.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10995/file/large-bfe1fabf59bbb000b5bd9a6f48ef905c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10995/file/medium-b52a58d9d1ce3f27f4fffbbf3ece3868.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">Vivani / Ichoc</p>
          <a href="/products/schokolade-dunkle-vm-50-kokosz-bio-80-g-19169">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Dunkle VM 50% KokosZ Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_PHdtavR0safkWpv1Ki6SFPj-KHxaj119VDGovgeM4m3N_WKI92LN9gdUGq4XWWwBU9SNUnxdDO57o7s1cGmvA" />
    <input value="19169" 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%3D80">
    <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/schokolade-pfefferminze-bio-100-g-19170">
          <img alt="Schokolade Pfefferminze Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9320/file/small-8a23a05ebf005c92efb6a05b72f003cf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9320/file/medium-b4fbcba44e242f611b1d7a465b294873.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9320/file/large-1a5a1f3e59126f409d7f4475f94c2af5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9320/file/medium-b4fbcba44e242f611b1d7a465b294873.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">Vivani / Ichoc</p>
          <a href="/products/schokolade-pfefferminze-bio-100-g-19170">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Pfefferminze Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7BLjJXJYzC_hg1mHEFciswLzw-Xu0zDluNP1p_gI_6qn1Msa-lSV3qYPY4J8ov1LVF9pcVZIeaP0bb3p1ddqnw" />
    <input value="19170" 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%3D80">
    <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/schokolade-weiss-mit-vanille-bio-80-g-19171">
          <img alt="Schokolade weiss mit Vanille Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10876/file/small-c31e4d110030d9d856182384ba3a18d6.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10876/file/medium-f8f4f0afcb8b6a94de34db33a22105e3.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10876/file/large-57e7384d212c2d8f694e964aa271ed81.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10876/file/medium-f8f4f0afcb8b6a94de34db33a22105e3.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">Vivani / Ichoc</p>
          <a href="/products/schokolade-weiss-mit-vanille-bio-80-g-19171">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade weiss mit Vanille Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3SBUw9Vq-kokH7Nn-Bh-eN9xSBozZB6iqxAPR1o5Q1GW5nz8XWaju2OTiWKU7aGAid3ijov_V-TnrkcJd-bWZA" />
    <input value="19171" 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%3D80">
    <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/schokolade-feine-bitter-70-orange-bio-80-g-19172">
          <img alt="Schokolade Feine Bitter 70% Orange Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9321/file/small-e01e1c5ed11ac828c80750e931075695.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9321/file/medium-fa46ac7c045a6f00738c911e0200f74b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9321/file/large-0305b0e4c8fdcd37144857316a8dcdeb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9321/file/medium-fa46ac7c045a6f00738c911e0200f74b.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">Vivani / Ichoc</p>
          <a href="/products/schokolade-feine-bitter-70-orange-bio-80-g-19172">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokolade Feine Bitter 70% Orange Bio, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zEAu9daBOzg7gQgF_VpLpra3zEWq23YzTkwB1F3ZDzWHhgbKXo1iyXwNMgCRr5Re4Btm0RJAP3UC8kmacAaaAA" />
    <input value="19172" 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%3D80">
    <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/schokoriegel-creamy-caramel-bio-40-g-19173">
          <img alt="Schokoriegel Creamy Caramel Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9322/file/small-83b63ca6f4f7720136b723cf87557e27.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9322/file/medium-0279701d18fa2e1a3b1b6a3276084426.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9322/file/large-586ffc9ac464bd07c002f052ac762a99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9322/file/medium-0279701d18fa2e1a3b1b6a3276084426.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">Vivani / Ichoc</p>
          <a href="/products/schokoriegel-creamy-caramel-bio-40-g-19173">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokoriegel Creamy Caramel Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="E6FKFOuxdKpDXT_RYjRfvF0RD8ZjeoK7xQjP_A8Un4FYZ2IrY70tWwTRBdQOwYBEC72lUtvhy_2JtoeyIssKtA" />
    <input value="19173" 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%3D80">
    <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/schokoriegel-espresso-biscotti-bio-40-g-19174">
          <img alt="Schokoriegel Espresso Biscotti Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9445/file/small-e1a946565d289db66e3dfe467676c233.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9445/file/medium-6430c095293ef5db4cf654e33f8148a6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9445/file/large-47b8374085975e6c689fc61a94f31107.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9445/file/medium-6430c095293ef5db4cf654e33f8148a6.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">Vivani / Ichoc</p>
          <a href="/products/schokoriegel-espresso-biscotti-bio-40-g-19174">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokoriegel Espresso Biscotti Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jRmkxccbt7dSLUEsblRef5q1hlytNueGu1Ec7-DWqInG34z6TxfuRhWheykCoYGHzBksyBWtrsD371ShzQk9vA" />
    <input value="19174" 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%3D80">
    <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/schokoriegel-milch-creme-bio-40-g-19175">
          <img alt="Schokoriegel Milch 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/9440/file/small-615e801ee49661308668f8a33977e189.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9440/file/medium-f17c1463b98dffcec52564693d9d79c5.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9440/file/large-49cb88477d7290bc881fb76d95401031.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9440/file/medium-f17c1463b98dffcec52564693d9d79c5.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">Vivani / Ichoc</p>
          <a href="/products/schokoriegel-milch-creme-bio-40-g-19175">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Schokoriegel Milch Creme Bio, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.05
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vnzm-TVHbU-SiEauiDHLjks0X9bKs3VPqgpShiZT3zX1us7GvUs0vtUEfKvkxBR2HZj1QnIoPAnmtBrIC4xKAA" />
    <input value="19175" 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%3D80">
    <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/7-zwerge-saft-original-demeter-700-ml-19176">
          <img alt="7-Zwerge Saft Original Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10572/file/small-f8d5a6ac747773b2b35083a132e967cd.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10572/file/medium-783b40d28b12848e75b893f9e097851d.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10572/file/large-2ab58d02b08175e6b70c6ed1d9003db4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10572/file/medium-783b40d28b12848e75b893f9e097851d.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">Voelkel</p>
          <a href="/products/7-zwerge-saft-original-demeter-700-ml-19176">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">7-Zwerge Saft Original Demeter, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7aziWHmQTaMVj_kxYv4wDu2CiWNnWEQxFwilf6PqDC2maspn8ZwUUlIDwzQOC-_2uy4j99_DDXdbtu0xjjWZGA" />
    <input value="19176" 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%3D80">
    <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/7-zwerge-kindersaft-original-glas-demeter-200-ml-19177">
          <img alt="7-Zwerge Kindersaft Original Glas Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10436/file/small-ff684950b0e4efe39d7115ce131463ea.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10436/file/medium-a11a5ef24aa28c9fda2b2d620b3c61f6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10436/file/large-76ff795fbaae63a34463d7d4c3c272d0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10436/file/medium-a11a5ef24aa28c9fda2b2d620b3c61f6.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">Voelkel</p>
          <a href="/products/7-zwerge-kindersaft-original-glas-demeter-200-ml-19177">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">7-Zwerge Kindersaft Original Glas Demeter, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.70
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lTy6DQSHUJE_4dOpBYpqZt-4Xo_qLaOsow3V_5jLK-ne-pIyjIsJYHht6axpf7WeiRT0G1K26urvs52xtRS-3A" />
    <input value="19177" 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%3D80">
    <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/ananassaft-bio-500-ml-577a2c1d-8abb-4af8-b22f-e5585bb78a92-19178">
          <img alt="Ananassaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10782/file/small-7eaa1e8bdb97111e570ea7b69649cbce.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10782/file/medium-16c827d1db95f70b3008e3baec53037c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10782/file/large-23fa52b6e67bbd87b0b20bb72f0b428d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10782/file/medium-16c827d1db95f70b3008e3baec53037c.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">Voelkel</p>
          <a href="/products/ananassaft-bio-500-ml-577a2c1d-8abb-4af8-b22f-e5585bb78a92-19178">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ananassaft Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iFTHICCgV1vXOuanzclXWopKqPK6PSiV1jBMPDSMY6bDku8fqKwOqpC23KKhPIii3OYCZgKmYdOajgRyGVP2kw" />
    <input value="19178" 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%3D80">
    <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/apfel-mango-saft-demeter-200-ml-19179">
          <img alt="Apfel Mango Saft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10861/file/small-8d2798cd665a54e479c2b7bea5696959.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10861/file/medium-32cf2645e8639551b9d6117b1181daac.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10861/file/large-b4e3003ec593891d763c0631fe3b8a88.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10861/file/medium-32cf2645e8639551b9d6117b1181daac.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">Voelkel</p>
          <a href="/products/apfel-mango-saft-demeter-200-ml-19179">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apfel Mango Saft Demeter, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.50
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tgjKOqiLNxOZP53q7LhWHd3TOuxjthO6mqGDbEWK06P9zuIFIIdu4t6zp--ATYnli3-QeNstWvzWH8siaFVGlg" />
    <input value="19179" 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%3D80">
    <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/apfel-mango-saft-demeter-700-ml-19180">
          <img alt="Apfel Mango Saft Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10862/file/small-9cf7bbd7c152699e5a2f7b8f52839260.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10862/file/medium-60e82bc6dba693a14b5ac6098f78cd10.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10862/file/large-1da8abc7170f10189ae93d0d67c379b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10862/file/medium-60e82bc6dba693a14b5ac6098f78cd10.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">Voelkel</p>
          <a href="/products/apfel-mango-saft-demeter-700-ml-19180">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Apfel Mango Saft Demeter, 700 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o2EEFpzbkEAFewktssPgS9dxnqTKMvfoX-M7CA-fB9DopywpFNfJsUL3MyjeNj-zgd00MHKpvq4TXXNGIkCS5Q" />
    <input value="19180" 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;600 von 2&#39;526 Produkten
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/categories/casina-rossa?format=turbo_stream&amp;page=81">Mehr anzeigen</a>
  </div>
</div>

</template></turbo-stream>