<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%2Fyumame%3Fformat%3Dturbo_stream%26page%3D46">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/dried-green-beans-organic-bud-100-g-18113">
          <img alt="Dried Green Beans Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9056/file/small-074888b3dd51d8f502dcde88ac43a5d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/9056/file/medium-72ad860a8053c5a00cf1e4da8fd2aab2.webp 900w, https://assets.fabulous.ch/public/variant_asset/9056/file/large-f74bd5d3387a8ec665e6d617c21d8b68.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9056/file/medium-72ad860a8053c5a00cf1e4da8fd2aab2.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">Bohnen Piraten</p>
          <a href="/en/products/dried-green-beans-organic-bud-100-g-18113">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dried Green Beans Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TNddIcpiQk4fHyQ9nvOjemSVtyxoVUNqN5bsGn-FEXqnjsqHn1VUh0DurtOsGzvssWOJplCOG7T9R9qidV_QNQ" />
    <input value="18113" 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%2Fyumame%3Fformat%3Dturbo_stream%26page%3D46">
    <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/cookies-vegan-hazelnut-chocolate-praline-organic-50-g-7844">
          <img alt="Cookies Vegan Hazelnut Chocolate Praline Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4577/file/small-0b016f3f6375f924efe4cfeed3a2028d.webp 600w, https://assets.fabulous.ch/public/variant_asset/4577/file/medium-753171656bf67d273fc20c050c16acb9.webp 900w, https://assets.fabulous.ch/public/variant_asset/4577/file/large-4511ca71636a4ea0b2a4400a10bd724e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4577/file/medium-753171656bf67d273fc20c050c16acb9.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">Rhythm 108</p>
          <a href="/en/products/cookies-vegan-hazelnut-chocolate-praline-organic-50-g-7844">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cookies Vegan Hazelnut Chocolate Praline Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-kMO19xL8VPKOFMavI5MQ9xZNhICKq17Q3amrAcK368RGplxiXznmpXJ2fSOZtTVCa8ImDrx9aWJp5AUDdAe4A" />
    <input value="7844" 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%2Fyumame%3Fformat%3Dturbo_stream%26page%3D46">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mate-elderflower-aronia-super-natural-club-organic-330-ml-15532">
          <img alt="Mate Elderflower &amp; Aronia Super Natural Club Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7088/file/small-04944f96259b2aaac32a79adc59d51ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/7088/file/medium-b2f5e0fcc2d8161e7a71214bca720e07.webp 900w, https://assets.fabulous.ch/public/variant_asset/7088/file/large-7ec03565e706fbcfbc06fbfde967d50c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7088/file/medium-b2f5e0fcc2d8161e7a71214bca720e07.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">Super Natural Club</p>
          <a href="/en/products/mate-elderflower-aronia-super-natural-club-organic-330-ml-15532">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mate Elderflower &amp; Aronia Super Natural Club Organic, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </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%2Fyumame%3Fformat%3Dturbo_stream%26page%3D46">
    <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/cookies-vegan-chocolate-peanut-butter-organic-50-g-7843">
          <img alt="Cookies Vegan Chocolate Peanut Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4575/file/small-fff6a82c48e564a1e0a4cbe81d2eeba1.webp 600w, https://assets.fabulous.ch/public/variant_asset/4575/file/medium-2f1adc6ba7f75fd84ff39fd453beea46.webp 900w, https://assets.fabulous.ch/public/variant_asset/4575/file/large-ff16d724607ec003f869163c1c928d30.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4575/file/medium-2f1adc6ba7f75fd84ff39fd453beea46.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">Rhythm 108</p>
          <a href="/en/products/cookies-vegan-chocolate-peanut-butter-organic-50-g-7843">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cookies Vegan Chocolate Peanut Butter Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5FhAWhRMd0HSxzPfgNaj-HlicDwLmm6N9fTJGrcq9x0PAdf8QXthiI02uTGyPjturJROtjNBNlM_Jf-ivfA2Ug" />
    <input value="7843" 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%2Fyumame%3Fformat%3Dturbo_stream%26page%3D46">
    <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/mani-tomato-paste-organic-180-g-8067">
          <img alt="Mani Tomato paste Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4731/file/small-cae7efea66fa18704cd0b5a8028c9e0e.webp 600w, https://assets.fabulous.ch/public/variant_asset/4731/file/medium-8f7ceb16f6497935af71b251300be7d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4731/file/large-d69920af54d9a397f7fc7abb7e583ebf.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4731/file/medium-8f7ceb16f6497935af71b251300be7d0.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">Mani</p>
          <a href="/en/products/mani-tomato-paste-organic-180-g-8067">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mani Tomato paste Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RQbR60MrNXAESxL2tthS1REcfrNZxVxwpW-jyJWExEOuX0ZNFhwjuVu6mBiEMMpDxOpAOWEeBK5vvpVwn14FDA" />
    <input value="8067" 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%2Fyumame%3Fformat%3Dturbo_stream%26page%3D46">
    <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/porcini-pesto-organic-120-g-15545">
          <img alt="Porcini Pesto Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7095/file/small-e6c4d4e2c6c9d179ec02848e267ba5ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/7095/file/medium-776d94f82a09560cb25b8ec90dfbeb75.webp 900w, https://assets.fabulous.ch/public/variant_asset/7095/file/large-7894a8fcbfe799775d5c6ae154e7bc02.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7095/file/medium-776d94f82a09560cb25b8ec90dfbeb75.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/porcini-pesto-organic-120-g-15545">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Porcini Pesto Organic, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c62uyyFlCoFOFQgRUOgVGKByQX-ndCFCkaC7LGaAPsiY9DltdFIcSBHkgv9iAI2OdYR_9Z-veZxbcY2UbFr_hw" />
    <input value="15545" 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%2Fyumame%3Fformat%3Dturbo_stream%26page%3D46">
    <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/soy-drink-indian-chai-bio-500-ml-11326">
          <img alt="Soy Drink Indian Chai Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5805/file/small-51dc9f93e3f9f10102ca620fa7ac26f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/5805/file/medium-b9e431bb80b9b1b30012dae53aac3182.webp 900w, https://assets.fabulous.ch/public/variant_asset/5805/file/large-c2d78e741fc3995b7794408c0e0c2670.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5805/file/medium-b9e431bb80b9b1b30012dae53aac3182.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/soy-drink-indian-chai-bio-500-ml-11326">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soy Drink Indian Chai Bio, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Rq6UqkyHMNGyFPYt2F1GO7XvHmEL5Aqs8djNIkwFn9Ct9wMMGbAmGO3lfMPqtd6tYBkg6zM_UnI7CfuaRt9enw" />
    <input value="11326" 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%2Fyumame%3Fformat%3Dturbo_stream%26page%3D46">
    <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/cold-brew-tea-sweet-herbs-organic-20-bags-18109">
          <img alt="Cold Brew Tea Sweet Herbs Organic " class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9053/file/small-a6c23351e9fd4fd291e9420a4dca0cce.webp 600w, https://assets.fabulous.ch/public/variant_asset/9053/file/medium-b11e2119b116366ec815b994e6e8d6b7.webp 900w, https://assets.fabulous.ch/public/variant_asset/9053/file/large-e60d7a42796ccff9c72a7b601bec9ce1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9053/file/medium-b11e2119b116366ec815b994e6e8d6b7.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/cold-brew-tea-sweet-herbs-organic-20-bags-18109">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cold Brew Tea Sweet Herbs Organic , 20 bags</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WEIMcdp8tz1249mx238_iF7eD3k2YNFo1gWBXhz8p-uzG5vXj0uh9CkSU1_pl6ceiygx8w67ibYc1LfmFiZmpA" />
    <input value="18109" 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%2Fyumame%3Fformat%3Dturbo_stream%26page%3D46">
    <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/cold-brew-tea-white-hibiscus-organic-20-bags-18110">
          <img alt="Cold Brew Tea White Hibiscus Organic " class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9054/file/small-854fc889e4ea04bc18288b8b2a42b2b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/9054/file/medium-dae38d5e4ddfc571645b3b53a4c956e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/9054/file/large-cff2be02a0bedd92e9b37b3b7dc8f29f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9054/file/medium-dae38d5e4ddfc571645b3b53a4c956e2.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/cold-brew-tea-white-hibiscus-organic-20-bags-18110">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cold Brew Tea White Hibiscus Organic , 20 bags</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vsw8kAoWreXF7pq482YOx7mgvOwfvw9f-bgHnZ_aZbtVlas2XyG7LJofEFbBjpZRbFaCZidkV4EzaTEllQCk9A" />
    <input value="18110" 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%2Fyumame%3Fformat%3Dturbo_stream%26page%3D46">
    <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/cold-brew-tea-fruity-apple-organic-20-bags-18108">
          <img alt="Cold Brew Tea Fruity Apple Organic " class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9052/file/small-44448ea120692c5dcecbbbf1bc90315e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9052/file/medium-4842de3c5e45d6417faaa991291404c2.webp 900w, https://assets.fabulous.ch/public/variant_asset/9052/file/large-3265a09e4e04706a7856b9a92099dbb6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9052/file/medium-4842de3c5e45d6417faaa991291404c2.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/cold-brew-tea-fruity-apple-organic-20-bags-18108">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cold Brew Tea Fruity Apple Organic , 20 bags</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CRnD-xv15q7tTuRSZv-WpGiBB7E1rIKq1brvHsKbfQLiQFRdTsLwZ7K_brxUFw4yvXc5Ow132nQfa9mmyEG8TQ" />
    <input value="18108" 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%2Fyumame%3Fformat%3Dturbo_stream%26page%3D46">
    <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/coffee-caffe-irlanda-espresso-beans-demeter-250-g-9466">
          <img alt="Coffee Caffè Irlanda ESPRESSO Beans Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5330/file/small-f2d517a967bc80acca88f191ec5d8813.webp 600w, https://assets.fabulous.ch/public/variant_asset/5330/file/medium-d9531ffc62e0d09a30ac0086c0097f9c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5330/file/large-16a45436e17a7907f93662bc9dbd0ac4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5330/file/medium-d9531ffc62e0d09a30ac0086c0097f9c.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">Henauer Kaffee</p>
          <a href="/en/products/coffee-caffe-irlanda-espresso-beans-demeter-250-g-9466">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coffee Caffè Irlanda ESPRESSO Beans Demeter, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="046CCR0hfE9hFou-N7YjP0_npd9Aiv1zyT2LvI1Nmxk41xWvSBZqhj7nAVAFXrupmhGbVXhRpa0D7L0Eh5daVg" />
    <input value="9466" 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%2Fyumame%3Fformat%3Dturbo_stream%26page%3D46">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/biscuits-pistachio-organic-135-g-18112">
          <img alt="Biscuit Salted Caramel Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9055/file/small-3de145e4598c89e4e20c079b96f45021.webp 600w, https://assets.fabulous.ch/public/variant_asset/9055/file/medium-355956379ec1a3a2ceeea973b3bf0529.webp 900w, https://assets.fabulous.ch/public/variant_asset/9055/file/large-5fe78a8aef7a7431900a95626f2973e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9055/file/medium-355956379ec1a3a2ceeea973b3bf0529.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">Rhythm 108</p>
          <a href="/en/products/biscuits-pistachio-organic-135-g-18112">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Biscuit Salted Caramel Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ef7c4Eyh95CBlQRZQ67a0E8VEK3nFBHvXa3wOBDJKwD6p0tGGZbhWd5kjrdxRkJGmuMuJ9_PSTGXfMaAGhPqTw" />
    <input value="18112" 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%2Fyumame%3Fformat%3Dturbo_stream%26page%3D46">
    <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/chocomalt-spelt-calcium-swiss-cereal-drink-organic-500-ml-16269">
          <img alt="Chocomalt Spelt +Calcium Swiss Cereal Drink Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7500/file/small-ed13d66e174bd673745ac30887bc83b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7500/file/medium-cab9b93891f176dbd044d3070193c76d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7500/file/large-f0ba5a733cb77554d6693191f6143536.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7500/file/medium-cab9b93891f176dbd044d3070193c76d.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/chocomalt-spelt-calcium-swiss-cereal-drink-organic-500-ml-16269">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chocomalt Spelt +Calcium Swiss Cereal Drink Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mKfUKeBd4tfKGB2LVVydraVLaqFTdeKza4yNGrQYX3hz_kOPtWr0HpXpl2VntAU7cL1UK2uuum2hXbuivsKeNw" />
    <input value="16269" 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%2Fyumame%3Fformat%3Dturbo_stream%26page%3D46">
    <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/risotto-rice-fairtrade-bulk-organic-5-kg-17207">
          <img alt="Risotto Rice Fairtrade Bulk Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8038/file/small-2302dc95363cdf349d41cd556e7e6b67.webp 600w, https://assets.fabulous.ch/public/variant_asset/8038/file/medium-d4c2ea9070de8576e01f768949d3ee47.webp 900w, https://assets.fabulous.ch/public/variant_asset/8038/file/large-505c8581edb6368dd9ec56933c9d4cda.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8038/file/medium-d4c2ea9070de8576e01f768949d3ee47.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">Bio Grosshandel</p>
          <a href="/en/products/risotto-rice-fairtrade-bulk-organic-5-kg-17207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Risotto Rice Fairtrade Bulk Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9YPgxCDuMeepgZKtqcgVrfMU4n3YitmOksyc0_Gw0e4e2ndiddknLvZwGEObII07JuLc9-BRgVBYHapr-2oQoQ" />
    <input value="17207" 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%2Fyumame%3Fformat%3Dturbo_stream%26page%3D46">
    <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/frying-oil-extra-mild-in-box-organic-3-l-17747">
          <img alt="Frying Oil Extra Mild in Box Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8661/file/small-779f44ee920fe30f6ed3a18c8b697daa.webp 600w, https://assets.fabulous.ch/public/variant_asset/8661/file/medium-c88514c66051bfd8ac60f31187dded92.webp 900w, https://assets.fabulous.ch/public/variant_asset/8661/file/large-6248899ca5b92740d67da12c3a6d2e4e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8661/file/medium-c88514c66051bfd8ac60f31187dded92.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">Bio Planète</p>
          <a href="/en/products/frying-oil-extra-mild-in-box-organic-3-l-17747">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Frying Oil Extra Mild in Box Organic, 3 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Go5-iMCrzuM0ffBtlTZSjjaD8hiBPJuNB6o2XcXc7NPx1-kulZzYKmuMeoOn3soY43XMkrnnw1PNewDlzwYtnA" />
    <input value="17747" 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%2Fyumame%3Fformat%3Dturbo_stream%26page%3D46">
    <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/shower-gel-2in1-organic-mint-500-ml-12307">
          <img alt="Shower Gel 2in1 Organic Mint" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6183/file/small-e3aa2527ba84006ff8b0a5edc773c3d0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6183/file/medium-e4ae2617caa8590c74ac02060b5f3420.webp 900w, https://assets.fabulous.ch/public/variant_asset/6183/file/large-57c5add90fb484e7ad17b9b9a2edcddd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6183/file/medium-e4ae2617caa8590c74ac02060b5f3420.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">benecos</p>
          <a href="/en/products/shower-gel-2in1-organic-mint-500-ml-12307">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shower Gel 2in1 Organic Mint, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CayMbEpZu3TGNRKYWwca-XhIeDAR1gMOwl80KyM4gv7i9RvKH26tvZnEmHZp74Jvrb5GuikNW9AIjgKTKeJDsQ" />
    <input value="12307" 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%2Fyumame%3Fformat%3Dturbo_stream%26page%3D46">
    <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/oat-blueberry-vanilla-vegan-alternative-to-yoghurt-organic-275-g-9922">
          <img alt="Oat  Blueberry Vanilla Vegan Alternative to Yoghurt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5462/file/small-b493d7f7224afa3bea44cbde99bf266f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5462/file/medium-b0f5e73d8869a1e18022df14b9447543.webp 900w, https://assets.fabulous.ch/public/variant_asset/5462/file/large-69c8ca2e9348926c003b5bc6621b6392.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5462/file/medium-b0f5e73d8869a1e18022df14b9447543.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">Harvest Moon</p>
          <a href="/en/products/oat-blueberry-vanilla-vegan-alternative-to-yoghurt-organic-275-g-9922">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oat  Blueberry Vanilla Vegan Alternative to Yoghurt Organic, 275 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </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.64 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="uABTqxSR21_fDq0eCkkQLwIdkG91cChx-d5qoPdpLjJTWcQNQabNloD_J_A4oYi51-uu5U2rcK8zD1wY_bPvfQ" />
    <input value="9922" type="hidden" name="variant_id" id="variant_id" />
    <input value="3" 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%2Fyumame%3Fformat%3Dturbo_stream%26page%3D46">
    <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/tofu-black-forest-bio-200-g-1788">
          <img alt="Tofu Black Forest Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1399/file/small-7422e03322f9a8d733763a8d10ee6ad5.webp 600w, https://assets.fabulous.ch/public/variant_asset/1399/file/medium-3e343b9e0f6509c9b78fa3599272f41b.webp 900w, https://assets.fabulous.ch/public/variant_asset/1399/file/large-5c7f0a619f719733b6ddec4e558ab1e4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1399/file/medium-3e343b9e0f6509c9b78fa3599272f41b.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">Taifun</p>
          <a href="/en/products/tofu-black-forest-bio-200-g-1788">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Black Forest Bio, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.85
            </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 2.43 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5BI6b_nj8xg5rztIDtNlPEfB6wMjOWinOWXWfURWhNQPS63JrNTl0WZesaY8O_2qkjfViRviMHnztODFToxFmw" />
    <input value="1788" 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%2Fyumame%3Fformat%3Dturbo_stream%26page%3D46">
    <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/nussmesan-vegan-alternative-to-grated-cheese-organic-125-g-21b8e63e-ed99-4424-bd64-f33bc565260b-10202">
          <img alt="Nussmesan Vegan alternative to Grated Cheese Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9079/file/small-62e6262f24eb79e9dd6f39c09ffde079.webp 600w, https://assets.fabulous.ch/public/variant_asset/9079/file/medium-59550194cdccc4f83004f5600909d5d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/9079/file/large-a1f202d1fae7e8cef3184c977ea17f4b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9079/file/medium-59550194cdccc4f83004f5600909d5d6.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">Chopf-Nuss</p>
          <a href="/en/products/nussmesan-vegan-alternative-to-grated-cheese-organic-125-g-21b8e63e-ed99-4424-bd64-f33bc565260b-10202">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nussmesan Vegan alternative to Grated Cheese Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.35
            </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 8.17 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RS3rv5VwY-1PqGalJNFgytdyjGgb9fHqybrJJwpRPbWudHwZwEd1JBBZ7EsWOfhcAoSy4iMuqTQDa_-fAIv8-g" />
    <input value="10202" 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%2Fyumame%3Fformat%3Dturbo_stream%26page%3D46">
    <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/smoothie-mango-passion-fruit-organic-250-ml-16662">
          <img alt="Smoothie Mango-Passion Fruit Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7710/file/small-197b6759478c27108c5132c54ca4898f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7710/file/medium-d3dc10f8daf45e84b0d0689f2b91725c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7710/file/large-16c068433ba1200b7e63ad186bec8526.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7710/file/medium-d3dc10f8daf45e84b0d0689f2b91725c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biotta</p>
          <a href="/en/products/smoothie-mango-passion-fruit-organic-250-ml-16662">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Smoothie Mango-Passion Fruit Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </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.56 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jOkDQ-yZXGHSPsDJWvMwLIwyl0gF661C0R3kHZCd4xVnsJTlua5KqI3PSidoG6i6WcSpwj0w9ZwbzNKlmkciWg" />
    <input value="16662" 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">
      920 of 3&#39;297 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/yumame?format=turbo_stream&amp;page=47">Show more</a>
  </div>
</div>

</template></turbo-stream>