<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/birnel-biofarm-kettle-biosuisse-5-kg-14613">
          <img alt="Birnel Biofarm Kettle BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6765/file/small-7ad5e0812981f50e4f43cd3d4e6ba8bc.webp 600w, https://assets.fabulous.ch/public/variant_asset/6765/file/medium-ec5ca1f3a3f32f629e964fbd2486cc47.webp 900w, https://assets.fabulous.ch/public/variant_asset/6765/file/large-8b7fcc276a918f8a244b5d2e6f175656.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6765/file/medium-ec5ca1f3a3f32f629e964fbd2486cc47.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/en/products/birnel-biofarm-kettle-biosuisse-5-kg-14613">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Birnel Biofarm Kettle BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 85.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KrBC2UIqLJB74oj4CpmAJmjOB1D5NA9UjPkcfBmmq2jpKS_lOFQrbjarAH9GbKAM55FIBiY1mjLDN1oceD1GIg" />
    <input value="14613" 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/apple-syrup-raw-organic-700-g-18080">
          <img alt="Apple syrup raw Organic " class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9043/file/small-975ff7f485c798f89e7670ec9d36eebe.webp 600w, https://assets.fabulous.ch/public/variant_asset/9043/file/medium-8eee8dd02530b538650168aab9632bbb.webp 900w, https://assets.fabulous.ch/public/variant_asset/9043/file/large-0f93959a879922c7ca396a41b5de9738.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9043/file/medium-8eee8dd02530b538650168aab9632bbb.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/apple-syrup-raw-organic-700-g-18080">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apple syrup raw Organic , 700 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 20.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HAUE1ibG11wSS_boXjtvImBjiyrklB4K7Ud81DlQsVffnGnqXLjQol8Cfm8Szk8I7zzEfDuVi2yiiTq0WMtcHQ" />
    <input value="18080" 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/grill-sauce-sweet-and-sour-gluten-free-organic-210-ml-14922">
          <img alt="Grill Sauce Sweet and Sour 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/6842/file/small-fb04ef736cb7a10080928203ca524c72.webp 600w, https://assets.fabulous.ch/public/variant_asset/6842/file/medium-0d8224ba246f0cb6017d0c4dcbc37c4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/6842/file/large-c1f3d62f85274f93b32ec31e792e8442.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6842/file/medium-0d8224ba246f0cb6017d0c4dcbc37c4e.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/grill-sauce-sweet-and-sour-gluten-free-organic-210-ml-14922">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Grill Sauce Sweet and Sour Gluten Free Organic, 210 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fctOIOQtUbfa9v2zkDaRkHbvGp8Pca74Mifw6iV_r36-UiMcnlNWSZe_dTTcw7G6-bBVydBwO5596baKRORCNA" />
    <input value="14922" 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/sandwich-burger-sauce-gluten-free-organic-210-g-11491">
          <img alt="Sandwich &amp; Burger Sauce 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/5880/file/small-2b7b27edecab12a9e314acb8c447418d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5880/file/medium-d8122671c58d37372ed5497bf692ee5e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5880/file/large-9a973a84d5daf0557e714785e3227cec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5880/file/medium-d8122671c58d37372ed5497bf692ee5e.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/sandwich-burger-sauce-gluten-free-organic-210-g-11491">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sandwich &amp; Burger Sauce Gluten Free Organic, 210 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OVald2Vq_iodiuFxryjOc3OG1bxLDYRmLwt7UBd4fIP6z8hLHxT51FDDafbj3e5Z_Nma6pQMEQBgxT0wduORyQ" />
    <input value="11491" 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/artichokes-in-olive-oil-organic-280-g-4262">
          <img alt="Artichokes in Olive Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2665/file/small-b1d9da55bcbf1686283af8720197d03f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2665/file/medium-cd1105b08e2af58de9e55685ba623672.webp 900w, https://assets.fabulous.ch/public/variant_asset/2665/file/large-850593f7b327ace1f99b18d476b14bc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2665/file/medium-cd1105b08e2af58de9e55685ba623672.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">LaSelva</p>
          <a href="/en/products/artichokes-in-olive-oil-organic-280-g-4262">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Artichokes in Olive Oil Organic, 280 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 4.55 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DYzA1071FECyCjehjbFIMRFQozLP_pF6DoI_-YyGKZLOFa3rNIsTvv9DvybBRGgbng_sZBD_BBxBTHmZ7R3E2A" />
    <input value="4262" 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/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-fabulous-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="FZWMIXWorRfX_VVv31C0MFI-SJqq6msR-FCB7GNJjdXWDOEdD9aq6Zq03eiTpZQa3WEHzHXr_ne3nseMAtJgnw" />
    <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 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/pesto-al-tartufo-organic-130-g-7954">
          <img alt="Pesto al tartufo Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4661/file/small-b04eedf6ce2f501b9fd3e8eda63253c2.webp 600w, https://assets.fabulous.ch/public/variant_asset/4661/file/medium-dc653ed15c12ba2ae14049628068e7a2.webp 900w, https://assets.fabulous.ch/public/variant_asset/4661/file/large-f3876d4b2f9a09b8870edd7993bfcaa9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4661/file/medium-dc653ed15c12ba2ae14049628068e7a2.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">LaSelva</p>
          <a href="/en/products/pesto-al-tartufo-organic-130-g-7954">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pesto al tartufo Organic, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9uL5WvYRWdIsU0F-JG8LjD3RGCI4McnczXBEh6s1-pY1e5RmjG9eLGEayflomiumso5XdOcwXLqCvgLnyq4X3A" />
    <input value="7954" 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/bar-chocolate-with-hazelnuts-fair-organic-80-g-8672">
          <img alt="Bar Chocolate with Hazelnuts Fair &amp; Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5049/file/small-4a9cea6412e33994949ddd4e96c40489.webp 600w, https://assets.fabulous.ch/public/variant_asset/5049/file/medium-33cffcc8bb3a346d1123f246926ff5b3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5049/file/large-3d9998fca80fe1f4dfc96ccbdfa86d26.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5049/file/medium-33cffcc8bb3a346d1123f246926ff5b3.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">Stella Bernrain</p>
          <a href="/en/products/bar-chocolate-with-hazelnuts-fair-organic-80-g-8672">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bar Chocolate with Hazelnuts Fair &amp; Organic, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ZOaiEyvaxiy4eEsDwpcqqzfueVQ1FAugqr2-1SlOMymnf88vUaTB0vUxw4SOYgqBuLE2AuoVnsblc_i1SNXeYw" />
    <input value="8672" 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/chicken-ish-bouillon-organic-40-g-12964">
          <img alt="Chicken`ish Bouillon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6366/file/small-25f9f210b6d63fb6da385d372fe64497.webp 600w, https://assets.fabulous.ch/public/variant_asset/6366/file/medium-02e96440e5b8a2eff04d303405d4b528.webp 900w, https://assets.fabulous.ch/public/variant_asset/6366/file/large-d386ae27c3017298048c4b9644330c96.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6366/file/medium-02e96440e5b8a2eff04d303405d4b528.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">Uhhmami</p>
          <a href="/en/products/chicken-ish-bouillon-organic-40-g-12964">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chicken`ish Bouillon Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-N_SJq9v9oajHFEGDdnKRgTBkEdWHD1DDi8B35nA8Dc7Rr8a1RHxeO5V2YFBLOpsi57fEYkdqCVB4Ue_-FsdfQ" />
    <input value="12964" 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/bar-protein-organic-45-g-588">
          <img alt="Bar Protein Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/536/file/small-b585d94847f846f97bb51524d8daf090.webp 600w, https://assets.fabulous.ch/public/variant_asset/536/file/medium-e359b83cb29870ca5cd96858923b364e.webp 900w, https://assets.fabulous.ch/public/variant_asset/536/file/large-8be3016e7e6609b8c10a0a12b7f33d4b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/536/file/medium-e359b83cb29870ca5cd96858923b364e.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">Raw Bite</p>
          <a href="/en/products/bar-protein-organic-45-g-588">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bar Protein Organic, 45 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NIvpfKTS981GzE6mPJQQTVvuDeXF84o4wIGz-FAit833EoRA3qzwMwuFxiFwYTBn1LFCsxryH16PT_WYMblahw" />
    <input value="588" 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/vegan-alternative-to-eggs-organic-20-g-7129">
          <img alt="Vegan Alternative to Eggs Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4092/file/small-14298162187b7b2da957f3ca10112419.webp 600w, https://assets.fabulous.ch/public/variant_asset/4092/file/medium-2c9b9159ee6ca29445560060f11fc2b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4092/file/large-f4ab4391e5d4a14c2e51e0d451583e20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4092/file/medium-2c9b9159ee6ca29445560060f11fc2b5.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">Biovegan</p>
          <a href="/en/products/vegan-alternative-to-eggs-organic-20-g-7129">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Eggs Organic, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zvZxE6a_hovoRkL0vgUUxcHZLCnlECwI1CN4SFWa3cINbxwv3MGBdaUPynPy8DTvToZjfzoRuW6b7T4oNAEwiA" />
    <input value="7129" 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/vegan-alternative-to-scrambled-egg-organic-50-g-9152">
          <img alt="Vegan Alternative to Scrambled Egg Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5197/file/small-62d37b78ed57a748db36122c87b56340.webp 600w, https://assets.fabulous.ch/public/variant_asset/5197/file/medium-6fbefd5c47c66b5302e03dce37a3ff38.webp 900w, https://assets.fabulous.ch/public/variant_asset/5197/file/large-bff8a7b82bcfbaafc2739bb5b461b2b3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5197/file/medium-6fbefd5c47c66b5302e03dce37a3ff38.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">Biovegan</p>
          <a href="/en/products/vegan-alternative-to-scrambled-egg-organic-50-g-9152">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Scrambled Egg Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QAavnCRN_2eJTeM-JDKypdvANOdYb_XOD1jFxc_nd3-Dn8KgXjP4mcQEa7lox5KPVJ97sYduYKhAloOlrnyaNQ" />
    <input value="9152" 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/bio-natto-nattosana-natural-200-g-14950">
          <img alt="Bio-Natto Nattosana Natural" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6852/file/small-fd35e63c73f37ab26550263eed352bd9.webp 600w, https://assets.fabulous.ch/public/variant_asset/6852/file/medium-34369eb49728b6f388e9d1c20e4ad8ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/6852/file/large-7a4e8c60a7ec4e08d08bd1a9766589ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6852/file/medium-34369eb49728b6f388e9d1c20e4ad8ab.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-natural-200-g-14950">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bio-Natto Nattosana Natural, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.75
            </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 2.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Qj8Hib7Acezdtl3ManoxCFjw5W8TQdfk24AxrWHla2eBpmq1xL52EpD_1UsmjxEi16-qOcxAQoKUTnfNAH6GLQ" />
    <input value="14950" 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/natural-tempeh-switzerland-organic-300-g-16645">
          <img alt="Natural Tempeh Switzerland Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7704/file/small-c389be89eae3c14ab787dee6cb6c8597.webp 600w, https://assets.fabulous.ch/public/variant_asset/7704/file/medium-3ebaea2c026ffb8e8dcd8e736c1e5ffb.webp 900w, https://assets.fabulous.ch/public/variant_asset/7704/file/large-28eeba0b6c0f870b5758152703e7a215.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7704/file/medium-3ebaea2c026ffb8e8dcd8e736c1e5ffb.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/natural-tempeh-switzerland-organic-300-g-16645">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Natural Tempeh Switzerland Organic, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </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 3.03 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="91a3kY5lJ0DWI8UrIM0idQolP1fDeU3LjQELtYdG5uo0z9qt9BsgvptqTaxsOAJfhXpwARx42K3Cz03V5t0LoA" />
    <input value="16645" 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/seitan-strips-organic-1-kg-17535">
          <img alt="Seitan Strips Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8180/file/small-18289d7571c04883073b57b24f3429a1.webp 600w, https://assets.fabulous.ch/public/variant_asset/8180/file/medium-d71789aafaba9bc502f9c714b7dc74fe.webp 900w, https://assets.fabulous.ch/public/variant_asset/8180/file/large-d8fc39f2163453d6a412c844caa95566.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8180/file/medium-d71789aafaba9bc502f9c714b7dc74fe.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">Engel-Tofu</p>
          <a href="/en/products/seitan-strips-organic-1-kg-17535">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seitan Strips Organic, 1 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.15
            </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.32 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rzxUFM6qqrDyT-cjZfMPkNkZJXvRsQDxWI2ytCB-c51spTkotNStTr8Gb6QpBi-6VkZqLQ6wlZcXQ_TUQeWe1w" />
    <input value="17535" 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/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-fabulous-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="1SFXqO91cjQvGCsAnG2L5wnyII8fhxCWcAWTb8VcYJkWuDqUlQt1ymJRo4fQmKvNhq1v2cCGhfA_y9UPpMeN0w" />
    <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">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/i-am-not-a-meat-loaf-gluten-free-organic-200-g-5706">
          <img alt="&quot;I am not a Meat Loaf&quot; 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/3292/file/small-284800cc58bfefdeef9fd04aa8a94b47.webp 600w, https://assets.fabulous.ch/public/variant_asset/3292/file/medium-c47955507187b4a2f95505b123a67384.webp 900w, https://assets.fabulous.ch/public/variant_asset/3292/file/large-cd1e7d9eac5d4c1a6229f4427e7deba2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3292/file/medium-c47955507187b4a2f95505b123a67384.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/i-am-not-a-meat-loaf-gluten-free-organic-200-g-5706">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">&quot;I am not a Meat Loaf&quot; Gluten Free Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </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-5706-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iyVtt7njeM6VEg-36pilp6XwrH3YPJM_EKRBz2M6uABIvACLw51_MNhbhzCmbYWNKq_jKwc9BllfagevAqFVSg" />
    <input value="5706" 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/i-am-not-a-bratwurst-sausage-organic-100-g-5708">
          <img alt="&quot;I am not a Bratwurst Sausage&quot; Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3294/file/small-9d9f7ffb7d2da64eefd035ed148c370d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3294/file/medium-6843749863ed6d97542c9114bf4eec1f.webp 900w, https://assets.fabulous.ch/public/variant_asset/3294/file/large-6d3d8014755214574e4e39007ba665c0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3294/file/medium-6843749863ed6d97542c9114bf4eec1f.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/i-am-not-a-bratwurst-sausage-organic-100-g-5708">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">&quot;I am not a Bratwurst Sausage&quot; Organic, 2 x 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </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-5708-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="M23RkCJSWMuWWRI5dIX3-zhGvG_OuKdtaOAr69oqhF3w9LysWCxfNdsQmr44cNfRtxnzORG5MgsnLm2Lu7FpFw" />
    <input value="5708" 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/alsan-margarine-organic-250-g-14">
          <img alt="Alsan Margarine Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1/file/small-3e93ced63b65fefc6324d9b83c0befce.webp 600w, https://assets.fabulous.ch/public/variant_asset/1/file/medium-82bc30e602eae0142f35525aa6b46782.webp 900w, https://assets.fabulous.ch/public/variant_asset/1/file/large-95a10b92c2dce9245561ce25f34e6265.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1/file/medium-82bc30e602eae0142f35525aa6b46782.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">Alsan BIO</p>
          <a href="/en/products/alsan-margarine-organic-250-g-14">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Alsan Margarine Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.80
            </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 1.52 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OhfmZAmmWOchea77wxTIJbATILzX33rQaDePQ9Qn7BX5jotYc9hfGWwwJnyP4egPP0xv6gje77Yn-ckjtbwBXw" />
    <input value="14" 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/lupine-strips-organic-200-g-292">
          <img alt="Lupine Strips Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/264/file/small-530c692ed0fe5c986dd05984f48a0782.webp 600w, https://assets.fabulous.ch/public/variant_asset/264/file/medium-06cc0f0356cc47742d979c3a8cb34c1f.webp 900w, https://assets.fabulous.ch/public/variant_asset/264/file/large-f7e9a4e8b87cb6115063ece5e975aea3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/264/file/medium-06cc0f0356cc47742d979c3a8cb34c1f.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">Alberts</p>
          <a href="/en/products/lupine-strips-organic-200-g-292">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lupine Strips Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.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.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9MGdQtnW59SzRn45k70BefICCJqxm_ESlPZyy-XIKeI3WPB-o6jgKv4P9r7fSCFTfV1HzG6aZHTbODSrhFPEqA" />
    <input value="292" 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">
      80 of 3&#39;211 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/nutru?format=turbo_stream&amp;page=5">Show more</a>
  </div>
</div>

</template></turbo-stream>