<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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/spatzle-durum-wheat-light-demeter-500-g-17318">
          <img alt="Spätzle Durum Wheat Light Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8086/file/small-20424d1795b630674ed4a35e03f40bd0.webp 600w, https://assets.fabulous.ch/public/variant_asset/8086/file/medium-299b0fbc4d7ca37c6e8960813a98124c.webp 900w, https://assets.fabulous.ch/public/variant_asset/8086/file/large-953befe764affb6f233c7a3c5df04ab5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8086/file/medium-299b0fbc4d7ca37c6e8960813a98124c.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/spatzle-durum-wheat-light-demeter-500-g-17318">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spätzle Durum Wheat Light Demeter, 500 g</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.94 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Z2Oaw2E11NTsvceqiLz2IqSv5YvGD9mv4VJyfBpm6WqJvRh6uKVrfFfPoZKeV_IhuxHTpU5djmpochVOTKw7Yg" />
    <input value="17318" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/spelt-spatzle-light-demeter-500-g-17319">
          <img alt="Spelt Spätzle Light Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8087/file/small-58a5b438df2c5ce54250a25522b01da4.webp 600w, https://assets.fabulous.ch/public/variant_asset/8087/file/medium-7da6b2944496d38c789e0a2059c777d6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8087/file/large-185f223fb38c30abba0f23f722888c58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8087/file/medium-7da6b2944496d38c789e0a2059c777d6.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/spelt-spatzle-light-demeter-500-g-17319">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spelt Spätzle Light Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="IS518zz17Ricx3SLmkp-eENUas2118UYUS4bXAEjoj7P8PdK5WVSsCe1ErOMoXp7XOpc4z2Fkt3YDnxuV-lwNg" />
    <input value="17319" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/raw-cocoa-powder-blend-organic-500-g-17347">
          <img alt="Raw Cocoa Powder Blend Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8091/file/small-c696c97f67f8fa77b39d67c61cd4f64a.webp 600w, https://assets.fabulous.ch/public/variant_asset/8091/file/medium-70abf8863378d11230fb20d0095a8124.webp 900w, https://assets.fabulous.ch/public/variant_asset/8091/file/large-1a0366de1749538c481eef225764701d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8091/file/medium-70abf8863378d11230fb20d0095a8124.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">GoodMoodFood</p>
          <a href="/en/products/raw-cocoa-powder-blend-organic-500-g-17347">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Raw Cocoa Powder Blend Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 28.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZeQxGS5d1OE8SuWfiBnr61qqntyMsSzhacA8TbU5tnSLOrOg981rSYc4g6ee8u_oRRSo8gTjeyTg4Ft_4_NkfA" />
    <input value="17347" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/crunchy-hazelnut-butter-organic-250-g-17352">
          <img alt="Crunchy Hazelnut Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8092/file/small-7b83fcaf5a642caf0cf82dd2f152a9eb.webp 600w, https://assets.fabulous.ch/public/variant_asset/8092/file/medium-b578bea56d5a4817c5802e94e0c299b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/8092/file/large-872d185429a68e6f2e683db8d2064231.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8092/file/medium-b578bea56d5a4817c5802e94e0c299b9.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/crunchy-hazelnut-butter-organic-250-g-17352">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Hazelnut Butter Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fz6vzcyD30ymoGfH0FAweQG0fQvg5sDc3c8G44YDmrj54C10FRNg5B3SAf_GuzR6HgpLJWi0lxlU72HR0MlIsA" />
    <input value="17352" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/wholegrain-spelt-tortelettes-100-wholegrain-organic-115-g-17355">
          <img alt="Wholegrain Spelt Tortelettes 100% Wholegrain Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8094/file/small-ec8111a3561a3314ddf63af680bbd9b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8094/file/medium-3ab7c0bf705c54b232b925548c59d195.webp 900w, https://assets.fabulous.ch/public/variant_asset/8094/file/large-09f30dee6f246501fef4dcf0958a1bd0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8094/file/medium-3ab7c0bf705c54b232b925548c59d195.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">Werz</p>
          <a href="/en/products/wholegrain-spelt-tortelettes-100-wholegrain-organic-115-g-17355">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wholegrain Spelt Tortelettes 100% Wholegrain Organic, 115 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Zut_HgEoUvf0t6DNR0b7sjGzr44E0U3VEwhKo8riDTeINf2n2LjtX0_FxvVRrf-xLg2ZoIyDGhCaKC2RnCjfPw" />
    <input value="17355" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/4-grain-tortelettes-100-wholegrain-bio-125-g-17356">
          <img alt="4-Grain Tortelettes 100% Wholegrain Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8095/file/small-950c6c35918c3e091e26c88068b1093b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8095/file/medium-0c37650c42dc8a72b3f527878c1b5eea.webp 900w, https://assets.fabulous.ch/public/variant_asset/8095/file/large-7fa8c8892dddad4a99f81d6bb06f651c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8095/file/medium-0c37650c42dc8a72b3f527878c1b5eea.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">Werz</p>
          <a href="/en/products/4-grain-tortelettes-100-wholegrain-bio-125-g-17356">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">4-Grain Tortelettes 100% Wholegrain Bio, 125 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 3.36 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cz2Do_pt4sYDFyTii3CwZ1xAbZFRwn2iTEbiIihGCWud4wEaI_1dbrhlQtqdm7RkQ_5bv9mQKmfFZoUQfozbYw" />
    <input value="17356" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/elderflower-syrup-organic-500-ml-17357">
          <img alt="Elderflower Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8097/file/small-2f6bfdbadbe0e70e14c1ff83a3c38b1f.webp 600w, https://assets.fabulous.ch/public/variant_asset/8097/file/medium-6cda35af64ba6016befd78d867df8b48.webp 900w, https://assets.fabulous.ch/public/variant_asset/8097/file/large-fcf3b778e0cc8672d83bfd539f8e299b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8097/file/medium-6cda35af64ba6016befd78d867df8b48.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">Sonnentor</p>
          <a href="/en/products/elderflower-syrup-organic-500-ml-17357">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Elderflower Syrup Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XroM8gin57AU0q_J3jzYdhi1b177lcKRlQlE_xA28xawZI5L0TdYGK-gyfHI19x1BwtZcHPHlVQcKSPNRvwhHg" />
    <input value="17357" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/raspberry-syrup-organic-500-ml-17358">
          <img alt="Raspberry Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8098/file/small-5694a7e6c8b1bae49ca0aae83514fb29.webp 600w, https://assets.fabulous.ch/public/variant_asset/8098/file/medium-4e4b403357b821c94913e4ed7bb655a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/8098/file/large-a32db9181543d3d6fc1f222d7ef1d656.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8098/file/medium-4e4b403357b821c94913e4ed7bb655a9.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">Sonnentor</p>
          <a href="/en/products/raspberry-syrup-organic-500-ml-17358">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Raspberry Syrup Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0fdGZOMHzl7rQhovUAd1omVMvlQbFAWLrF-66jm7ErU_KcTdOpdx9lAwfBdG7HGhevKIepNGUk4lf93Yb3HAvQ" />
    <input value="17358" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/wild-lilli-syrup-organic-500-ml-17359">
          <img alt="Wild Lilli Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8099/file/small-e07dd359e6ad1c40ff12b2ca314cf6dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/8099/file/medium-5e20e7ee152bc60f5db34d06a84db4af.webp 900w, https://assets.fabulous.ch/public/variant_asset/8099/file/large-4a8afa83d7d5708990d4da749167080e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8099/file/medium-5e20e7ee152bc60f5db34d06a84db4af.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">Sonnentor</p>
          <a href="/en/products/wild-lilli-syrup-organic-500-ml-17359">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wild Lilli Syrup Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jXhVryL1SXGJl0tn37_zVg3jxo66RX_gKeBk604Fw0djptcW-2X22TLlLV_JVPdVEl3woDIXKCWgwAPZGM8RTw" />
    <input value="17359" 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">
    <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/pistachio-cream-organic-250-g-17385">
          <img alt="Pistachio Cream Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8108/file/small-278e38bc1daec6262a64ec17ba6ca744.webp 600w, https://assets.fabulous.ch/public/variant_asset/8108/file/medium-59422d53516ca4baa5fc166c8e21d54d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8108/file/large-728c7e12a80b171b51f045a777ae1382.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8108/file/medium-59422d53516ca4baa5fc166c8e21d54d.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/pistachio-cream-organic-250-g-17385">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pistachio Cream Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 12.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zd2vXz48SuQFpfTJzw5L0GM-jrNdV6O3DjSZ8xJk_tYjAy3m56z1TL7XkvHZ5U_TfIC4ndUF9HKHFP7BRK4s3g" />
    <input value="17385" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/tofu-chia-rapeseed-switzerland-organic-250-g-17388">
          <img alt="Tofu Chia Rapeseed Switzerland Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8110/file/small-26b537e9e485d3310b42207446c4f774.webp 600w, https://assets.fabulous.ch/public/variant_asset/8110/file/medium-8e3fd03e2d2c5ccff9e167d7f7de61cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8110/file/large-1409f45950bf79e436e6eef8a1b7777c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8110/file/medium-8e3fd03e2d2c5ccff9e167d7f7de61cc.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">Futur</p>
          <a href="/en/products/tofu-chia-rapeseed-switzerland-organic-250-g-17388">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tofu Chia Rapeseed Switzerland Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FRtkvW88kJn4vmpZEmqxBGbScoKrqv5BAjSJRO2TzyT7xeYEtqwvMUPMDGEEgbUHeWxErCP4qYSLFO52u1kdLA" />
    <input value="17388" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/freely-vegan-cookie-double-chocolat-gluten-free-organic-65-g-17416">
          <img alt="Freely Vegan Cookie Double Chocolat 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/8113/file/small-48664f6da5263b364739a526d36b718b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8113/file/medium-b059a75c16c136a842055d9322ecebcc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8113/file/large-e280266f914acc4eb601f3ef83f33038.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8113/file/medium-b059a75c16c136a842055d9322ecebcc.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Freely Handustry</p>
          <a href="/en/products/freely-vegan-cookie-double-chocolat-gluten-free-organic-65-g-17416">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Freely Vegan Cookie Double Chocolat Gluten Free Organic, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6FRZK566AKQcwzPrizClcuA7VZ6I8j0uU9_3z1UQPy4GituSRyq_DKexVdOd26Fx_4VjsACgauva_5D9A9rtJg" />
    <input value="17416" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/blender-vitamix-a3500i-black-1-piece-17421">
          <img alt="Blender Vitamix A3500i BLACK" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8118/file/small-aac9a03c6aa396a259ee86d3fa2a26c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8118/file/medium-4f20c44ab5878d482e5eca3f1c4b2992.webp 900w, https://assets.fabulous.ch/public/variant_asset/8118/file/large-e66fd8058d41a04d1cda4f48f292bec4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8118/file/medium-4f20c44ab5878d482e5eca3f1c4b2992.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">Vitamix</p>
          <a href="/en/products/blender-vitamix-a3500i-black-1-piece-17421">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Blender Vitamix A3500i BLACK, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1&#39;099.00
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 1&#39;099.00 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wYSzX1Z4Wdap6NyyxCOeixSL7yyNvmiBsDxoorazC-EvWjHmj-jmfhKauorSyJqICzXZAgXsP0Q5HA-Q4HnZ6Q" />
    <input value="17421" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/kuvings-vacuum-blender-sv-400-anthracite-1-piece-17422">
          <img alt="Kuvings Vacuum Blender SV-400 Anthracite" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8119/file/small-c075ea19ca1e17f62b65a049ba45df5e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8119/file/medium-e3b9aaf79ba222b1f42734f81b1a62bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/8119/file/large-5725de9119318c085a96b7cb2e1e1c8a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8119/file/medium-e3b9aaf79ba222b1f42734f81b1a62bb.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">Kuvings</p>
          <a href="/en/products/kuvings-vacuum-blender-sv-400-anthracite-1-piece-17422">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kuvings Vacuum Blender SV-400 Anthracite, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 525.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bgQdLGRttaBQgOUHk04it3Q8WDKk_-Hor0RPmLYVSWmA2p-Vvf0KCOvygz-FpSa0a4JuHCytti0mZCiq4N-bYQ" />
    <input value="17422" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/kuvings-vacuum-blender-sv-400-red-1-piece-17423">
          <img alt="Kuvings Vacuum Blender SV-400 Red" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8120/file/small-7edd5c09e5174fc11dccfd802dc24dcf.webp 600w, https://assets.fabulous.ch/public/variant_asset/8120/file/medium-c21fa0a840ed22b20f5b2f28eea30159.webp 900w, https://assets.fabulous.ch/public/variant_asset/8120/file/large-bffe386e79e980fe40389be1f3c2e158.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8120/file/medium-c21fa0a840ed22b20f5b2f28eea30159.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">Kuvings</p>
          <a href="/en/products/kuvings-vacuum-blender-sv-400-red-1-piece-17423">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Kuvings Vacuum Blender SV-400 Red, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 525.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0mjIjKqS9KXip-4EQnYO_fFwEqPFSniLcj3q52Q7ZMQ8tko1cwJLDVnViDxUnQr-7s4kjU0YL077HY3VMvG2zA" />
    <input value="17423" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vitamix-ascent-mixing-container-2-liter-2-l-17424">
          <img alt="Vitamix Ascent mixing container 2-liter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8121/file/small-fc0d0a82c212396ede6e29b55f8af87b.webp 600w, https://assets.fabulous.ch/public/variant_asset/8121/file/medium-5317b7cce276189e3bfbcab6d0b8d141.webp 900w, https://assets.fabulous.ch/public/variant_asset/8121/file/large-6c974a1da9f7b25046cf88ca81b5d43c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8121/file/medium-5317b7cce276189e3bfbcab6d0b8d141.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">Vitamix</p>
          <a href="/en/products/vitamix-ascent-mixing-container-2-liter-2-l-17424">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamix Ascent mixing container 2-liter, 2 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 219.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sygn67hrYvrlAVJNeic0_ljNhvL1uVhl0sfL1f5EIKRd9qVSYfvdUl5zNHVszDD9R3Ow3H3rD6Bb56znqI7yrA" />
    <input value="17424" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vitamix-blade-scraper-1-piece-17425">
          <img alt="Vitamix blade scraper" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8122/file/small-87b422cf28a40f57660b6afa214fcdda.webp 600w, https://assets.fabulous.ch/public/variant_asset/8122/file/medium-4aebc118171fbd66e196e098af53a4a6.webp 900w, https://assets.fabulous.ch/public/variant_asset/8122/file/large-c7475ecdb82cd33f2ce7583d6d412e7c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8122/file/medium-4aebc118171fbd66e196e098af53a4a6.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">Vitamix</p>
          <a href="/en/products/vitamix-blade-scraper-1-piece-17425">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vitamix blade scraper, 1 piece</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 25.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EbtZ1OuiscBp8mftmxEuyobp9ktXs57aGxf0Ne_9YRr_ZdttMjIOaNKAAdWN-irJmVfAZd_hyR-SN5MHuTezEg" />
    <input value="17425" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/preserving-and-fermentation-jar-set-3-jars-3-piece-17429">
          <img alt="Preserving and fermentation jar set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8123/file/small-8078a52726a1683b8a91c2c0513d5e97.webp 600w, https://assets.fabulous.ch/public/variant_asset/8123/file/medium-17cba4d00480db72b00c541c14b9be82.webp 900w, https://assets.fabulous.ch/public/variant_asset/8123/file/large-638a6e9cd92af42ea6a1fb0ee5037580.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8123/file/medium-17cba4d00480db72b00c541c14b9be82.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">frohkost</p>
          <a href="/en/products/preserving-and-fermentation-jar-set-3-jars-3-piece-17429">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Preserving and fermentation jar set, 3 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 64.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GNvR8LIztpZlf2Ql8d2wr1sm9YOF4y38Wf7Pr102Nr72BVNJa6MJPt4NAh3nNrSsRJjDrQ2xejnQ3qidC_zktg" />
    <input value="17429" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/sourdough-starter-set-0-35-l-17430">
          <img alt="Sourdough Starter Set" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8129/file/small-cc6b9447965382a03733d78c20d1b998.webp 600w, https://assets.fabulous.ch/public/variant_asset/8129/file/medium-6ae4d3cf930d4e855fd3b20893c8481f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8129/file/large-88cdb1c070ab8cd023e656475523669b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8129/file/medium-6ae4d3cf930d4e855fd3b20893c8481f.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">Kilner</p>
          <a href="/en/products/sourdough-starter-set-0-35-l-17430">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sourdough Starter Set, 0.35 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EnqOD2L7mr726HTnad7nL8izsw7tgl4BCoSKh37U6O78pAy2u2slFk2aEt9_NeMs1w2FIGXQCcSDpO21KB465g" />
    <input value="17430" 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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/bitter-extract-from-bitter-herbs-organic-100-ml-17435">
          <img alt="Bitter Extract from Bitter Herbs Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8131/file/small-685de79c9259d098b032325a81650fd8.webp 600w, https://assets.fabulous.ch/public/variant_asset/8131/file/medium-82e98e537fda28d91e28a260a9d5a573.webp 900w, https://assets.fabulous.ch/public/variant_asset/8131/file/large-705d15417fd51f666e1374f0e71c03e1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8131/file/medium-82e98e537fda28d91e28a260a9d5a573.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">NaturKraftWerke</p>
          <a href="/en/products/bitter-extract-from-bitter-herbs-organic-100-ml-17435">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bitter Extract from Bitter Herbs Organic, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 26.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wBol7le-pqvzN5otrICZUDCm6jkmQgK0R1E8Ebolm5YuxKdXji4ZA0hF_BW6a51TLxjcF64QVXHOcVsj7O9Jng" />
    <input value="17435" 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">
      3&#39;080 of 3&#39;209 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/simply-v?format=turbo_stream&amp;page=155">Show more</a>
  </div>
</div>

</template></turbo-stream>