<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%2Fnatracare%3Fformat%3Dturbo_stream%26page%3D36">
    <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/nero-71-extrabitter-schokolade-bio-100-g-18245">
          <img alt="Nero 71% extrabitter Schokolade Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9827/file/small-c8cdf0da575facb8018e72c572b5999b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9827/file/medium-5be38676607fa5abd940d536cb611d81.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9827/file/large-7782ece36cb3f183b7a5e0f6d34f2def.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9827/file/medium-5be38676607fa5abd940d536cb611d81.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">Amarru</p>
          <a href="/en/products/nero-71-extrabitter-schokolade-bio-100-g-18245">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nero 71% extrabitter Schokolade Bio, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="leghs297spWR0mlsIVUBSOlmv6B141-HxZqbt88r9uOHtjmOfOg2vKS33ONBkWDrYL9rpE-ncifmtQaKA33ddA" />
    <input value="18245" 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%2Fnatracare%3Fformat%3Dturbo_stream%26page%3D36">
    <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/zuckerrohr-melasse-bio-680-g-18246">
          <img alt="Zuckerrohr Melasse Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9829/file/small-29c02699760c4231e04aa0d9a4f92133.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9829/file/medium-40474c24db2e8dfb2f9dbffddaf22178.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9829/file/large-fcba4b16d7006417bd5344e542cb8717.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9829/file/medium-40474c24db2e8dfb2f9dbffddaf22178.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">Appleford&#39;s</p>
          <a href="/en/products/zuckerrohr-melasse-bio-680-g-18246">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Zuckerrohr Melasse Bio, 680 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OPjbK0ElG0c_ud-AIRq7VwHhL15u2_d4t--BB4qVvmgqpsMWUrafbgrcag9B3tr0iDj7WlSf2tiUwBw6RsOV_w" />
    <input value="18246" 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%2Fnatracare%3Fformat%3Dturbo_stream%26page%3D36">
    <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/aronia-original-aronia-direktsaft-bio-700-ml-18247">
          <img alt="Aronia Original Aronia Direktsaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9177/file/small-72e2fd0eca2a14c80f139bae10c90d6c.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9177/file/medium-75ec48d652c9a6a50c50a988becfb710.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9177/file/large-5b68ff7399e2b28e68e06adfc6f09cd6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9177/file/medium-75ec48d652c9a6a50c50a988becfb710.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">AroniaOriginal</p>
          <a href="/en/products/aronia-original-aronia-direktsaft-bio-700-ml-18247">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aronia Original Aronia Direktsaft Bio, 700 ml</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 1.66 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vY0sDaNbTttXomLDDD2lOCFhR9tCpnjyG_g11DEo1tmv0zQwsMjK8mLH10xs-cSbqLiT33jiVVI416jp_X79Tg" />
    <input value="18247" 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%2Fnatracare%3Fformat%3Dturbo_stream%26page%3D36">
    <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/aronia-original-aronia-direktsaft-bio-330-ml-18248">
          <img alt="Aronia Original Aronia Direktsaft Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9662/file/small-18ed42aad1a21260902dd65daf5a42a8.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9662/file/medium-ee490f4f835d6b70b28cf4bee2343e9c.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9662/file/large-651bbaafaa03a786967640257a9688fd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9662/file/medium-ee490f4f835d6b70b28cf4bee2343e9c.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">AroniaOriginal</p>
          <a href="/en/products/aronia-original-aronia-direktsaft-bio-330-ml-18248">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aronia Original Aronia Direktsaft Bio, 330 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MQNSkBS1_kRNW12v1hK9nA5WLe81uSRlMDP6n26y6FcjXUqtByZ6bXg-6CC21tw_h4_56w_9CcUTHGeiouTDwA" />
    <input value="18248" 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%2Fnatracare%3Fformat%3Dturbo_stream%26page%3D36">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vital-granulat-200-g-18249">
          <img alt="Vital Granulat" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9449/file/small-9f21e5d94f9d201382c6e2602dcf728b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9449/file/medium-a463400e76df8888d5235ed81469b473.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9449/file/large-1816c321b5f9202ad855c19c93dcf844.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9449/file/medium-a463400e76df8888d5235ed81469b473.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">Basica</p>
          <a href="/en/products/vital-granulat-200-g-18249">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vital Granulat, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ybJH6tFo7ZyWwd71wVbsmwLx-KS6e6HbPXwBEir2mrvb7F_XwvtptaOka3qhko04iygsoIA_jHseU5wv5qCxLA" />
    <input value="18249" 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%2Fnatracare%3Fformat%3Dturbo_stream%26page%3D36">
    <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/backmischung-schneller-obstkuchen-bio-450-g-18250">
          <img alt="Backmischung schneller Obstkuchen Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/11260/file/small-61992cfcfadf1eb927e9a8ba32a8a5de.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/11260/file/medium-b53909b99bd028c967b6933d4b49e3c8.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/11260/file/large-55d655624b9d5ad5ca066ca89f5fc5bc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/11260/file/medium-b53909b99bd028c967b6933d4b49e3c8.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">Bauck</p>
          <a href="/en/products/backmischung-schneller-obstkuchen-bio-450-g-18250">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Backmischung schneller Obstkuchen Bio, 450 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 1.51 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C1dundhN7_5oJcYg_yM_wyqTSwVFaFkNi45yosxrKMoZCXagy95r111Ac6-f515go0qfAX8sdK2ooe-fAD0DXQ" />
    <input value="18250" 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%2Fnatracare%3Fformat%3Dturbo_stream%26page%3D36">
    <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/backmischung-schnelle-brotchen-saaten-bio-500-g-18251">
          <img alt="Backmischung Schnelle Brötchen Saaten Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9450/file/small-827d66ff4bb5e4dd61fb4f0ad4aebe3b.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9450/file/medium-b814934f60293ef6469b787251a2bd8b.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9450/file/large-c587ceda3d43422f0c9fa61dfbcf73d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9450/file/medium-b814934f60293ef6469b787251a2bd8b.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">Bauck</p>
          <a href="/en/products/backmischung-schnelle-brotchen-saaten-bio-500-g-18251">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Backmischung Schnelle Brötchen Saaten Bio, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2HKQxswC182dDaFfS5UD_L60_0KgfOYamesUpxPZWTPKLIj735FT5KhoFNArUWJfN20rRpo4y7q6xIma349ypA" />
    <input value="18251" 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%2Fnatracare%3Fformat%3Dturbo_stream%26page%3D36">
    <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/falafel-mix-bio-160-g-18252">
          <img alt="Falafel Mix Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9155/file/small-86e4daaea15da50dfa226a9400e169a7.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9155/file/medium-c81ce392fe4e9ac1aa4cf2427e094aa6.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9155/file/large-74d8a8ee3716a4a10a014f785fc73a1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9155/file/medium-c81ce392fe4e9ac1aa4cf2427e094aa6.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">Bauck</p>
          <a href="/en/products/falafel-mix-bio-160-g-18252">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Falafel Mix Bio, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3CtkwxblpNMKUwzst3xbHW6U-Zw4sh_S2G-8mnb0WM3OdXz-BXYg-j82uWPXuDq-500tmAL2MnL7QCGnuqJzWg" />
    <input value="18252" 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%2Fnatracare%3Fformat%3Dturbo_stream%26page%3D36">
    <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/hot-hafer-schoko-demeter-400-g-18253">
          <img alt="Hot Hafer Schoko Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9166/file/small-86a9bacb7a83c338f79df686c485330f.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9166/file/medium-76cf5b57d79f25214921b130ea81ba69.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9166/file/large-78dbf4d772ddbfe9d45b5fd5ba648317.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9166/file/medium-76cf5b57d79f25214921b130ea81ba69.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">Bauck</p>
          <a href="/en/products/hot-hafer-schoko-demeter-400-g-18253">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hot Hafer Schoko Demeter, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TiA0nLiAUtrIR9rCZ8VaqWXk4lCrK6f1-CcfLOUepd5cfiyhqxPW8_0ib00HATsK7D02VJFvilXbCIIRKUiOSQ" />
    <input value="18253" 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%2Fnatracare%3Fformat%3Dturbo_stream%26page%3D36">
    <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/dinkelmehl-hell-type-630-demeter-1-kg-18254">
          <img alt="Dinkelmehl hell Type 630 Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9451/file/small-71a50dd802a4349008cabf20067a1e74.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9451/file/medium-f3021fec83fa7174d308cb304598c512.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9451/file/large-4a4d7824a7992f3f56d7091ae8619098.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9451/file/medium-f3021fec83fa7174d308cb304598c512.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">Bauck</p>
          <a href="/en/products/dinkelmehl-hell-type-630-demeter-1-kg-18254">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkelmehl hell Type 630 Demeter, 1 kg</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 0.59 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K7Zvn6JzgKPY0of-SyyIQqd0NEyfrdV6qGGIeYZV4no56HeiseAEiu23MnEr6OnhLq3gSKXp-NqLThVESgPJ7Q" />
    <input value="18254" 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%2Fnatracare%3Fformat%3Dturbo_stream%26page%3D36">
    <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/dinkelmehl-type-1050-demeter-1-kg-18255">
          <img alt="Dinkelmehl Type 1050 Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9452/file/small-9572f6e8a3156990d40ceb161e154a18.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9452/file/medium-9420dac56f53e61d3d0699fe8f432352.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9452/file/large-54a053ef9df6f653a0ecee3c3a53d2dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9452/file/medium-9420dac56f53e61d3d0699fe8f432352.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">Bauck</p>
          <a href="/en/products/dinkelmehl-type-1050-demeter-1-kg-18255">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Dinkelmehl Type 1050 Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cETCkO3PD_zu9xkiBNdzwt4OT3NXYy13uGoDyean_aliGtqt_lyL1duSrK1kExJhV9ebd20nANebRZ70KvHWPg" />
    <input value="18255" 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%2Fnatracare%3Fformat%3Dturbo_stream%26page%3D36">
    <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/kastanienmehl-bio-350-g-18256">
          <img alt="Kastanienmehl Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9156/file/small-ebe2d622597a92c75be5e32e287801eb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9156/file/medium-2312622184cb183689591fd414df97cf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9156/file/large-1d9ee392e0afe58a213cbfab067b11ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9156/file/medium-2312622184cb183689591fd414df97cf.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">Bauck</p>
          <a href="/en/products/kastanienmehl-bio-350-g-18256">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kastanienmehl Bio, 350 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 2.37 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FncjBbvXmHDtOmebkA6irTP5vNpbGUe-E6X6GxiP36kEKTs4qEQcWdhf0hTwysMOuiBo3mFdah4wimcm1Nn0Pg" />
    <input value="18256" 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%2Fnatracare%3Fformat%3Dturbo_stream%26page%3D36">
    <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/weizenmehl-hell-type-405-demeter-1-kg-18257">
          <img alt="Weizenmehl hell Type 405 Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9448/file/small-9f1f5e312384aaf42c0d79e49e646196.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9448/file/medium-64c2c3e97923c91262678dfb44065e4a.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9448/file/large-c211bde4fed75821fc322b17171c348e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9448/file/medium-64c2c3e97923c91262678dfb44065e4a.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">Bauck</p>
          <a href="/en/products/weizenmehl-hell-type-405-demeter-1-kg-18257">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Weizenmehl hell Type 405 Demeter, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EKUUO47Z7Pp6kQTY0GYHLof3-vIYXQrTNZHWQA2d6qIC-wwGnUpo00_0sVewomaNDi4u9iIZJ3MWvkt9wcvBNQ" />
    <input value="18257" 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%2Fnatracare%3Fformat%3Dturbo_stream%26page%3D36">
    <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/muesli-dinkel-beerenzart-demeter-425-g-18258">
          <img alt="Müesli Dinkel Beerenzart Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9157/file/small-9ecda644fd4f4887b87ef82393884ebb.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9157/file/medium-80e59a43e92ed107e8d4e7cdc9f150a2.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9157/file/large-644de5cd1046b4646773edd6189ccd73.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9157/file/medium-80e59a43e92ed107e8d4e7cdc9f150a2.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">Bauck</p>
          <a href="/en/products/muesli-dinkel-beerenzart-demeter-425-g-18258">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Müesli Dinkel Beerenzart Demeter, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xD95ydNTyhI63EnyEViBXCvS7hrxl89y3GxM6iTg2ErWYWH0wMBOOw-5_H1xnOD_ogs6HsvT4tL_Q9HX6Lbz3Q" />
    <input value="18258" 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%2Fnatracare%3Fformat%3Dturbo_stream%26page%3D36">
    <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/muesli-dinkel-knusperzart-demeter-425-g-18259">
          <img alt="Müesli Dinkel Knusperzart Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9158/file/small-e740d58186ff50ec03379cac0707aef4.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9158/file/medium-828d49c14f814a942d7d184219cbddcd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9158/file/large-fd28b6ac73d775dc9df894a7ed1eb8d0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9158/file/medium-828d49c14f814a942d7d184219cbddcd.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">Bauck</p>
          <a href="/en/products/muesli-dinkel-knusperzart-demeter-425-g-18259">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Müesli Dinkel Knusperzart Demeter, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s5PpKaTDzprySVR4Q9YzvUykdNODCQY-4G8kNkcVwnihzfEUt1BKs8cs4fcjElIexX2g17lNK57DQLkLi0Pp7w" />
    <input value="18259" 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%2Fnatracare%3Fformat%3Dturbo_stream%26page%3D36">
    <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/muesli-dinkel-schokozart-demeter-425-g-18260">
          <img alt="Müesli Dinkel Schokozart Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9453/file/small-2e37f7876732d48f4ca160f67f27e2ee.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9453/file/medium-1b27aeb42c278abb99baa89f5e59b7a9.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9453/file/large-5ae85eeff8e83f188da5ec7feb2f1b8c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9453/file/medium-1b27aeb42c278abb99baa89f5e59b7a9.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">Bauck</p>
          <a href="/en/products/muesli-dinkel-schokozart-demeter-425-g-18260">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Müesli Dinkel Schokozart Demeter, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="z2n9D1A4ewS6F9EN302dtWYHmvreHNaWG2v3ZEPw27ndN-UyQ6v_LY9yZIK_ifwW795O_uRY-zY4RGpZj6bwLg" />
    <input value="18260" 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%2Fnatracare%3Fformat%3Dturbo_stream%26page%3D36">
    <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/muesli-hafer-mit-beeren-bio-425-g-18261">
          <img alt="Müesli Hafer mit Beeren Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9159/file/small-2972368b2ea65c04600b37c45a87340a.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9159/file/medium-62b37f057805c05bf3ccf911b6990edd.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9159/file/large-4fba0e2b3846dd41e55362855b6f1e1a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9159/file/medium-62b37f057805c05bf3ccf911b6990edd.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">Bauck</p>
          <a href="/en/products/muesli-hafer-mit-beeren-bio-425-g-18261">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Müesli Hafer mit Beeren Bio, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IsVrRUlqP8HwZc9dLVxiEaoaVsUXsdWHM34H-QwLjiQwm3N4Wvm76MUAetJNmAOyI8OCwS31-CcQUZrEwF2lsw" />
    <input value="18261" 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%2Fnatracare%3Fformat%3Dturbo_stream%26page%3D36">
    <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/muesli-hafer-mit-nussen-demeter-425-g-18262">
          <img alt="Müesli Hafer mit Nüssen Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/10667/file/small-100dee6258e40f6bc9791abf6d26a730.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/10667/file/medium-fdb9b996a6810e79b9f828d58b5576cf.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/10667/file/large-9030a23e98dc9305da077931dc0a1cc3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/10667/file/medium-fdb9b996a6810e79b9f828d58b5576cf.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">Bauck</p>
          <a href="/en/products/muesli-hafer-mit-nussen-demeter-425-g-18262">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Müesli Hafer mit Nüssen Demeter, 425 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.39 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wMjMHyorepGkkC6tESvQQxVyumD0J4gQdjOlKcZ8qrPSltQiObj-uJH1myJx77HgnKtuZM5jpbBVHDgUCiqBJA" />
    <input value="18262" 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%2Fnatracare%3Fformat%3Dturbo_stream%26page%3D36">
    <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/pudding-gries-reis-bio-2-x-65-g-18263">
          <img alt="Pudding Gries Reis Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9669/file/small-dbce8b773a8a234579ebab3bd3b90608.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9669/file/medium-47f87d85af5d21d5f37788e8d5d6c527.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9669/file/large-639239e11a3faf597d10eac3f253328f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9669/file/medium-47f87d85af5d21d5f37788e8d5d6c527.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">Bauck</p>
          <a href="/en/products/pudding-gries-reis-bio-2-x-65-g-18263">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pudding Gries Reis Bio, 2 x 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WsbqodDfUZcMocFLWdgNmTxl_a_VDFJcRYG4NdtBzTVImPKcw0zVvjnEdMQ5HGw6tbwpq-9If_xmriUIFxfmog" />
    <input value="18263" 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%2Fnatracare%3Fformat%3Dturbo_stream%26page%3D36">
    <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/speisestarke-mais-bio-250-g-18264">
          <img alt="Speisestärke Mais Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.staging.fabulous.ch/public/variant_asset/9160/file/small-5f2d8d888474adfb9d9fcd63a0133baf.webp 600w, https://assets.staging.fabulous.ch/public/variant_asset/9160/file/medium-8303288d84cf76c46466368b367ecbc4.webp 900w, https://assets.staging.fabulous.ch/public/variant_asset/9160/file/large-61a9bb92b2c33386d6e169c341560f47.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.staging.fabulous.ch/public/variant_asset/9160/file/medium-8303288d84cf76c46466368b367ecbc4.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">Bauck</p>
          <a href="/en/products/speisestarke-mais-bio-250-g-18264">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Speisestärke Mais Bio, 250 g</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 1.12 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7D7tyRdMfDWFXZRcD9gsYrxHA3LUS6HSClTO5IGM36b-YPX0BN_4HLA4IdNvHE3BNZ7Xdu4PjHIpe1PZTdr0MQ" />
    <input value="18264" 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">
      720 of 3&#39;030 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/natracare?format=turbo_stream&amp;page=37">Show more</a>
  </div>
</div>

</template></turbo-stream>