<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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D3">
    <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/salt-himalaya-fine-without-iodine-400-g-1020">
          <img alt="Salt Himalaya fine without iodine" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/894/file/small-46e8caf42d68c043679fd1a836f6765a.webp 600w, https://assets.fabulous.ch/public/variant_asset/894/file/medium-f20d4ec9c3d79717ac5b37086e6c77ac.webp 900w, https://assets.fabulous.ch/public/variant_asset/894/file/large-24f3105531facd9613ddc874d29898f4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/894/file/medium-f20d4ec9c3d79717ac5b37086e6c77ac.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">VitaSal</p>
          <a href="/en/products/salt-himalaya-fine-without-iodine-400-g-1020">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Salt Himalaya fine without iodine, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1020&quot;],&quot;content_name&quot;:&quot;Salt Himalaya fine without iodine, 400 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1020&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C9CotENNGo6FS3QyI5LE7xbxsJcdfCxtKPhf_fPTvO2wkl3ojZkAa_uN2wf6PLLlIJTbSmx8XW_W06BYp7EUHA" />
    <input value="1020" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D3">
    <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/kochbuch-no-milk-today-yvonne-holzl-singh-1-piece-15051">
          <img alt="Kochbuch No Milk today! Yvonne Hölzl-Singh" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6892/file/small-b27751811028501f5a44ddd15bd9b165.webp 600w, https://assets.fabulous.ch/public/variant_asset/6892/file/medium-70984899acaf638a92d847dfd9f79ab9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6892/file/large-eaf9f04ece846f1b69b04462a2326d89.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6892/file/medium-70984899acaf638a92d847dfd9f79ab9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Buchverlag</p>
          <a href="/en/products/kochbuch-no-milk-today-yvonne-holzl-singh-1-piece-15051">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kochbuch No Milk today! Yvonne Hölzl-Singh, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 29.90
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-15051-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 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D3">
    <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/das-grosse-buch-der-sprossen-und-keime-rose-marie-nocker-1-piece-3831">
          <img alt="Das grosse Buch der Sprossen und Keime Rose-Marie Nöcker" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2477/file/small-f4a9fdf3fb780af7075856e47b69c6db.webp 600w, https://assets.fabulous.ch/public/variant_asset/2477/file/medium-8ae941442cd4118178574ac6ddd2c79c.webp 900w, https://assets.fabulous.ch/public/variant_asset/2477/file/large-aeb3dc3f8e2b0f9bff0b638497897fbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2477/file/medium-8ae941442cd4118178574ac6ddd2c79c.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Buchverlag</p>
          <a href="/en/products/das-grosse-buch-der-sprossen-und-keime-rose-marie-nocker-1-piece-3831">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Das grosse Buch der Sprossen und Keime Rose-Marie Nöcker, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 15.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;3831&quot;],&quot;content_name&quot;:&quot;Das grosse Buch der Sprossen und Keime Rose-Marie Nöcker, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;3831&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:15.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RlLotfaYA_L5FIUV__msnbl-ShjZMbbt-MShQJ-MwmL9EB3pOEwZF4fSKiAmV9qXjxshxagxx-8G717ly-5qkw" />
    <input value="3831" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D3">
    <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/kochbuch-kase-vegan-marie-laforet-1-piece-6634">
          <img alt="Kochbuch &quot;Käse&quot; vegan | Marie Laforêt" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3824/file/small-52bf5ad1bbc8be1745012e1a8d21787f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3824/file/medium-2b15e32b7844378a08f734fa170b4b73.webp 900w, https://assets.fabulous.ch/public/variant_asset/3824/file/large-2747992e06102071e1385c5dd4bd9821.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3824/file/medium-2b15e32b7844378a08f734fa170b4b73.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Buchverlag</p>
          <a href="/en/products/kochbuch-kase-vegan-marie-laforet-1-piece-6634">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Kochbuch &quot;Käse&quot; vegan | Marie Laforêt, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.50
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-6634-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 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D3">
    <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/miso-shiro-sweet-rice-soy-organic-300-g-1193">
          <img alt="Miso Shiro Sweet (Rice &amp; Soy) Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1052/file/small-93c29f01f8b145c6c069529b5fb8744c.webp 600w, https://assets.fabulous.ch/public/variant_asset/1052/file/medium-db773475d2b12e19a3dd7fe0b8da4070.webp 900w, https://assets.fabulous.ch/public/variant_asset/1052/file/large-f1f011450f7b4ecd170efb131700526e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1052/file/medium-db773475d2b12e19a3dd7fe0b8da4070.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">Lima</p>
          <a href="/en/products/miso-shiro-sweet-rice-soy-organic-300-g-1193">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Miso Shiro Sweet (Rice &amp; Soy) Organic, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.85
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;1193&quot;],&quot;content_name&quot;:&quot;Miso Shiro Sweet (Rice \u0026 Soy) Organic, 300 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;1193&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.85,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2-p5QU1xdxLOZDMFQhEaFFh-7l7IwOzP2Bl49x9PKMpgqIwdg6Vt97CinDCbv2webhuFg7nAnc0mModSSy2AOw" />
    <input value="1193" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D3">
    <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/tigernuts-chufas-roasted-organic-250-g-402">
          <img alt="Tigernuts (Chufas) roasted Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/355/file/small-4ea9bacb7f6a133eaea97b8c5bba1682.webp 600w, https://assets.fabulous.ch/public/variant_asset/355/file/medium-95b9ab6405df7b08c0cb9a76818919f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/355/file/large-fb38526ed3eb471fe9039337b8d236f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/355/file/medium-95b9ab6405df7b08c0cb9a76818919f6.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">Govinda</p>
          <a href="/en/products/tigernuts-chufas-roasted-organic-250-g-402">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tigernuts (Chufas) roasted Organic, 250 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 2.24 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;402&quot;],&quot;content_name&quot;:&quot;Tigernuts (Chufas) roasted Organic, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;402&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="pq86rLEM59vC_uR3zQzma0bkzDTAXX2X5RLyOs9bnTEd7c_wf9j9Prw4S0IUopBhcIGn6bFdDJUbOQ2fmzk1wA" />
    <input value="402" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D3">
    <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/whole-walnuts-switzerland-organic-1-kg-17136">
          <img alt="Whole Walnuts Switzerland Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7982/file/small-431980fbbe6c0d5af381924cf77557ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/7982/file/medium-e1ca0da36665d9d9fb53beb897031d1c.webp 900w, https://assets.fabulous.ch/public/variant_asset/7982/file/large-3cd120ba4e8d6bc113af89af3ee4d0d4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7982/file/medium-e1ca0da36665d9d9fb53beb897031d1c.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">Biofarm</p>
          <a href="/en/products/whole-walnuts-switzerland-organic-1-kg-17136">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Whole Walnuts Switzerland Organic, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.35
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;17136&quot;],&quot;content_name&quot;:&quot;Whole Walnuts Switzerland Organic, 1 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;17136&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.35,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="egcmFUDs0vmrJn5MsLrMMnZalNsVPhSrb67eR6oklKDBRdNJjjjIHNXg0XlpFLo4QD__BmQ-ZamRhSHi_kY8UQ" />
    <input value="17136" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D3">
    <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/almonds-unblanched-europe-organic-500-g-151">
          <img alt="Almonds Unblanched Europe Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/163/file/small-734a5e179f642a29cbbb75a572bca8c3.webp 600w, https://assets.fabulous.ch/public/variant_asset/163/file/medium-eefd58f07db0cdbb2089c9927f67b7fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/163/file/large-4a3c3dc43710d9c05b4f209254c3c214.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/163/file/medium-eefd58f07db0cdbb2089c9927f67b7fa.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/almonds-unblanched-europe-organic-500-g-151">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Almonds Unblanched Europe Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 18.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;151&quot;],&quot;content_name&quot;:&quot;Almonds Unblanched Europe Organic, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;151&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:18.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eVK7D_xsKwaFkfG_nsEFv7vhMJOOpa32nBEgc8LBXWnCEE5TMrgx4_tXXopHb3O1jYRbTv-l3PRiOt_WlqP1mA" />
    <input value="151" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D3">
    <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 data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16269&quot;],&quot;content_name&quot;:&quot;Chocomalt Spelt +Calcium Swiss Cereal Drink Organic, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16269&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ub0oZiN8mBO2KRgbK3O11pyN3V1OB9gtICoRHzHDNaEC_9067aiC9sjvty7y3cPcqui2gD8HqS_eAe66ZaGdUA" />
    <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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D3">
    <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/rice-drink-brown-rice-calcium-no-added-sugar-organic-500-ml-15219">
          <img alt="Rice Drink Brown Rice Calcium No Added Sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6977/file/small-9bb5df261a6cc702c8a517c6c51466d1.webp 600w, https://assets.fabulous.ch/public/variant_asset/6977/file/medium-d398c9c2e4a72f431f8eefda61e11b9c.webp 900w, https://assets.fabulous.ch/public/variant_asset/6977/file/large-9dca01a1a94c9db5689cd01ddebc6977.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6977/file/medium-d398c9c2e4a72f431f8eefda61e11b9c.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/rice-drink-brown-rice-calcium-no-added-sugar-organic-500-ml-15219">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rice Drink Brown Rice Calcium No Added Sugar Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.15
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15219&quot;],&quot;content_name&quot;:&quot;Rice Drink Brown Rice Calcium No Added Sugar Organic, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15219&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.15,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xVT2AeOjc7h6C0VA9oVSQnBRNby_AdO614uXonfz4SZ-FgNdLXdpXQTN6nUvKyRIRjReYc4BorgpoGgHI5FJ1w" />
    <input value="15219" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D3">
    <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/soya-drink-almonds-organic-500-ml-15221">
          <img alt="Soya Drink Almonds Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6979/file/small-54ff779de73e526e95eb5a2ea30c6b4a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6979/file/medium-fef8548447c23487eddb2bf9d36290d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/6979/file/large-d324e575c8660c0c0e5f32530d318380.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6979/file/medium-fef8548447c23487eddb2bf9d36290d0.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/soya-drink-almonds-organic-500-ml-15221">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soya Drink Almonds 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-15221-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15221&quot;],&quot;content_name&quot;:&quot;Soya Drink Almonds Organic, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15221&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hIxRraz3x2ydt0QReRDFbTpC9MmlTkZRlfdtkh87biw_zqTxYiPdieNx6ySgvrNnDCefFNRON1Nr3JI3S1nG3Q" />
    <input value="15221" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D3">
    <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/hazelnuts-organic-750-g-9445">
          <img alt="Hazelnuts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5324/file/small-4a59f4320f30f6f3dbaa5994bb5ff42f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5324/file/medium-aede756316abd2575ee652e9c1e47ca5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5324/file/large-f2c554609b89c1dd7927c24f9809db59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5324/file/medium-aede756316abd2575ee652e9c1e47ca5.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">Biofarm</p>
          <a href="/en/products/hazelnuts-organic-750-g-9445">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hazelnuts Organic, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;9445&quot;],&quot;content_name&quot;:&quot;Hazelnuts Organic, 750 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;9445&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:23.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tWFspEFFdkS4ICjfMVOfkMkDOXaTTlh38QGF5P1g4SkOI5n4j5Fsocbmh-ro_ema_2ZSq-JOKXUPKnpBqQJJ2A" />
    <input value="9445" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D3">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/soja-drink-soja-original-plus-with-calcium-bio-1-l-8742">
          <img alt="Soja Drink Soja Original Plus with Calcium Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5093/file/small-fa0bfd65d980eab4c3662497b2c39111.webp 600w, https://assets.fabulous.ch/public/variant_asset/5093/file/medium-a853eefd68d4928588643603f57c2e44.webp 900w, https://assets.fabulous.ch/public/variant_asset/5093/file/large-b2211a7bcaccd95f479e6c33c0435f71.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5093/file/medium-a853eefd68d4928588643603f57c2e44.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/soja-drink-soja-original-plus-with-calcium-bio-1-l-8742">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Soja Drink Soja Original Plus with Calcium Bio, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.55
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;8742&quot;],&quot;content_name&quot;:&quot;Soja Drink Soja Original Plus with Calcium Bio, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;8742&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.55,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eSqwQFLyfsD52nBKPcUxnBayIFIaPRznqclzNKD4CxfCaEUcnCZkJYcc33_ka0eWINdLj2s9beVX4oyR9Jqj5g" />
    <input value="8742" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D3">
    <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/swiss-cereal-oat-drink-organic-1-l-6036">
          <img alt="Swiss Cereal Oat Drink Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3470/file/small-a064a525baa7d1fe50be2fcd40fcfdbe.webp 600w, https://assets.fabulous.ch/public/variant_asset/3470/file/medium-c556ac2f6514784ff5ecc0bad72e561f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3470/file/large-89ecfbb344a4e15b05dd2aa8d0e2acc3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3470/file/medium-c556ac2f6514784ff5ecc0bad72e561f.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/swiss-cereal-oat-drink-organic-1-l-6036">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Swiss Cereal Oat Drink Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6036&quot;],&quot;content_name&quot;:&quot;Swiss Cereal Oat Drink Organic, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6036&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ncNkiuPPuyZQp0yAKejPiV2j7bVZlCcWYCqesE2u_0omgZHWLRuhwy5h47XwRrmDa8aGaCiUVhSeAWEVGcxXuw" />
    <input value="6036" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D3">
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tip
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/seitan-fix-wheat-gluten-250-g-7262">
          <img alt="Seitan Fix Wheat Gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4114/file/small-8f8fe5a5d3c32338da72723457dae926.webp 600w, https://assets.fabulous.ch/public/variant_asset/4114/file/medium-8aeb29c55daa9fa7e97fb71c6d6b0e62.webp 900w, https://assets.fabulous.ch/public/variant_asset/4114/file/large-b3db62041f7b0bc5779414ab2f3dd8e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4114/file/medium-8aeb29c55daa9fa7e97fb71c6d6b0e62.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">Vantastic</p>
          <a href="/en/products/seitan-fix-wheat-gluten-250-g-7262">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seitan Fix Wheat Gluten, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;7262&quot;],&quot;content_name&quot;:&quot;Seitan Fix Wheat Gluten, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;7262&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lXokhrTHt41FxY029yW7Z7uFGOGSJldddEv0Y6bVlAQuONHaehOtaDsDIgMui81tjeBzPOMmJl-KYAvG8rc89Q" />
    <input value="7262" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D3">
    <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/seitan-fix-wheat-gluten-750-g-17732">
          <img alt="Seitan Fix Wheat Gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8647/file/small-035a814bd98fea78c3678424da0e7d92.webp 600w, https://assets.fabulous.ch/public/variant_asset/8647/file/medium-96b7f64c0eb9df189adb94d7fa0dbb05.webp 900w, https://assets.fabulous.ch/public/variant_asset/8647/file/large-6247f9b01f48f5db86efad5279dd63a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8647/file/medium-96b7f64c0eb9df189adb94d7fa0dbb05.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">Vantastic</p>
          <a href="/en/products/seitan-fix-wheat-gluten-750-g-17732">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Seitan Fix Wheat Gluten, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.95
            </p>

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

      <div class="mt-big md:mt-4" id="add-to-cart-17732-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 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D3">
    <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/nut-milk-bag-1-piece-5845">
          <img alt="Nut Milk Bag" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3360/file/small-e413ff73fd67a5384cef5e4c23e7a84f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3360/file/medium-a8caec4ca076237f073101b7798c4d87.webp 900w, https://assets.fabulous.ch/public/variant_asset/3360/file/large-21a8ffe102c13ade0131ec7014aa5b36.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3360/file/medium-a8caec4ca076237f073101b7798c4d87.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">Naturkostbar</p>
          <a href="/en/products/nut-milk-bag-1-piece-5845">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Nut Milk Bag, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;5845&quot;],&quot;content_name&quot;:&quot;Nut Milk Bag, 1 piece&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;5845&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:16.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EL1Gwk1VUNxFyrpxdMa_-h-SbuayRcg0KLj3J1mN8Qur_7Oeg4FKOTsMFUStaMnwKfcFO8NFuTbWkwiCDe9Z-g" />
    <input value="5845" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D3">
    <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/wheat-grains-bulk-biosuisse-5-kg-6085">
          <img alt="Wheat Grains Bulk BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3498/file/small-b518874da1f4a6aa33a1a68649c21c79.webp 600w, https://assets.fabulous.ch/public/variant_asset/3498/file/medium-c50539c92278c650d46eb43a68837e6d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3498/file/large-a898e2e6fed18f5b8301b94ea8db42a5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3498/file/medium-c50539c92278c650d46eb43a68837e6d.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">Biofarm</p>
          <a href="/en/products/wheat-grains-bulk-biosuisse-5-kg-6085">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wheat Grains Bulk BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 22.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6085&quot;],&quot;content_name&quot;:&quot;Wheat Grains Bulk BioSuisse, 5 kg&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6085&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:22.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="whEhpOKdrPtydFHmiFH9YYOJAEf_b4CeJPB0ne9mDPZ5U9T4LEm2Hgyy_tNR_4trtexrmo5v8Zza24s4uwSkBw" />
    <input value="6085" 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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D3">
    <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/whole-cashew-kernels-organic-500-g-18257">
          <img alt="Whole Cashew Kernels Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9181/file/small-9a6e175951b7c6f3ee3bf36e75786cd4.webp 600w, https://assets.fabulous.ch/public/variant_asset/9181/file/medium-d51f0a91d2b357ae97972627cc4790db.webp 900w, https://assets.fabulous.ch/public/variant_asset/9181/file/large-e4f4c6a28b5cb1b056ae1076d8968eca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9181/file/medium-d51f0a91d2b357ae97972627cc4790db.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/whole-cashew-kernels-organic-500-g-18257">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Whole Cashew Kernels Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18257&quot;],&quot;content_name&quot;:&quot;Whole Cashew Kernels Organic, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18257&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:21.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SiAKygWHX4exsRqbHcFA_AkKDxw8b63eDUEe-V09OkTxYv-Wy1NFYs93ta7Ebzb2P29kwU1v3NzzauFcCV-StQ" />
    <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%2Fdiy-do-it-yourself%3Fformat%3Dturbo_stream%26page%3D3">
    <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/whole-cashew-kernels-organic-100-g-18256">
          <img alt="Whole Cashew Kernels Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9179/file/small-25d9f4ef6048f0182228313e2739e848.webp 600w, https://assets.fabulous.ch/public/variant_asset/9179/file/medium-89281d16f3285e9d6fd4340a2f633717.webp 900w, https://assets.fabulous.ch/public/variant_asset/9179/file/large-005e38be547daa11d136b23947c0069a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9179/file/medium-89281d16f3285e9d6fd4340a2f633717.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/whole-cashew-kernels-organic-100-g-18256">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Whole Cashew Kernels Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18256&quot;],&quot;content_name&quot;:&quot;Whole Cashew Kernels Organic, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18256&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HyC0hRh-BYZ-CAS4Y8DMVgV4oaGQo04idu60kRDxsLakYkHZ1qofYwDOq426brpcMx3KfOGjPyCIxUs0RJMYRw" />
    <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>



</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">
      60 of 128 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/diy-do-it-yourself?format=turbo_stream&amp;page=4">Show more</a>
  </div>
</div>

</template></turbo-stream>