<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%3D2">
    <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/rejuvelac-organic-750-ml-3259">
          <img alt="Rejuvelac Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2207/file/small-4a64ea6334501993ef7aa5fe8596e244.webp 600w, https://assets.fabulous.ch/public/variant_asset/2207/file/medium-99ba0144fecef3dc3b0d4ebc347c2e48.webp 900w, https://assets.fabulous.ch/public/variant_asset/2207/file/large-2081cd401c22f23f73a463d613a7725c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2207/file/medium-99ba0144fecef3dc3b0d4ebc347c2e48.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">Kanne Brottrunk</p>
          <a href="/en/products/rejuvelac-organic-750-ml-3259">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rejuvelac Organic, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="j6rIwLfBhGMigHaVJiAdPrfS_BdQOdO2wyUs4pvF2nUisBWp_h9yS7IqqWqHAkypig8YBinT_IEnWTVaRVN7SQ" />
    <input value="3259" 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%3D2">
    <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/grain-flaker-with-aluminium-funnel-eschenfelder-1-piece-6226">
          <img alt="Grain Flaker with Aluminium Funnel Eschenfelder" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3589/file/small-17e6d38be70aaaa8abdf81dbfb0bdab6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3589/file/medium-af7983aa902a339d61d60619f540baa2.webp 900w, https://assets.fabulous.ch/public/variant_asset/3589/file/large-5448754dd0d10444705877a0745bd06a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3589/file/medium-af7983aa902a339d61d60619f540baa2.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">Eschenfelder</p>
          <a href="/en/products/grain-flaker-with-aluminium-funnel-eschenfelder-1-piece-6226">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Grain Flaker with Aluminium Funnel Eschenfelder, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 199.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WdYQYA7ekuQd_pi78OfBbIV0PTRZw5P53V71VVotWOz0zM0JRwBkzI1UR0RRxZD7uKnZJSApvM45IuzthLv50A" />
    <input value="6226" 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%3D2">
    <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-1-l-6035">
          <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/3469/file/small-b46267423c8e1074aec9d94309035948.webp 600w, https://assets.fabulous.ch/public/variant_asset/3469/file/medium-5e765db71fa51400b5c001d454ded20b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3469/file/large-5c7a87633c2cd394db08b7f6b1c05522.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3469/file/medium-5e765db71fa51400b5c001d454ded20b.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-1-l-6035">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rice Drink Brown Rice Calcium No Added Sugar Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.35
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m-QLCEsbv6mP9kA4nJVnKzr6kPZP4E1j-J-ArErlxfg2_tZhAsVJgR9cn8c9tza8Byd05zYKYlQc45kUlHNkxA" />
    <input value="6035" 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%3D2">
    <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-no-added-sugar-organic-1-l-15223">
          <img alt="Rice Drink Brown Rice 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/6981/file/small-fbfdb690cdf7f580d6f41b71ff161117.webp 600w, https://assets.fabulous.ch/public/variant_asset/6981/file/medium-fde936cac69d4be0ffa0608f65835df5.webp 900w, https://assets.fabulous.ch/public/variant_asset/6981/file/large-0784d43e2358015f177c75f0993b1713.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6981/file/medium-fde936cac69d4be0ffa0608f65835df5.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-no-added-sugar-organic-1-l-15223">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rice Drink Brown Rice No Added Sugar 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-15223-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OHnykJO54AzXsaAlYK6fCMOANanvNB4BYVZH-p9Xz6OVYy_52mcWJEcbf9rBjM6f_l3RuJbeMTaFKl5CQcFunw" />
    <input value="15223" 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%3D2">
    <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/agar-agar-gluten-free-organic-60-g-15119">
          <img alt="Agar Agar Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6933/file/small-fed87f61590338498c887298b3cbe1fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/6933/file/medium-8d65b464f2ac77bf6cafd7b0b887cdff.webp 900w, https://assets.fabulous.ch/public/variant_asset/6933/file/large-d9a0f618b6960d161ca487ec64824ad4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6933/file/medium-8d65b464f2ac77bf6cafd7b0b887cdff.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/agar-agar-gluten-free-organic-60-g-15119">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Agar Agar Gluten Free Organic, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eUN36HLq4kZXJgOT3ZefR0RefolvDaMPLSgW7sqKvifUWaqBOzQUbseM3Gx8tc7QeYOamBbnjDjJVA9WFBwfGw" />
    <input value="15119" 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%3D2">
    <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 action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8NPVaVYfzlLDN1ItbJnGzeRGg3PZazfCUl5IC2815M9dyQgAH8E4elOdjdLNu5da2ZtnYqCBGPW2IlGzsaNF8w" />
    <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%3D2">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/chocomalt-spelt-calcium-swiss-cereal-drink-organic-500-ml-16269">
          <img alt="Chocomalt Spelt +Calcium Swiss Cereal Drink Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7500/file/small-ed13d66e174bd673745ac30887bc83b6.webp 600w, https://assets.fabulous.ch/public/variant_asset/7500/file/medium-cab9b93891f176dbd044d3070193c76d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7500/file/large-f0ba5a733cb77554d6693191f6143536.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7500/file/medium-cab9b93891f176dbd044d3070193c76d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Soyana</p>
          <a href="/en/products/chocomalt-spelt-calcium-swiss-cereal-drink-organic-500-ml-16269">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Chocomalt Spelt +Calcium Swiss Cereal Drink Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AQOhaMkDqTLpqDOaqSFuRbDJF4JdHL9vNVXBF9XfQHOsGXwBgN1fGnkC7GUIAz_SjRTzkyT2kFjRKdivC0nhTw" />
    <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%3D2">
    <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/genmai-su-rice-vinegar-organic-250-ml-f32d5bd7-7fbb-40aa-9d24-5076ee5fff6d-8374">
          <img alt="Genmai Su Rice Vinegar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4941/file/small-73ae1e278b378838d5d162e127705257.webp 600w, https://assets.fabulous.ch/public/variant_asset/4941/file/medium-d854a68326fb0da352311eff8afec45d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4941/file/large-8bf3785cefdc8c77e7f151e75a98230b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4941/file/medium-d854a68326fb0da352311eff8afec45d.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">Arche</p>
          <a href="/en/products/genmai-su-rice-vinegar-organic-250-ml-f32d5bd7-7fbb-40aa-9d24-5076ee5fff6d-8374">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Genmai Su Rice Vinegar Organic, 250 ml</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 2.72 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mzde5Xuzonxx87QqwcxKqrh12wepFjSCjFgB9pVqrZo2LYOMMm1UVOFZa9Vg7hs9hag_FtD8G7VoJBhOS_wMpg" />
    <input value="8374" 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%3D2">
    <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/yeast-flakes-100-organic-yeast-organic-100-g-5269">
          <img alt="Yeast Flakes 100% Organic Yeast Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3074/file/small-73a6aeca950cfe6b8927845fd9dbd4da.webp 600w, https://assets.fabulous.ch/public/variant_asset/3074/file/medium-00f21fa24a89027c3c94c619f948ef8d.webp 900w, https://assets.fabulous.ch/public/variant_asset/3074/file/large-84065d66cea702627b058b510967cd9d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3074/file/medium-00f21fa24a89027c3c94c619f948ef8d.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">Naturata</p>
          <a href="/en/products/yeast-flakes-100-organic-yeast-organic-100-g-5269">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Yeast Flakes 100% Organic Yeast Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BjPFAIkPIdGwvjnK1jkgK3KvF7z4KYXNVRkN3t7w9QurKRhpwNHX-SAU5jV3G3G8T3LzrYHDqvqxZRRmAGZUNw" />
    <input value="5269" 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%3D2">
    <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/tapioca-maranta-flour-150-g-1230">
          <img alt="Tapioca / Maranta Flour" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1070/file/small-d3ab7cde2baa778179c8a1bf1074fbd4.webp 600w, https://assets.fabulous.ch/public/variant_asset/1070/file/medium-4183d617b87d7f8adfa35ef0f8f8a620.webp 900w, https://assets.fabulous.ch/public/variant_asset/1070/file/large-1f90c71a9e522a416fbff8c8d8951a82.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1070/file/medium-4183d617b87d7f8adfa35ef0f8f8a620.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">MORGA</p>
          <a href="/en/products/tapioca-maranta-flour-150-g-1230">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tapioca / Maranta Flour, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Ni4fPX47u7xGOJGY0der9XvHvUPWPKLfyiBW1GbAiPObNMJUN-VNlNaSTmdw9fpiRhpZUq_WjeguXE9suFYpzw" />
    <input value="1230" 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%3D2">
    <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 action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8C29WVuweVI_boP_cFBBv3u0-gw0_7tAp-efdGVROHldN2AwEm6Peq_EXADRchAoRmkeHU0VlHdDm4bMu8eZRQ" />
    <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%3D2">
    <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/bio-natto-nattosana-super-umami-paste-200-g-14952">
          <img alt="Bio-Natto Nattosana Super-Umami Paste" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6855/file/small-a89d38bc1efbd7033ed41e31b42a8d15.webp 600w, https://assets.fabulous.ch/public/variant_asset/6855/file/medium-e676f3e3bb5d91aeae0a27a53814a581.webp 900w, https://assets.fabulous.ch/public/variant_asset/6855/file/large-c68473603e0247fdb65e64e32e385130.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6855/file/medium-e676f3e3bb5d91aeae0a27a53814a581.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/bio-natto-nattosana-super-umami-paste-200-g-14952">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bio-Natto Nattosana Super-Umami Paste, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NfcvWXZWX3xHSf50qEtTl5A2r3zu_lmEO1TDqQIawW6Y7fIwP4ipVNfjIYsJaQIAretLbZcUdrPfKNoR3IxgUg" />
    <input value="14952" 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%3D2">
    <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/yeast-flakes-200-g-0a543809-8cd3-43fb-9b8a-5dcdaa3a0cbd-1264">
          <img alt="Yeast Flakes" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1093/file/small-262cd7b56714b3d791762def933d1a91.webp 600w, https://assets.fabulous.ch/public/variant_asset/1093/file/medium-8bba1bcab7821edae6cc82098bbabb5d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1093/file/large-7b398c025e25043f3ec11c80b3dea685.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1093/file/medium-8bba1bcab7821edae6cc82098bbabb5d.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">Dr. Ritter</p>
          <a href="/en/products/yeast-flakes-200-g-0a543809-8cd3-43fb-9b8a-5dcdaa3a0cbd-1264">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Yeast Flakes, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zC_9-orwFOsVnKlaYnlRTN9EEyJgawXVM_P6h6ufJZZhNSCTwy7iw4U2dqXDWwDb4pn3MxmBKuLXj-M_dQmEqg" />
    <input value="1264" 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%3D2">
    <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/sprouted-seeds-broccoli-organic-150-g-4167">
          <img alt="Sprouted Seeds Broccoli Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2627/file/small-bde45c732c32eb0cae7d14324fc951dd.webp 600w, https://assets.fabulous.ch/public/variant_asset/2627/file/medium-ba5a1840a685516af174c4b9f5530858.webp 900w, https://assets.fabulous.ch/public/variant_asset/2627/file/large-c6e0fc388c9cbf3eda32ffd6796d71bb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2627/file/medium-ba5a1840a685516af174c4b9f5530858.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">Germline</p>
          <a href="/en/products/sprouted-seeds-broccoli-organic-150-g-4167">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sprouted Seeds Broccoli Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9Ku_szHvgqaKC6oirW7fyxi9j-t7JFqz7Jis5pTB8cZZsWLaeDF0jhqhdd0MTI5cJWBr-gLOdYQI5LVeSldQ-g" />
    <input value="4167" 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%3D2">
    <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/biosnacky-classic-germinator-1-pc-1-piece-15306">
          <img alt="bioSnacky Classic Germinator" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6990/file/small-5f1be997c556678dda6407c3c7b1fbc2.webp 600w, https://assets.fabulous.ch/public/variant_asset/6990/file/medium-84abb885c167a59e492f0ba39b042a14.webp 900w, https://assets.fabulous.ch/public/variant_asset/6990/file/large-1844002eacd16afc6d47e382e43095e5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6990/file/medium-84abb885c167a59e492f0ba39b042a14.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/biosnacky-classic-germinator-1-pc-1-piece-15306">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">bioSnacky Classic Germinator, 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-15306-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L2tuOScNkn5DAF7HZRoDJWvJyvxK1ZB9IvyfdGMVf_eCcbNQbtNkVtOqgTjEOFKyVhQu7TM_v0rGgIbMvYPeyw" />
    <input value="15306" 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%3D2">
    <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/my-yo-bulgarian-ferments-organic-3-x-5-g-18001">
          <img alt="My.Yo Bulgarian Ferments Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8913/file/small-ad3f62ef7d26001196adc972584e3e07.webp 600w, https://assets.fabulous.ch/public/variant_asset/8913/file/medium-219269e3dda425ac16b4313893682f0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8913/file/large-aa6c0a795da9ec626be239b9fdd18e64.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8913/file/medium-219269e3dda425ac16b4313893682f0a.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">my.yo</p>
          <a href="/en/products/my-yo-bulgarian-ferments-organic-3-x-5-g-18001">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">My.Yo Bulgarian Ferments Organic, 3 x 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mXQZFnMkQnqk3l7ByaBNvknJVRhgstbSFXq49xHBl300bsR_Ovq0UjR0gT5oghwpdBSxCRlY-eXxBqFPz1c2QQ" />
    <input value="18001" 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%3D2">
    <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/sprouted-seeds-mix-4-radish-organic-100-g-16431">
          <img alt="Sprouted Seeds Mix 4 Radish Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7554/file/small-068a58891d5c2f248a335632e4f3889a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7554/file/medium-8f65fda1e070c71bc00afbb2db411dea.webp 900w, https://assets.fabulous.ch/public/variant_asset/7554/file/large-47740654c7c82fc00e196be134876ec5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7554/file/medium-8f65fda1e070c71bc00afbb2db411dea.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">Germline</p>
          <a href="/en/products/sprouted-seeds-mix-4-radish-organic-100-g-16431">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sprouted Seeds Mix 4 Radish Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d0vLBHD1D8C1RaxH8Vq6Z-zb4F5KboNn-NgNIbm7YJ7aURZtOSv56CXvc7hQeOvw0QYETzOErFAcpBSZZy3Bog" />
    <input value="16431" 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%3D2">
    <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/my-yo-yoghurt-ferment-vegan-organic-3-bags-5-g-8261">
          <img alt="My.Yo Yoghurt Ferment Vegan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8916/file/small-20f806ab4869ffcfcaf623dcaf7190cc.webp 600w, https://assets.fabulous.ch/public/variant_asset/8916/file/medium-78e9d0be726ad4e676a1488302492d1c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8916/file/large-df0a2ccaf2f6dc12e712f4956f46895b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8916/file/medium-78e9d0be726ad4e676a1488302492d1c.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">my.yo</p>
          <a href="/en/products/my-yo-yoghurt-ferment-vegan-organic-3-bags-5-g-8261">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">My.Yo Yoghurt Ferment Vegan Organic, 3 x 5 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X0NF0IOarE03Y6VUoMGWQlBK8J6TWnV02mL5_KJNgrXyWZi5ykRaZafJeqsB48fVbZcUj-qwWkM-HuBEfNsjiQ" />
    <input value="8261" 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%3D2">
    <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/my-yo-lacto-pro-ferments-organic-3-bags-25-g-2954">
          <img alt="My.Yo LACTO PRO Ferments Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8915/file/small-d14f27e9447ef4a3d6a82c598577ecea.webp 600w, https://assets.fabulous.ch/public/variant_asset/8915/file/medium-d341ac2e4429d56637b1c30589c23e3a.webp 900w, https://assets.fabulous.ch/public/variant_asset/8915/file/large-7d7820cfe991ad744082cb5b137d094e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8915/file/medium-d341ac2e4429d56637b1c30589c23e3a.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">my.yo</p>
          <a href="/en/products/my-yo-lacto-pro-ferments-organic-3-bags-25-g-2954">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">My.Yo LACTO PRO Ferments Organic, 3 x 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="8XvNiIiIecgenzeCz9kR7ORP7V6XcVLP_-_6AbUwrfBcYRDhwVaP4I416H1u-0B72ZIJT-6bffgbk-O5a6YMzA" />
    <input value="2954" 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%3D2">
    <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/my-yo-yoghurt-machine-mint-without-electricity-1-piece-7023">
          <img alt="My.Yo yoghurt machine MINT without electricity" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4056/file/small-e93f7cef545f78c7d2f21d03c97a41a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4056/file/medium-b0097376927a343c0fc581650430a128.webp 900w, https://assets.fabulous.ch/public/variant_asset/4056/file/large-1d319f3ad7be6498116c846dde147ef3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4056/file/medium-b0097376927a343c0fc581650430a128.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">my.yo</p>
          <a href="/en/products/my-yo-yoghurt-machine-mint-without-electricity-1-piece-7023">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">My.Yo yoghurt machine MINT without electricity, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="qD19pIWkj0gnI-b-WTm1kni_BEgmjsJ9jV7IYbaY6cQFJ6DNzHp5YLeJOQH4G-QFRWLgWV9k7UppItHZaA5I-A" />
    <input value="7023" 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">
      40 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=3">Show more</a>
  </div>
</div>

</template></turbo-stream>