<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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D40">
    <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="/en/products/vital-digest-bio-500-ml-18325">
          <img alt="Vital Digest Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9183/file/small-96ac98ff8a02169caf71474beb5ce40f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9183/file/medium-db44f3e22d49cf04ae0efbb5413c6394.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9183/file/large-6a009abd9b2ec60fb6dd439fbb28f61d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9183/file/medium-db44f3e22d49cf04ae0efbb5413c6394.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">Biotta</p>
          <a href="/en/products/vital-digest-bio-500-ml-18325">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Digest Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nI375fkEj_niXgjvt24Lcl5DkNCkuIFBNu7dV-0tYpQjwRnyTbdQI0PjUUplWOwe21MKVdBW3rJ9S2NB3YuvMw" />
    <input value="18325" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D40">
    <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="/en/products/vital-immun-bio-500-ml-18326">
          <img alt="Vital Immun Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9185/file/small-83106ef23d15f90f262d99877aa2c204.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9185/file/medium-2754d26ba91f4667c420a785cdbbe077.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9185/file/large-22d67467dd82aa028a5888e80597ceb0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9185/file/medium-2754d26ba91f4667c420a785cdbbe077.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">Biotta</p>
          <a href="/en/products/vital-immun-bio-500-ml-18326">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Immun Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1TEXdhSdYOwW_F1MqpMJg-_4lI1R9WxD_OP6mR-wYBhqffVhoC6_NrdBBOl4pe7vaugOCCUbM7C3RkSPLxatvw" />
    <input value="18326" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D40">
    <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="/en/products/vital-kartoffelsaft-bio-500-ml-18327">
          <img alt="Vital Kartoffelsaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9186/file/small-0cb252666701e66e5e61ba6812036eef.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9186/file/medium-1911d4584ca01567968285a725d42a6a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9186/file/large-b77dd0c6f339266263960cc3e9bed103.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9186/file/medium-1911d4584ca01567968285a725d42a6a.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">Biotta</p>
          <a href="/en/products/vital-kartoffelsaft-bio-500-ml-18327">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Kartoffelsaft Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PtrVe3b0wt5gfRyUGKif29rKcfi8lDTwD0JcjgLaryWBljdswkcdBMHARTHKnni3X9rrfch6awNE5-KYMnxigg" />
    <input value="18327" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D40">
    <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="/en/products/vital-sauerkrautsaft-bio-500-ml-18328">
          <img alt="Vital Sauerkrautsaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9187/file/small-c4ca72f385539659e0a1268dcecc96bf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9187/file/medium-85f27fcdf38cfe9c6adab53aa3dce481.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9187/file/large-6c118626e03951050b606b24e7bb17dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9187/file/medium-85f27fcdf38cfe9c6adab53aa3dce481.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">Biotta</p>
          <a href="/en/products/vital-sauerkrautsaft-bio-500-ml-18328">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Sauerkrautsaft Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nEgXti5YRd5CVAWtOjKtEc2p2-ospspOYkZb5Sb5ey8jBPWhmuuaBOPpXAjoBEp9SLlBb1hIlb0p4-XzFl-2iA" />
    <input value="18328" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D40">
    <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="/en/products/vital-shot-ingwer-bio-60-ml-18329">
          <img alt="Vital Shot Ingwer Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9674/file/small-ed7b263517d00b5e6d6541fb27ee4d8e.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9674/file/medium-35bc38060a2f9ccf18fecf54041004a7.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9674/file/large-c630589c93575098d2e9cb92c844310d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9674/file/medium-35bc38060a2f9ccf18fecf54041004a7.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">Biotta</p>
          <a href="/en/products/vital-shot-ingwer-bio-60-ml-18329">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Shot Ingwer Bio, 60 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="f2KmhGXqkhu7HVpCoUo9vwertU_8X_NrD69jIV67OGnALkST0VlNwRqgA-dzfNrTgrsvyoixrJhECt03bh31zg" />
    <input value="18329" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D40">
    <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="/en/products/wald-heidelbeeren-bio-500-ml-18330">
          <img alt="Wald Heidelbeeren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9188/file/small-ba608b6c68b7f277d80824ad1f47cf72.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9188/file/medium-2eec162967558af8a699857f7a38a148.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9188/file/large-999163121082d4043de49989af7546b2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9188/file/medium-2eec162967558af8a699857f7a38a148.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">Biotta</p>
          <a href="/en/products/wald-heidelbeeren-bio-500-ml-18330">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wald Heidelbeeren Bio, 500 ml</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.04 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p8Iq3WT1_pn7V5TNP1Y-zDVisTl-ksmiPD31SlBTcLQYjsjK0EYhQ1rqzWjtYNmgsHIrvAp8llF3mEtcYPW9Ew" />
    <input value="18330" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D40">
    <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="/en/products/sauerteig-flussig-150-ml-18331">
          <img alt="Sauerteig flüssig" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11409/file/small-ef3323d1050ca37cbb0bfe52348e3048.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11409/file/medium-e5adf401b86df7e69928e3d8d9eec8ce.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11409/file/large-32ad2c7e24894fd46eeac4a1578ac03c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11409/file/medium-e5adf401b86df7e69928e3d8d9eec8ce.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">Biovegan</p>
          <a href="/en/products/sauerteig-flussig-150-ml-18331">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sauerteig flüssig, 150 ml</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 3.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xyXAslHBBLntG95HK-nqwQvtLN5cPwfiuTt5MXbI_PB4aSKl5XLbY0ymh-L53w2tjv22WyjRWBHynscnRm4xVw" />
    <input value="18331" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D40">
    <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="/en/products/manouri-kase-bio-150-g-18333">
          <img alt="Manouri Käse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9587/file/small-a8fbef273930cec28c80fc5677436889.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9587/file/medium-bf0343dc50ed660e821fe4ea3d2edc73.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9587/file/large-a0ec39bf84fc50434b2c81f6f2ca2a93.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9587/file/medium-bf0343dc50ed660e821fe4ea3d2edc73.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">Bioverde</p>
          <a href="/en/products/manouri-kase-bio-150-g-18333">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Manouri Käse Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v1F-tJ6Nth84kXHbwagrjstzQr9UHnc0OCd6Sqk4txsAHZyjKj5pxZksKH4TnsziTmPYOiDwKMdzgsRcmZ56vA" />
    <input value="18333" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D40">
    <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="/en/products/feta-nature-bio-180-g-18334">
          <img alt="Feta Nature Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9670/file/small-2cbdaee5056b54b107ec1cad782c9afa.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9670/file/medium-214f73d10d35f8ff6a96f527796ac16f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9670/file/large-837f34f97e694759182d429444f92bad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9670/file/medium-214f73d10d35f8ff6a96f527796ac16f.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">Bioverde</p>
          <a href="/en/products/feta-nature-bio-180-g-18334">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Feta Nature Bio, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ats8wq2BzdpU_qAwg8qPKgpNtD3w4okWyYfAKRr8qiG9l97VGTISAPVD-ZVR_GhGj10uuIQM1uWCIn4_Klpnhg" />
    <input value="18334" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D40">
    <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="/en/products/konfi-erdbeere-konv-200-g-18335">
          <img alt="Konfi Erdbeere konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9671/file/small-ded118909caa7559aded5633a6eba7da.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9671/file/medium-9fc5dc03256c570cdd4e8be3cf75c140.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9671/file/large-5b113c17791239bd6a675d6e2a9ced52.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9671/file/medium-9fc5dc03256c570cdd4e8be3cf75c140.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">Birkengold</p>
          <a href="/en/products/konfi-erdbeere-konv-200-g-18335">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Konfi Erdbeere konv, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Sw_mgJWi6OHBH3n-Qsn_YaiQA66tM8t0X-MHFm3f2030QwSXIRE3O2CiIFuQ_xgNLYCZK9ndlIcURrkAXXkW6g" />
    <input value="18335" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D40">
    <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="/en/products/konfi-heidelbeere-konv-200-g-18336">
          <img alt="Konfi Heidelbeere konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9673/file/small-a8caefe0899fa7a74e823968aa72763a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9673/file/medium-0e5d615f0b6105fc24ffd3caa1f340b2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9673/file/large-2b24b0171b1ce4918ea916d719f3ff8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9673/file/medium-0e5d615f0b6105fc24ffd3caa1f340b2.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">Birkengold</p>
          <a href="/en/products/konfi-heidelbeere-konv-200-g-18336">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Konfi Heidelbeere konv, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bmZmUBbp-hI5yRI4SpfE6uZRFVtwOXvtvyNJafg0yXLRKoRHololyJh0S52YoSOGY0GP3gTXJB70hvd_yJIE1Q" />
    <input value="18336" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D40">
    <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="/en/products/konfi-marille-aprikose-konv-200-g-18337">
          <img alt="Konfi Marille Aprikose konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9672/file/small-a45dd6c9361756021085991968620ad8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9672/file/medium-34946ef4794b393e2e98335f159dff3f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9672/file/large-805fa30b005002905114e179211f1acd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9672/file/medium-34946ef4794b393e2e98335f159dff3f.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">Birkengold</p>
          <a href="/en/products/konfi-marille-aprikose-konv-200-g-18337">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Konfi Marille Aprikose konv, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5TrpoAOIdnznqjNqdgO10yFnWSX3HxrallRrXD7Nndpadgu3tzuppkYXas-kNVK_pHfDoIPxRSnd8dVKDmtQfQ" />
    <input value="18337" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D40">
    <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="/en/products/natur-kau-vitamin-c-zink-ohne-zucker-20-stuck-18338">
          <img alt="Natur Kau-Vitamin C+Zink ohne Zucker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11311/file/small-d650ca749ba72e7ba35cc126285dda94.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11311/file/medium-92686071d020ee8fcf8b232e6f86ff3c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11311/file/large-30db9708047c2e35db15c2de8012b669.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11311/file/medium-92686071d020ee8fcf8b232e6f86ff3c.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">Birkengold</p>
          <a href="/en/products/natur-kau-vitamin-c-zink-ohne-zucker-20-stuck-18338">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Natur Kau-Vitamin C+Zink ohne Zucker, 20 Stück</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7WecSZ7FpXB1IgR0aMea1i2ZARv5L-FdRjFhE7_6WwFSK35eKnZ6qtSfXdG68X26qImbno3Bvq4NlN8Fj1yWpg" />
    <input value="18338" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D40">
    <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="/en/products/natur-kaugummi-grune-minze-ohne-zucker-28g-20-stuck-18339">
          <img alt="Natur-Kaugummi Grüne Minze ohne Zucker 28g" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11312/file/small-9d188ba01da66465fc1dd8bd2d0e522f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11312/file/medium-b966ad8b018a23c5e33270e36633e316.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11312/file/large-b2d0ea103a67e59df039ccf7fe7d0711.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11312/file/medium-b966ad8b018a23c5e33270e36633e316.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">Birkengold</p>
          <a href="/en/products/natur-kaugummi-grune-minze-ohne-zucker-28g-20-stuck-18339">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Natur-Kaugummi Grüne Minze ohne Zucker 28g, 20 Stück</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 0.25 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bvjAgn54AFQmcl4siMM7lHPVnIbl1JefuqrXDKqJBLfRtCKVysvfjofPB4la9dz49sUGA5E6yGzxD2kami_JEA" />
    <input value="18339" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D40">
    <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="/en/products/xylit-beutel-konv-500-g-18340">
          <img alt="Xylit Beutel konv" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11313/file/small-5469b75bd15d4877490f939a1f56bdd7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11313/file/medium-0ce1ee4d7727e4111f15af61e185e2c2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11313/file/large-4e80c963b8cb16a0c826fbe48c54ac9c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11313/file/medium-0ce1ee4d7727e4111f15af61e185e2c2.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">Birkengold</p>
          <a href="/en/products/xylit-beutel-konv-500-g-18340">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Xylit Beutel konv, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hFTDcst4uHT4MXJ-tGvFJx6cEJjrmXldGxJ06XuknTA7GCFlf8tnrlmMK9tmXSJLm4yKHZ93Jq5Qt8r_SwJQlw" />
    <input value="18340" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D40">
    <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="/en/products/buchweizen-bio-150-g-18341">
          <img alt="Buchweizen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9189/file/small-65d2fd1a24c26c86e5ddc4abf3a45492.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9189/file/medium-4473264a4eeaa6a1f6d255e63715ca2f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9189/file/large-236b9727803eee9e714b0e197959a7e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9189/file/medium-4473264a4eeaa6a1f6d255e63715ca2f.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">Blumenbrot</p>
          <a href="/en/products/buchweizen-bio-150-g-18341">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Buchweizen Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3DHU5RfJpDbUohjPUIrDe_OGWEcNNGpEtliwsMrpNh1jfTbyo3p77HUfQWqCvCQXdpbCwnnaNbf9_Q6m-k_7ug" />
    <input value="18341" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D40">
    <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="/en/products/buchweizen-bio-300-g-18342">
          <img alt="Buchweizen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9190/file/small-a8e35109258234c54655a73b91cdf9cf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9190/file/medium-b8cebc455942b9718cde37cc5a7d172f.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9190/file/large-e9aa89971c29aea68264f6f463b72566.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9190/file/medium-b8cebc455942b9718cde37cc5a7d172f.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">Blumenbrot</p>
          <a href="/en/products/buchweizen-bio-300-g-18342">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Buchweizen Bio, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ecjb3NBgnnBwkAspsDvQ8VZB-IoW6EBta30NYUXW0QKuhDnLZNNBqtEtUoxiDTed01FiD2IGH54g2LN3dXAcpQ" />
    <input value="18342" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D40">
    <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="/en/products/quinoa-bio-150-g-18343">
          <img alt="Quinoa Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9885/file/small-bfd6d8b576b2874281ac457048155041.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9885/file/medium-cb3b8c727a961eb7a20d35b001de4d74.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9885/file/large-f8ca6c928bbbf53072ecb01394e2a7da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9885/file/medium-cb3b8c727a961eb7a20d35b001de4d74.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">Blumenbrot</p>
          <a href="/en/products/quinoa-bio-150-g-18343">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Quinoa Bio, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.15
            </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-18343-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w30kWEQ6wkLQqUqLtW3sgcMmz0xVesNug8x4jhiZmdd8McZP8IkdmHEUEy5nWwvtRjZVySGUnJ3IacaYKD9UcA" />
    <input value="18343" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D40">
    <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="/en/products/anis-ganz-bio-35-g-18344">
          <img alt="Anis ganz Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9886/file/small-d946d730e01e83dcd0e6223a9b2364e1.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9886/file/medium-cb317aae6cd9f400d8905343bf9237ea.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9886/file/large-43d49d59c29eea7011e8f867c0dc82dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9886/file/medium-cb317aae6cd9f400d8905343bf9237ea.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/en/products/anis-ganz-bio-35-g-18344">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Anis ganz Bio, 35 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_AZGDBD8_WdGpbIHJx5f4XkU0g8mHs2sf9yo7ZhewGFDSqQbpE8ivecY66L1KLiN_ARIilLwkl80eRb7qPgNxg" />
    <input value="18344" 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>
          Add to cart
</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="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fgetranke-wein%2Fkaffee-tee%3Fformat%3Dturbo_stream%26page%3D40">
    <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="/en/products/barlauch-geschnitten-bio-6-g-18345">
          <img alt="Bärlauch geschnitten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9887/file/small-482aeddf53033fbbf2ebb6a0220f4cee.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9887/file/medium-6c92b215a4168b475973e7bd236e6a94.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9887/file/large-9329ee4032cae2592a4785c2e32dfaf8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9887/file/medium-6c92b215a4168b475973e7bd236e6a94.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Brecht</p>
          <a href="/en/products/barlauch-geschnitten-bio-6-g-18345">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bärlauch geschnitten Bio, 6 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lA471uGhqxHA3oojZLr6GH9YSL0kN0rd8C_ZtwfvYTMrQtnBVRJ0y2Fj04a2jB10-kjSOFDZFS67imehN0mslA" />
    <input value="18345" 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>
          Add to cart
</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">
      800 of 3&#39;030 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/getranke-wein/kaffee-tee?format=turbo_stream&amp;page=41">Show more</a>
  </div>
</div>

</template></turbo-stream>