<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%2Fbernardo-coffee%3Fformat%3Dturbo_stream%26page%3D99">
    <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/roh-und-vegan-wildkrauter-obst-und-gemuse-smoothies-1-piece-2142">
          <img alt="Roh und vegan - Wildkräuter, Obst und Gemüse Smoothies" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1651/file/small-af9983366b90b3c8e62315245c6899e0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1651/file/medium-b417b55753ad6ddac6bc49b08941015b.webp 900w, https://assets.fabulous.ch/public/variant_asset/1651/file/large-1bfe0ad2a1fa7387a3a2062e375c62dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1651/file/medium-b417b55753ad6ddac6bc49b08941015b.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">Buchverlag</p>
          <a href="/en/products/roh-und-vegan-wildkrauter-obst-und-gemuse-smoothies-1-piece-2142">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Roh und vegan - Wildkräuter, Obst und Gemüse Smoothies, 1 piece</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 19.90 / Stk.
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2142&quot;],&quot;content_name&quot;:&quot;Roh und vegan - Wildkräuter, Obst und Gemüse Smoothies, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2142&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:19.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1DevPTrSEGWcFdCtzJ3AB4PHrgFu5cGU9IaaA3AxHxPt3R1iMUecleLbqovpKhRg6DxtzUeTG1Snsrs0TFP8Cw" />
    <input value="2142" 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%2Fbernardo-coffee%3Fformat%3Dturbo_stream%26page%3D99">
    <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/kochbuch-gelateria-vegana-1-piece-2139">
          <img alt="Kochbuch Gelateria vegana" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1649/file/small-404d5096e941affdb8870b96c136d9ac.webp 600w, https://assets.fabulous.ch/public/variant_asset/1649/file/medium-2395648addcc590e6bba683e67739b66.webp 900w, https://assets.fabulous.ch/public/variant_asset/1649/file/large-b8b7585faab7ff4e62aa686441f6ffb3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1649/file/medium-2395648addcc590e6bba683e67739b66.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">Buchverlag</p>
          <a href="/en/products/kochbuch-gelateria-vegana-1-piece-2139">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kochbuch Gelateria vegana, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2139&quot;],&quot;content_name&quot;:&quot;Kochbuch Gelateria vegana, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2139&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:21.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GuUHCMxlkTiD1BDfx2rSJViOVIFqeiwLhdK2uOMQbwcjD7VXx_AdyP0aavni3QZCM3WXTUMM9svW5peP33KMHw" />
    <input value="2139" 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%2Fbernardo-coffee%3Fformat%3Dturbo_stream%26page%3D99">
    <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/200-g-fd690e7a-fb5d-4628-bb5d-f15e175b7651-18800">
          <img alt="Snacky Cress Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10872/file/small-45d1745787a42ce8833add24dd3c3014.webp 600w, https://assets.fabulous.ch/public/variant_asset/10872/file/medium-222b04803e5f7d6c339ad09b50fda305.webp 900w, https://assets.fabulous.ch/public/variant_asset/10872/file/large-91e8762a9ce3bf428fddd44a67cbcf07.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10872/file/medium-222b04803e5f7d6c339ad09b50fda305.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/200-g-fd690e7a-fb5d-4628-bb5d-f15e175b7651-18800">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Snacky Cress Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18800&quot;],&quot;content_name&quot;:&quot;Snacky Cress Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18800&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FduGcIKLHL9iZgqw73O7H9vgWgkYY8PblSiRnte_cW0sMTQviR6QTxyocJbKxG94sBuZxTEVGRvGHLCp692SdQ" />
    <input value="18800" 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%2Fbernardo-coffee%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lammsbrau-beer-gluten-free-alcohol-free-organic-330-ml-16516">
          <img alt="Lammsbräu Beer Gluten-Free &amp; Alcohol-Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7613/file/small-adadc4b63062e726125a7cae88a036c1.webp 600w, https://assets.fabulous.ch/public/variant_asset/7613/file/medium-126798646f1c6ae92982b48495d7b846.webp 900w, https://assets.fabulous.ch/public/variant_asset/7613/file/large-1154a1d4464ff3d120c0eebbb5d2f64c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7613/file/medium-126798646f1c6ae92982b48495d7b846.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">Neumarkter Lammsbräu</p>
          <a href="/en/products/lammsbrau-beer-gluten-free-alcohol-free-organic-330-ml-16516">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lammsbräu Beer Gluten-Free &amp; Alcohol-Free Organic, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16516&quot;],&quot;content_name&quot;:&quot;Lammsbräu Beer Gluten-Free \u0026 Alcohol-Free Organic, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16516&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6i9W2oXiX0uYsdBsrFJ8DnTs1W-S85nfiPb7ylBkfpHTxeSFjnfTu-Z_qkqJ5ahpHxcWo7uFQx_bwtr9bAadiQ" />
    <input value="16516" 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%2Fbernardo-coffee%3Fformat%3Dturbo_stream%26page%3D99">
    <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/200-g-926dce35-456a-42f8-b10e-f30b4ee765c8-19041">
          <img alt="Soya Mince Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9723/file/small-83a17b72d4af08568400d2c822bf406e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9723/file/medium-4ecf23b9809ccc4cc6f79bebe0248260.webp 900w, https://assets.fabulous.ch/public/variant_asset/9723/file/large-ba657fb90ead31282be06e3532f74ced.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9723/file/medium-4ecf23b9809ccc4cc6f79bebe0248260.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">Soyana</p>
          <a href="/en/products/200-g-926dce35-456a-42f8-b10e-f30b4ee765c8-19041">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soya Mince Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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-19041-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19041&quot;],&quot;content_name&quot;:&quot;Soya Mince Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19041&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6gN0IiM-ttk5yZvyIR0wvWRtzNh1TFcSOMAEKyMIcSvT6cZ9KKs6KUcH4dQEquTaD5YPFFw6jdJr9CUcH2qSMw" />
    <input value="19041" 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%2Fbernardo-coffee%3Fformat%3Dturbo_stream%26page%3D99">
    <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/baking-mix-brownies-gluten-free-organic-400-g-3029b04a-a23b-4b42-9376-d12518959797-5143">
          <img alt="Baking Mix Brownies Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3025/file/small-3b4bb4597d8026fa469e4412bae393ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/3025/file/medium-33ffea3db687dceb2644240d70a2eb98.webp 900w, https://assets.fabulous.ch/public/variant_asset/3025/file/large-008fdd2c0b16175122d442a975dcb352.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3025/file/medium-33ffea3db687dceb2644240d70a2eb98.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">Bauckhof</p>
          <a href="/en/products/baking-mix-brownies-gluten-free-organic-400-g-3029b04a-a23b-4b42-9376-d12518959797-5143">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Baking Mix Brownies Gluten Free Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5143&quot;],&quot;content_name&quot;:&quot;Baking Mix Brownies Gluten Free Organic, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5143&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pZBed4dXUFzfovF6VA2KJBPnJqPpMCVd78jcqNE-FVKceuwojMLcrKFsi1xxul5DeBzlb8BG_528_P2f7Vz2Sg" />
    <input value="5143" 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%2Fbernardo-coffee%3Fformat%3Dturbo_stream%26page%3D99">
    <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/oil-rapeseed-organic-500-ml-10142">
          <img alt="Oil Rapeseed Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5493/file/small-b777c03b8f853928947e8b8465a73ff5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5493/file/medium-84ce5f13f4e3c6a847e10b90db104dd8.webp 900w, https://assets.fabulous.ch/public/variant_asset/5493/file/large-2a7f4d60ceb6ca846d6e12492dc1e235.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5493/file/medium-84ce5f13f4e3c6a847e10b90db104dd8.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">Die kleine Mühle</p>
          <a href="/en/products/oil-rapeseed-organic-500-ml-10142">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oil Rapeseed Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.65
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;10142&quot;],&quot;content_name&quot;:&quot;Oil Rapeseed Organic, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;10142&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:12.65,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bit-K74p6Y-zUJpxYYk8KRv9TzBF89PSMBupNWdjFeZXwcx0tbxlf82e4FdEPuhOcAaM_GyFCRJjL4gCWwH2_g" />
    <input value="10142" 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%2Fbernardo-coffee%3Fformat%3Dturbo_stream%26page%3D99">
    <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/locust-bean-gum-organic-65-g-18106">
          <img alt="Locust bean gum organic " class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9050/file/small-38d336d713b5294e25ed42f175d3842f.webp 600w, https://assets.fabulous.ch/public/variant_asset/9050/file/medium-5d15b5cd913023014c34e0a1dcf3a9ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/9050/file/large-5a66590f281d20af35356f3794c469c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9050/file/medium-5d15b5cd913023014c34e0a1dcf3a9ab.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/locust-bean-gum-organic-65-g-18106">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Locust bean gum organic , 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18106&quot;],&quot;content_name&quot;:&quot;Locust bean gum organic , 65 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18106&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:9.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="t4sNNrnUHrN0bPncLTQwTqQQpbuxorPwSeLG4zoK2imOYb9pskGSQwqig_oIg-Qpz-tmd5jUaTAa1ufUBmg5MQ" />
    <input value="18106" 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%2Fbernardo-coffee%3Fformat%3Dturbo_stream%26page%3D99">
    <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/monk-s-pepper-extract-vegicaps-organic-150-capsules-150-piece-15904">
          <img alt="Monk’s Pepper Extract Vegicaps Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7305/file/small-35c3d8d737816788262961b8443768de.webp 600w, https://assets.fabulous.ch/public/variant_asset/7305/file/medium-bf523990b96f3758f2f6385ec66bdfbf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7305/file/large-0426c53a9cfb96117a5ea56debef5655.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7305/file/medium-bf523990b96f3758f2f6385ec66bdfbf.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">NaturKraftWerke</p>
          <a href="/en/products/monk-s-pepper-extract-vegicaps-organic-150-capsules-150-piece-15904">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Monk’s Pepper Extract Vegicaps Organic, 75 capsules</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15904&quot;],&quot;content_name&quot;:&quot;Monk’s Pepper Extract Vegicaps Organic, 75 capsules&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15904&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:23.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DwB30DOYyRR_WTeIp8Nv13qBO4fzMdKgF0pvZFvSb9026sWPOA1F5AGXTa6CdLuwEXr4S9pHCGBEfk5TZ7CMxQ" />
    <input value="15904" 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%2Fbernardo-coffee%3Fformat%3Dturbo_stream%26page%3D99">
    <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/330-ml-c44d57a0-5630-4f09-8789-ff61c3115d5c-19156">
          <img alt="Verjus from Erlinsbach Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10840/file/small-4a99bdfb89aec3369697310364eb5ae6.webp 600w, https://assets.fabulous.ch/public/variant_asset/10840/file/medium-8a42b1f32e94123130151a34e9f43b4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10840/file/large-6b6be14189f8735ac0b7f8bd1b9c9486.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10840/file/medium-8a42b1f32e94123130151a34e9f43b4e.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">Verjus</p>
          <a href="/en/products/330-ml-c44d57a0-5630-4f09-8789-ff61c3115d5c-19156">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Verjus from Erlinsbach Organic, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19156&quot;],&quot;content_name&quot;:&quot;Verjus from Erlinsbach Organic, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19156&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uWIBO_Is6fvyjPPzZHtI4_kttXIVQS1qYCRc9r-VuVaAiLNk-bllC4xCidVBzJyEktZ2vjw396ozEH3Bg_daTg" />
    <input value="19156" 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%2Fbernardo-coffee%3Fformat%3Dturbo_stream%26page%3D99">
    <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/30-g-dd46f87a-e8b4-44bc-8c34-fbd41d965e80-18798">
          <img alt="Snacky Broccoli Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9279/file/small-6527640278f261ffc9ccf7a37b0b287b.webp 600w, https://assets.fabulous.ch/public/variant_asset/9279/file/medium-d5f48134ea66e3ecde29a1badc057341.webp 900w, https://assets.fabulous.ch/public/variant_asset/9279/file/large-24c4d42838d006f01f295ccb6719b81b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9279/file/medium-d5f48134ea66e3ecde29a1badc057341.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/30-g-dd46f87a-e8b4-44bc-8c34-fbd41d965e80-18798">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Snacky Broccoli Organic, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18798&quot;],&quot;content_name&quot;:&quot;Snacky Broccoli Organic, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18798&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-vKTMAs7fFJEn42lXwCFb4LUO8jpqaaHn-87qr1ZfIrDGCFvAK7wojpR94N6t1EI6S_4BMDffEfM2xqdgTufkg" />
    <input value="18798" 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%2Fbernardo-coffee%3Fformat%3Dturbo_stream%26page%3D99">
    <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/peak-punk-oat-bar-dark-chocolate-organic-55-g-17505">
          <img alt="Peak Punk Oat Bar Dark Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8161/file/small-8100b4fd0a396d5481db4363248e8e1b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8161/file/medium-b574179b50a7a53f6da84c6e287f3ff6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8161/file/large-891af90fd86f5f9f71808b47f2811aa0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8161/file/medium-b574179b50a7a53f6da84c6e287f3ff6.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">Peak Punk</p>
          <a href="/en/products/peak-punk-oat-bar-dark-chocolate-organic-55-g-17505">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peak Punk Oat Bar Dark Chocolate Organic, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17505&quot;],&quot;content_name&quot;:&quot;Peak Punk Oat Bar Dark Chocolate Organic, 55 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17505&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Tc86u98T8deIL3G-juZ4i22VIsJ3MIYgyhhW1JVG-xp0JYjk1IZ9J_bhC5irUazsBm7hDl5GXOCZLHfjqSQYAg" />
    <input value="17505" 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%2Fbernardo-coffee%3Fformat%3Dturbo_stream%26page%3D99">
    <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/sojade-so-soya-strawberry-organic-400-g-11792">
          <img alt="Sojade So Soya! Strawberry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6021/file/small-dbc375ddfe6a0f63f580748d479949c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6021/file/medium-894e1fe4909f67498617d6ba94a1f0fd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6021/file/large-3d8922664d25d69c95d3d4e4686f45ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6021/file/medium-894e1fe4909f67498617d6ba94a1f0fd.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">Sojade</p>
          <a href="/en/products/sojade-so-soya-strawberry-organic-400-g-11792">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sojade So Soya! Strawberry Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.00
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1.25 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11792&quot;],&quot;content_name&quot;:&quot;Sojade So Soya! Strawberry Organic, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11792&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pzzfmbW_SJh3JF5R3-xhFZxn2msbepYVyU1HTJuLcyme1m3GvirEaAnqJHf6W7Vy95wZpzIMTNWaeWZ7p-mQMQ" />
    <input value="11792" 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%2Fbernardo-coffee%3Fformat%3Dturbo_stream%26page%3D99">
    <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/soja-paneer-basic-organic-200-g-111">
          <img alt="Soja-Paneer Basic Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/121/file/small-dc427ba0bbd12c8c12f4e1d962240414.webp 600w, https://assets.fabulous.ch/public/variant_asset/121/file/medium-cecde4a37302133289a13b87cd85b580.webp 900w, https://assets.fabulous.ch/public/variant_asset/121/file/large-7c21b935fbfed841766fcf69c735252a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/121/file/medium-cecde4a37302133289a13b87cd85b580.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">Engel-Tofu</p>
          <a href="/en/products/soja-paneer-basic-organic-200-g-111">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja-Paneer Basic Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

              <div class="size-8 text-blue-300" title="Refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.15 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;111&quot;],&quot;content_name&quot;:&quot;Soja-Paneer Basic Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;111&quot;,&quot;quantity&quot;:2}],&quot;value&quot;:12.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j2VqwfqOtFwQoqwpaffAyEPRfATQ9REYEn07mdWQA0m2j9ie8Rs4rG5s1g9MQBSvKCq_yPmDy9hBSRqu6fLgUQ" />
    <input value="111" type="hidden" name="variant_id" id="variant_id" />
    <input value="2" 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%2Fbernardo-coffee%3Fformat%3Dturbo_stream%26page%3D99">
    <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/70-g-947fb158-0b77-4610-8d42-a992a64ab7f6-19843">
          <img alt="Virunga Chocolate 70% Cocoa Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10411/file/small-e29b251e4c0494b483cc6949fd6afb30.webp 600w, https://assets.fabulous.ch/public/variant_asset/10411/file/medium-87ca7375cbef5360fe8f283f088d671e.webp 900w, https://assets.fabulous.ch/public/variant_asset/10411/file/large-602e305da8c9a29fa8ced75c4f7b4fcd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10411/file/medium-87ca7375cbef5360fe8f283f088d671e.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">OriginalBeans</p>
          <a href="/en/products/70-g-947fb158-0b77-4610-8d42-a992a64ab7f6-19843">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Virunga Chocolate 70% Cocoa Organic, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19843&quot;],&quot;content_name&quot;:&quot;Virunga Chocolate 70% Cocoa Organic, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19843&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4fdhyFRiO3ZGcRje4nrDR_xCeIM9MNGEn0R5pUl6Tu7YHdOXX_e3hji_YvjHzRcgl7m7TxRGC0TMcFiSdRit9g" />
    <input value="19843" 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%2Fbernardo-coffee%3Fformat%3Dturbo_stream%26page%3D99">
    <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/cocoa-smiles-organic-300-g-15910">
          <img alt="Cocoa Smiles Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7316/file/small-4bd646827757cd846ec43353b187fa1f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7316/file/medium-3310993e3d6c528d95201a06b4c44611.webp 900w, https://assets.fabulous.ch/public/variant_asset/7316/file/large-9e0be689b0f49b0b669258b2a8068d78.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7316/file/medium-3310993e3d6c528d95201a06b4c44611.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">turtle Better Breakfast</p>
          <a href="/en/products/cocoa-smiles-organic-300-g-15910">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cocoa Smiles Organic, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15910&quot;],&quot;content_name&quot;:&quot;Cocoa Smiles Organic, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15910&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b_SdhmPgG1dcWO7uzC8EtnnMRzr6brjcMEr0iPAmIQBWHi_ZaHWXpyKWlMjpmNDREjeE9tMYYhxjftW_zETCGA" />
    <input value="15910" 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%2Fbernardo-coffee%3Fformat%3Dturbo_stream%26page%3D99">
    <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/earl-grey-green-tea-organic-50-g-16546">
          <img alt="Earl Grey Green Tea Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7633/file/small-7620aef775487dd8afcd7281228782c5.webp 600w, https://assets.fabulous.ch/public/variant_asset/7633/file/medium-dfabda532703fd0043af4ed6619799f3.webp 900w, https://assets.fabulous.ch/public/variant_asset/7633/file/large-a3c4c2dc6fc47a3718e31ccd9dde6a4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7633/file/medium-dfabda532703fd0043af4ed6619799f3.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">Lebensbaum</p>
          <a href="/en/products/earl-grey-green-tea-organic-50-g-16546">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Earl Grey Green Tea Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16546&quot;],&quot;content_name&quot;:&quot;Earl Grey Green Tea Organic, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16546&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oeJ2zX3A-i2mreIIq6DKNAHFImYRKU0rM5Izdc0_jo6YCMSSdlV23dhjmC6OFx5Taj7hqjhfl-tgphJC8V1tlg" />
    <input value="16546" 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%2Fbernardo-coffee%3Fformat%3Dturbo_stream%26page%3D99">
    <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/lupine-sauce-alternative-to-soy-sauce-gluten-free-organic-100-ml-6519">
          <img alt="Lupine Sauce Alternative to Soy Sauce Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3736/file/small-6fc1c65fd1439287d56f5ca7bb83a659.webp 600w, https://assets.fabulous.ch/public/variant_asset/3736/file/medium-ccc0746b82f1f0e9934b6df2a4af83bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/3736/file/large-c2e9509264d7a414cacded271a4a9e8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3736/file/medium-ccc0746b82f1f0e9934b6df2a4af83bd.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">Alberts</p>
          <a href="/en/products/lupine-sauce-alternative-to-soy-sauce-gluten-free-organic-100-ml-6519">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Lupine Sauce Alternative to Soy Sauce Gluten Free Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6519&quot;],&quot;content_name&quot;:&quot;Lupine Sauce Alternative to Soy Sauce Gluten Free Organic, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6519&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cS23_uAEIx53zZEcDQHWtldJNzSZUTGQBI2lEO6dUmdIxwWh65Gv7gkD6zootgLRPLL0-LAn61BXuYQn0v-xfw" />
    <input value="6519" 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%2Fbernardo-coffee%3Fformat%3Dturbo_stream%26page%3D99">
    <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/225-g-9f19fc81-35d6-4e0c-98ab-419244be019c-19847">
          <img alt="Trail Mix" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10415/file/small-7ab3c30b5a5feb20f0b9bcbe373b43e1.webp 600w, https://assets.fabulous.ch/public/variant_asset/10415/file/medium-974fedc777a9570e591466cb190e0272.webp 900w, https://assets.fabulous.ch/public/variant_asset/10415/file/large-e8a63b01e27c70a4a273163dd4b8206d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10415/file/medium-974fedc777a9570e591466cb190e0272.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">Sun Snack</p>
          <a href="/en/products/225-g-9f19fc81-35d6-4e0c-98ab-419244be019c-19847">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Trail Mix, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19847&quot;],&quot;content_name&quot;:&quot;Trail Mix, 225 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19847&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BXiuiPsiEfFOA67jzHr6QrUS_8fztrckpiipfMO9UGk8khzX8LedATDN1MXpzS4l3uk8C9rAbeT1HIhL_9-zcQ" />
    <input value="19847" 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%2Fbernardo-coffee%3Fformat%3Dturbo_stream%26page%3D99">
    <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/250-g-c47ce94b-552d-4a6e-8da3-508c1b0135d8-19144">
          <img alt="Sultanas Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10462/file/small-484fb5c4275050513b46dda6e3591eeb.webp 600w, https://assets.fabulous.ch/public/variant_asset/10462/file/medium-44a0a57c4ac33e3cdd4cc799acd39727.webp 900w, https://assets.fabulous.ch/public/variant_asset/10462/file/large-ee3111f8a95d0c1613da097aaa535991.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10462/file/medium-44a0a57c4ac33e3cdd4cc799acd39727.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">Sun Snack</p>
          <a href="/en/products/250-g-c47ce94b-552d-4a6e-8da3-508c1b0135d8-19144">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sultanas Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19144&quot;],&quot;content_name&quot;:&quot;Sultanas Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19144&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nimkh2X9fFps6NEYd6_DNAmT4J1_zKWGFgK6u7z9ppKnwxbYbmjwqhImqz5SGBdTYmgjUVa6f0ZFNpuMgJ9Fig" />
    <input value="19144" 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">
      1&#39;980 of 3&#39;982 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/bernardo-coffee?format=turbo_stream&amp;page=100">Show more</a>
  </div>
</div>

</template></turbo-stream>