<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%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D5">
    <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/kombucha-urban-green-tea-peppermint-organic-330-ml-15947">
          <img alt="Kombucha Urban Green Tea &amp; Peppermint Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7340/file/small-d937ae2981d9cf9e19920cf9eb7cd107.webp 600w, https://assets.fabulous.ch/public/variant_asset/7340/file/medium-4ec4635689221a9b7ec010cd2517628f.webp 900w, https://assets.fabulous.ch/public/variant_asset/7340/file/large-37399ef4fe36d1917fe8a97c82cbafff.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7340/file/medium-4ec4635689221a9b7ec010cd2517628f.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">Urban Kombucha</p>
          <a href="/en/products/kombucha-urban-green-tea-peppermint-organic-330-ml-15947">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Urban Green Tea &amp; Peppermint Organic, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15947&quot;],&quot;content_name&quot;:&quot;Kombucha Urban Green Tea \u0026 Peppermint Organic, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15947&quot;,&quot;quantity&quot;:12}],&quot;value&quot;:37.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hTuFitWnRrw7P_ebBpGHUaLJKi6J1NKVaCZKLdAUX9Lyep5uCRxim5-q5o2MGcc_4GxDj0TxPrU0w_icZ6BzSA" />
    <input value="15947" type="hidden" name="variant_id" id="variant_id" />
    <input value="12" 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%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D5">
    <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/laundry-liquid-30-95-c-sensitive-without-perfume-2-l-3477">
          <img alt="Laundry Liquid 30–95 °C SENSITIVE (without perfume)" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2287/file/small-09c9d14c6bcfec6f51781e2855b32bac.webp 600w, https://assets.fabulous.ch/public/variant_asset/2287/file/medium-771dbcc7b9650305c9f51488ae71d482.webp 900w, https://assets.fabulous.ch/public/variant_asset/2287/file/large-a9937a5b011598a0b5d1f2a4a75cc3ee.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2287/file/medium-771dbcc7b9650305c9f51488ae71d482.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">Sonett</p>
          <a href="/en/products/laundry-liquid-30-95-c-sensitive-without-perfume-2-l-3477">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Laundry Liquid 30–95 °C SENSITIVE (without perfume), 2 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3477&quot;],&quot;content_name&quot;:&quot;Laundry Liquid 30–95 °C SENSITIVE (without perfume), 2 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3477&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z5YDZeGq6qPO9gbI3kkTkfctp2aDMlOfR70Xje70hOO41xiBPRHOhGpjF95UwVP_tYjOx04Xv78bWKU8WUCoeQ" />
    <input value="3477" 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%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D5">
    <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/glass-cleaner-0-5-l-541">
          <img alt="Glass Cleaner" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/493/file/small-f6bf3035569bd86c3261fbcbc9ae2c11.webp 600w, https://assets.fabulous.ch/public/variant_asset/493/file/medium-db1a72ceccd536652f2425d2daef51d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/493/file/large-0fc496481fdc1f8dd9a6a60e868e69fe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/493/file/medium-db1a72ceccd536652f2425d2daef51d0.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">Sonett</p>
          <a href="/en/products/glass-cleaner-0-5-l-541">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Glass Cleaner, 0.5 l</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 0.99 / 100 ml
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;541&quot;],&quot;content_name&quot;:&quot;Glass Cleaner, 0.5 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;541&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1JEwfEJZLvQLvL6xPx9GQOf0luFyd7c4zcgN4TKJ9hij0CuYnuIK068pr6e1lwYupVH_QL9SWxiRLb9QhT3agg" />
    <input value="541" 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%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D5">
    <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/kombucha-urban-lemongrass-and-hibiscus-organic-330-ml-4965">
          <img alt="Kombucha Urban Lemongrass and Hibiscus Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2945/file/small-9c493c79401e1a289f44230d3b6f0727.webp 600w, https://assets.fabulous.ch/public/variant_asset/2945/file/medium-df880108b4b527bdaae32f8935c8e4c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2945/file/large-e1fd88292cd3969d78d7ce8f8b65d66c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2945/file/medium-df880108b4b527bdaae32f8935c8e4c8.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">Urban Kombucha</p>
          <a href="/en/products/kombucha-urban-lemongrass-and-hibiscus-organic-330-ml-4965">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kombucha Urban Lemongrass and Hibiscus Organic, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4965&quot;],&quot;content_name&quot;:&quot;Kombucha Urban Lemongrass and Hibiscus Organic, 330 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4965&quot;,&quot;quantity&quot;:12}],&quot;value&quot;:37.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LAIXhAeSydaSVD3WaD0skg5Q5rIlEGhkTHaP6LmaHRVbQwxg2ynt8TbBLMDitWz8TPWPE-g1hEQQkz1ZDi4xjw" />
    <input value="4965" type="hidden" name="variant_id" id="variant_id" />
    <input value="12" 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%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D5">
    <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/cashew-butter-organic-250-g-332">
          <img alt="Cashew Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/292/file/small-823cae19aad346d2be04a2937ee2aa28.webp 600w, https://assets.fabulous.ch/public/variant_asset/292/file/medium-a5feedf880c55ac62bf5a27e0f643672.webp 900w, https://assets.fabulous.ch/public/variant_asset/292/file/large-4b5899705c5f22d9849542ff94207ecd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/292/file/medium-a5feedf880c55ac62bf5a27e0f643672.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/cashew-butter-organic-250-g-332">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cashew Butter Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;332&quot;],&quot;content_name&quot;:&quot;Cashew Butter Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;332&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jLOfnQZl4U9WXojLYr9VesQ5c2doIVSRoyyyc4QTPuX78oR52t7FaPLLmd3oNxUUhpwaxqUEuLH_yQDCM6cSfw" />
    <input value="332" 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%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D5">
    <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/cucumber-in-glas-jar-demeter-720-ml-7307">
          <img alt="Cucumber in Glas Jar Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4162/file/small-5c994118112bf2e6c63990d28f219566.webp 600w, https://assets.fabulous.ch/public/variant_asset/4162/file/medium-bc712596f175a6dd4387b682a5e0ed30.webp 900w, https://assets.fabulous.ch/public/variant_asset/4162/file/large-ceff801f96cdae0610b5965e0a9750d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4162/file/medium-bc712596f175a6dd4387b682a5e0ed30.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">Schweizer Naturkost</p>
          <a href="/en/products/cucumber-in-glas-jar-demeter-720-ml-7307">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cucumber in Glas Jar Demeter, 720 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7307&quot;],&quot;content_name&quot;:&quot;Cucumber in Glas Jar Demeter, 720 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7307&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NGPuXUl8IPt35FYfV2EQXbwLfeIUI7HqpD6HKk4AinVDIvW5lccE3NNxRwnd6VAz_q4UQ9kGXcr42zWb-bSm7w" />
    <input value="7307" 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%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D5">
    <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/peanut-butter-smooth-organic-500-g-2214">
          <img alt="Peanut Butter Smooth Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1660/file/small-9b2c04d585f430a999c4ccb1a29d536c.webp 600w, https://assets.fabulous.ch/public/variant_asset/1660/file/medium-e09c33b15cf3adca3540dfaa87d19f65.webp 900w, https://assets.fabulous.ch/public/variant_asset/1660/file/large-bccf0d7e7f9c44ecd340d7d92e8ad3ea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1660/file/medium-e09c33b15cf3adca3540dfaa87d19f65.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">Terrasana</p>
          <a href="/en/products/peanut-butter-smooth-organic-500-g-2214">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peanut Butter Smooth Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2214&quot;],&quot;content_name&quot;:&quot;Peanut Butter Smooth Organic, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2214&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YJKkWh5d68rcNarODV0WSKse4fGK-PVrMRSir4o8Qj0X07--wubP7Xigu9iH1VYm6buIUEfdGUtt8RAePYhupw" />
    <input value="2214" 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%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D5">
    <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-ml-18288">
          <img alt="Oat Cuisine Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10568/file/small-19e36df096c87e1b47e8dffcf1e49bd7.webp 600w, https://assets.fabulous.ch/public/variant_asset/10568/file/medium-10639e1006da83f17e3799425d8cf8e4.webp 900w, https://assets.fabulous.ch/public/variant_asset/10568/file/large-fa9d8f24b28301fe7131531b1fd0d804.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10568/file/medium-10639e1006da83f17e3799425d8cf8e4.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">Allos</p>
          <a href="/en/products/200-ml-18288">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oat Cuisine Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18288&quot;],&quot;content_name&quot;:&quot;Oat Cuisine Organic, 200 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18288&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:1.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0mm0Wz_2jMJeTXmjW_kVjnB6eBE7KB8pvRgLApWT9sWlKK-_402o5frYaLXRcVXgMt8RsPYN8wnh_bmzIifaXw" />
    <input value="18288" 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%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D5">
    <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/chickpea-wafers-with-dark-chocolate-organic-65-g-12010">
          <img alt="Chickpea Wafers with 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/6104/file/small-84c1f0aaf249c7a39d8932b390e9a1ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/6104/file/medium-e56e9b9876ac9a750082c1b5e9176dea.webp 900w, https://assets.fabulous.ch/public/variant_asset/6104/file/large-55b4daf3ee753210c6718a2010d39c94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6104/file/medium-e56e9b9876ac9a750082c1b5e9176dea.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">Byodo</p>
          <a href="/en/products/chickpea-wafers-with-dark-chocolate-organic-65-g-12010">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chickpea Wafers with Dark Chocolate Organic, 65 g</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.00 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12010&quot;],&quot;content_name&quot;:&quot;Chickpea Wafers with Dark Chocolate Organic, 65 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12010&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_h4O-nNwJfHFng2ACzPaVE8aQbrjjauNXJUh7JbRk-uJXxUer8sB1mELHJaBu5o6Db8oGy6oR60AcJNdIWW_cQ" />
    <input value="12010" 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%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D5">
    <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/vegan-alternative-to-scrambled-egg-organic-50-g-9152">
          <img alt="Vegan Alternative to Scrambled Egg Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5197/file/small-62d37b78ed57a748db36122c87b56340.webp 600w, https://assets.fabulous.ch/public/variant_asset/5197/file/medium-6fbefd5c47c66b5302e03dce37a3ff38.webp 900w, https://assets.fabulous.ch/public/variant_asset/5197/file/large-bff8a7b82bcfbaafc2739bb5b461b2b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5197/file/medium-6fbefd5c47c66b5302e03dce37a3ff38.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/vegan-alternative-to-scrambled-egg-organic-50-g-9152">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegan Alternative to Scrambled Egg Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9152&quot;],&quot;content_name&quot;:&quot;Vegan Alternative to Scrambled Egg Organic, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9152&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mYrhoQSqhZPbc29y4BEvYMjt8dwUUk_a-nc2tfe9hPfuy_pF2BGhtH_mfmRqmW8OikiYfdl3o_qmkoQEQAmobQ" />
    <input value="9152" 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%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D5">
    <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/rapunzel-espresso-dark-chocolate-organic-100-g-7934">
          <img alt="Rapunzel Espresso 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/4657/file/small-e0dc7726cedd07eadd06f523ed7b3af7.webp 600w, https://assets.fabulous.ch/public/variant_asset/4657/file/medium-94e9f1ca39d25fd31d7f691ad2557798.webp 900w, https://assets.fabulous.ch/public/variant_asset/4657/file/large-a1273ff26371572960db00604b84c955.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4657/file/medium-94e9f1ca39d25fd31d7f691ad2557798.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/rapunzel-espresso-dark-chocolate-organic-100-g-7934">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rapunzel Espresso Dark Chocolate Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.45
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7934&quot;],&quot;content_name&quot;:&quot;Rapunzel Espresso Dark Chocolate Organic, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7934&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.45,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8--uyblr7c_nPJOIF4oX2MWlBwHchNNKSstUwSyYqseErrUtZdDJ6EOpgp6dAle2hwBuoBGhP2oWLuZwmyyGXQ" />
    <input value="7934" 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%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D5">
    <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/freely-vegan-cookie-caramel-salt-gluten-free-organic-65-g-7277">
          <img alt="Freely Vegan Cookie Caramel &amp; Salt 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/4127/file/small-c2739e6a1ecf643450fb1ee70e4bd014.webp 600w, https://assets.fabulous.ch/public/variant_asset/4127/file/medium-9ebdd09ceabcc7c2965424e1f535b898.webp 900w, https://assets.fabulous.ch/public/variant_asset/4127/file/large-b1dcd34faa0ac18eb9d2c75ab71436ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4127/file/medium-9ebdd09ceabcc7c2965424e1f535b898.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">Freely Handustry</p>
          <a href="/en/products/freely-vegan-cookie-caramel-salt-gluten-free-organic-65-g-7277">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Freely Vegan Cookie Caramel &amp; Salt Gluten Free Organic, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7277&quot;],&quot;content_name&quot;:&quot;Freely Vegan Cookie Caramel \u0026 Salt Gluten Free Organic, 65 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7277&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TDeRdFk8TyxiQD2yJ2R4nqt3GMLlzuO55da2H7YxeXA7doqQhYdrC8bVLKSt7Djw6dJxYyjrD5m5MwSuAYVV6g" />
    <input value="7277" 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%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D5">
    <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/fruit-bar-blueberry-organic-40-g-12142">
          <img alt="Fruit Bar Blueberry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6142/file/small-b1535e06ec39ae662b55ed659d05d726.webp 600w, https://assets.fabulous.ch/public/variant_asset/6142/file/medium-9f03062261e18e1585beff88a55f8a80.webp 900w, https://assets.fabulous.ch/public/variant_asset/6142/file/large-548e04c517d41ff5b3cb2418bd7b7b86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6142/file/medium-9f03062261e18e1585beff88a55f8a80.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">Allos</p>
          <a href="/en/products/fruit-bar-blueberry-organic-40-g-12142">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Fruit Bar Blueberry Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;12142&quot;],&quot;content_name&quot;:&quot;Fruit Bar Blueberry Organic, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;12142&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ivg19OdWq18Ikz8gy-eEEAmybxmLnuzV4eR-GaAxOjT9uS4QO-2PeKwGLjZBb8R-SxcGuEa7APW9AcyoF4UWrg" />
    <input value="12142" 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%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D5">
    <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/bar-protein-organic-45-g-588">
          <img alt="Bar Protein Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/536/file/small-b585d94847f846f97bb51524d8daf090.webp 600w, https://assets.fabulous.ch/public/variant_asset/536/file/medium-e359b83cb29870ca5cd96858923b364e.webp 900w, https://assets.fabulous.ch/public/variant_asset/536/file/large-8be3016e7e6609b8c10a0a12b7f33d4b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/536/file/medium-e359b83cb29870ca5cd96858923b364e.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">Raw Bite</p>
          <a href="/en/products/bar-protein-organic-45-g-588">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bar Protein Organic, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;588&quot;],&quot;content_name&quot;:&quot;Bar Protein Organic, 45 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;588&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gdmFkTrIa0SBSMOAo22O-UkjbQ_CPx7enlpWoWZ4BsD2mJ515nNPYyXd0pYp5c6XC4YErg8a8v7Cv-QQ0cwqWg" />
    <input value="588" 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%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D5">
    <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/jellys-veggie-hearts-organic-100-g-5847">
          <img alt="Jellys Veggie-Hearts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3361/file/small-e0113d824d97ac382b3e88b3b88abdaf.webp 600w, https://assets.fabulous.ch/public/variant_asset/3361/file/medium-ed4ad63f31b41ee95afe62a5223d7ff4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3361/file/large-f31640a92ccf700048558bbb98ffc368.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3361/file/medium-ed4ad63f31b41ee95afe62a5223d7ff4.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">Ökovital</p>
          <a href="/en/products/jellys-veggie-hearts-organic-100-g-5847">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Jellys Veggie-Hearts Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5847&quot;],&quot;content_name&quot;:&quot;Jellys Veggie-Hearts Organic, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5847&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9yonHpn-9PqoQSXC1Y2MDq4PaV8U54c4BVlWNpD0aCuAazz6RUXQ3QzUNNRfBcxg7KoA_tnCaxhZvOSHJ0BEsQ" />
    <input value="5847" 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%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D5">
    <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/beet-jerky-beetroot-snack-original-organic-40-g-16008">
          <img alt="Beet Jerky Beetroot Snack Original Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7393/file/small-5e13066282b411ddcb78fbed0c53b21d.webp 600w, https://assets.fabulous.ch/public/variant_asset/7393/file/medium-b6af98cb26b065271b5f5cf1c9167a08.webp 900w, https://assets.fabulous.ch/public/variant_asset/7393/file/large-bb05e37d91e78e7b4cf62fb457fb0ff5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7393/file/medium-b6af98cb26b065271b5f5cf1c9167a08.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">Wild Foods</p>
          <a href="/en/products/beet-jerky-beetroot-snack-original-organic-40-g-16008">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beet Jerky Beetroot Snack Original Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16008&quot;],&quot;content_name&quot;:&quot;Beet Jerky Beetroot Snack Original Organic, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16008&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zMk9DOVJMAet4spX0XBTc6ZMiNFe8yLi4NFQzrjQuP-7iCboOfIUIAl320Fb-BMd5OnhcJPWzsK8NOJ_D2SUZQ" />
    <input value="16008" 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%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D5">
    <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/beet-jerky-beetroot-snack-alpine-chili-organic-40-g-16009">
          <img alt="Beet Jerky Beetroot Snack Alpine Chili Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7394/file/small-343f00212c85405e354a76c02bae122b.webp 600w, https://assets.fabulous.ch/public/variant_asset/7394/file/medium-4deb5e313436d8b3c0a7cf499b62ebdf.webp 900w, https://assets.fabulous.ch/public/variant_asset/7394/file/large-68e741f43e51eb09fd0f08b94a5141f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7394/file/medium-4deb5e313436d8b3c0a7cf499b62ebdf.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">Wild Foods</p>
          <a href="/en/products/beet-jerky-beetroot-snack-alpine-chili-organic-40-g-16009">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Beet Jerky Beetroot Snack Alpine Chili Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16009&quot;],&quot;content_name&quot;:&quot;Beet Jerky Beetroot Snack Alpine Chili Organic, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16009&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Nt5Qo1JT3iu3EiUhpI2BhK3K4NDRtzXkBCU4rN6nZ_5Bn0tHjuj6DBOHNDcuBcHq72-JcRyS2cRYwIodaRNLZA" />
    <input value="16009" 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%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D5">
    <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/krunchy-low-sugar-original-organic-375-g-9290">
          <img alt="Krunchy Low Sugar ORIGINAL Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5284/file/small-cab84bd1bfaf722347748fa94ff9432d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5284/file/medium-3a0fca05e2f5b57b7aa1708fa2b8039d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5284/file/large-817b6172597216c3377ac266baf04f2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5284/file/medium-3a0fca05e2f5b57b7aa1708fa2b8039d.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">Barnhouse Naturprodukte</p>
          <a href="/en/products/krunchy-low-sugar-original-organic-375-g-9290">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Krunchy Low Sugar ORIGINAL Organic, 375 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 1.73 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9290&quot;],&quot;content_name&quot;:&quot;Krunchy Low Sugar ORIGINAL Organic, 375 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9290&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="G68uwiFv_mFnxytt6JMCzwBNfNy6nJr_mcR_7rfdazls7jUm_dTaRsNSOntiG0KhQugVfXe5dt_FIc1fAGlHow" />
    <input value="9290" 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%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D5">
    <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/shot-ginger-with-apple-juice-demeter-280-ml-7676">
          <img alt="Shot Ginger with Apple Juice Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4440/file/small-41adf2ddbb7a7e221668418d75092d98.webp 600w, https://assets.fabulous.ch/public/variant_asset/4440/file/medium-c76b13c827b136fdbc306058246ea1a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/4440/file/large-b48ef514f020148922706bae4093a79e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4440/file/medium-c76b13c827b136fdbc306058246ea1a2.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Voelkel</p>
          <a href="/en/products/shot-ginger-with-apple-juice-demeter-280-ml-7676">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shot Ginger with Apple Juice Demeter, 280 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7676&quot;],&quot;content_name&quot;:&quot;Shot Ginger with Apple Juice Demeter, 280 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7676&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6QsARCdUfBWuiYlblKSHEbDJsFdSusCB-yu88vqrvxKeShug--9YMgocmE0eLMd_8mzZ9p-fLKGnzg5DTR-TiA" />
    <input value="7676" 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%2Fyacon-co%3Fformat%3Dturbo_stream%26page%3D5">
    <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/konjac-fettuccine-style-organic-400-g-1254">
          <img alt="Konjac Fettuccine Style Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1080/file/small-5e547fe5aec06640a394af42ba16a0f0.webp 600w, https://assets.fabulous.ch/public/variant_asset/1080/file/medium-a14b9eb5cc1f89617c1f424397c89c16.webp 900w, https://assets.fabulous.ch/public/variant_asset/1080/file/large-7af86d5c0e3a28f464cc07a35da6da86.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1080/file/medium-a14b9eb5cc1f89617c1f424397c89c16.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">Slendier</p>
          <a href="/en/products/konjac-fettuccine-style-organic-400-g-1254">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Konjac Fettuccine Style Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1254&quot;],&quot;content_name&quot;:&quot;Konjac Fettuccine Style Organic, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1254&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A5UgydqEXN7dCZX3f-vPp-3ObhXeXg6Kfur7yyzZieh01DstBj94-XmchOH1Y4_Jr2sHtBN74qoiD0l6m22lcg" />
    <input value="1254" 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">
      100 of 3&#39;722 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/yacon-co?format=turbo_stream&amp;page=6">Show more</a>
  </div>
</div>

</template></turbo-stream>