<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/marshmallows-dandies-vegan-200-g-7592">
          <img alt="Marshmallows Dandies Vegan" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9080/file/small-c8f8f240c742d1c9b120bfceda35e5e8.webp 600w, https://assets.fabulous.ch/public/variant_asset/9080/file/medium-c7611649a4bf0e2dc895a077f4642a6a.webp 900w, https://assets.fabulous.ch/public/variant_asset/9080/file/large-145714ea2a6f6959af1913c38650e42f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9080/file/medium-c7611649a4bf0e2dc895a077f4642a6a.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">Dandies Vegan Marshmallows</p>
          <a href="/en/products/marshmallows-dandies-vegan-200-g-7592">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Marshmallows Dandies Vegan, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jP1RfeD1yBgc4AO9jXWHsxGzS67iNy8snzzZHNYlwckS159b4eUJ6wepvxn8B-GSsbbUnnHfS5i4WvB4ryivpA" />
    <input value="7592" 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-slices-of-bacon-80-g-7568">
          <img alt="Vegan Alternative to Slices of Bacon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4367/file/small-869f4a3b75cf64ca3aca7478587c2c5f.webp 600w, https://assets.fabulous.ch/public/variant_asset/4367/file/medium-612035d66061346dcc44faec9f5a227e.webp 900w, https://assets.fabulous.ch/public/variant_asset/4367/file/large-543a1c9b4eff65b708f6a1e42246179a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4367/file/medium-612035d66061346dcc44faec9f5a227e.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">Outlawz</p>
          <a href="/en/products/vegan-alternative-to-slices-of-bacon-80-g-7568">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Slices of Bacon, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </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 7.44 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5wPN4kUYu24gT1qCxlMKf2QrMT7veKawdEMBEkB5WMZ5KQPERAh6nTsG5ia3IWxexC6uDnyQwgRTJSh2OXQ2qw" />
    <input value="7568" 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">
    <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/plant-based-salami-alternative-80-g-15265">
          <img alt="Plant-Based Salami Alternative" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6984/file/small-cd08f0c2c4a4451e39ad907f261ce1a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/6984/file/medium-d0e8a8557174f4963f67a7428fd21535.webp 900w, https://assets.fabulous.ch/public/variant_asset/6984/file/large-06922a9067669bb594be515b6e4f7efd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6984/file/medium-d0e8a8557174f4963f67a7428fd21535.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">Outlawz</p>
          <a href="/en/products/plant-based-salami-alternative-80-g-15265">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Plant-Based Salami Alternative, 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </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 5.75 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="U79E8XZ2eJuG0JACe1GOugtQr7D50hcoSxuPxFGmTjjNlYrXd2a5aJ2ZLKYKI-ibq1UwgGo6c5xsfaagKKsgVQ" />
    <input value="15265" 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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/doner-marinated-180-g-17751">
          <img alt="Döner marinated" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8675/file/small-abb30f783978ced04a14535565a4dbe6.webp 600w, https://assets.fabulous.ch/public/variant_asset/8675/file/medium-b86062217125e85ad1d87e3f6c1c0987.webp 900w, https://assets.fabulous.ch/public/variant_asset/8675/file/large-312d05f55fc6d5afc474102b7d8a5a3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8675/file/medium-b86062217125e85ad1d87e3f6c1c0987.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">Outlawz</p>
          <a href="/en/products/doner-marinated-180-g-17751">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Döner marinated, 180 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 3.61 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tQLfV76SCQnezj0lsj-4LKQEcpihr9dtNMAy29Y_Ia0rKBFxv4LI-sWHgYHDTd4NBAHtqDJHs9kTphu_rzJPwA" />
    <input value="17751" 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">
    <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-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/hot-dog-2-x-46-g-17748">
          <img alt="Hot Dog" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8664/file/small-b655bac7c23668b9109532ab1d2a436d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8664/file/medium-862f1a6ac2e47878c9358dd06b07918f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8664/file/large-2243d2ce9a02afabefb1f426a1eded3c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8664/file/medium-862f1a6ac2e47878c9358dd06b07918f.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">Outlawz</p>
          <a href="/en/products/hot-dog-2-x-46-g-17748">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hot Dog, 2 x 46 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 4.89 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="L-VUkejZ6Y-F6hfjN882XdszIFzheZNF9JnoFs7ajCyxz5q36ckofJ6jq0dGvVB8eza_bHKR9_HT_8Fyt9fiQQ" />
    <input value="17748" 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/plant-based-grill-sausage-130-g-15266">
          <img alt="Plant-Based Grill Sausage" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6983/file/small-a52abe45d397da7a3864e98eb9c22d34.webp 600w, https://assets.fabulous.ch/public/variant_asset/6983/file/medium-2df8116877f383dfbca885aebfcdf991.webp 900w, https://assets.fabulous.ch/public/variant_asset/6983/file/large-19c188b8d947e68e0e473d1582405898.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6983/file/medium-2df8116877f383dfbca885aebfcdf991.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">Outlawz</p>
          <a href="/en/products/plant-based-grill-sausage-130-g-15266">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Plant-Based Grill Sausage, 130 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </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 4.54 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Xfj_5DELWva724vmr5PcUxv6bd1_7o2ODYrTWKc0MSjD0jHCMBubBaCSN0Le4bpyu__y7ewG6Toq7Po83jlfRQ" />
    <input value="15266" 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/vegetable-sliced-meat-nature-185-g-13633">
          <img alt="Vegetable Sliced Meat Nature" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6565/file/small-5225b3ee3b6bd2481ec27ddaaa74f739.webp 600w, https://assets.fabulous.ch/public/variant_asset/6565/file/medium-c7ae907242a3da2d8005154204ac8c02.webp 900w, https://assets.fabulous.ch/public/variant_asset/6565/file/large-b7396403713d6e0b1f91c54c1369ad2e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6565/file/medium-c7ae907242a3da2d8005154204ac8c02.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">Outlawz</p>
          <a href="/en/products/vegetable-sliced-meat-nature-185-g-13633">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegetable Sliced Meat Nature, 185 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 3.51 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DwoKYDJitZ9bmd6aqbgKQaFh5OQrIJJVX7xzsUm1uKeRIMRGM3J0bEDQYj7YymxgAWR71LjI9uF42lrVMLjWyg" />
    <input value="13633" 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-dried-meat-slices-60-g-10663">
          <img alt="Vegan dried meat slices" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5607/file/small-ffcf3c274a090bf128d7bc682b3b1da3.webp 600w, https://assets.fabulous.ch/public/variant_asset/5607/file/medium-c6a9be4d85a288c569ee0468f96dfa5f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5607/file/large-9fe4e12bf29dc041ba9af5584ec673b4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5607/file/medium-c6a9be4d85a288c569ee0468f96dfa5f.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">Outlawz</p>
          <a href="/en/products/vegan-dried-meat-slices-60-g-10663">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan dried meat slices, 60 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 9.17 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6B3sxKAy-6p51X2p3hn8UWyEsgSFTVfFZLEdQQYshdx2NyLioSI6WWKcwQ2va5pwzIEtNBalM3FD1zQlfyHrsQ" />
    <input value="10663" 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-cubes-of-bacon-110-g-9100">
          <img alt="Vegan Alternative to Cubes of Bacon" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5194/file/small-6bcebee2b15ba0aa18df8a8ca34c1972.webp 600w, https://assets.fabulous.ch/public/variant_asset/5194/file/medium-e8f36a47b21eea46d927d34e136fa242.webp 900w, https://assets.fabulous.ch/public/variant_asset/5194/file/large-50e8ed8f2ce1f93e5aff89d2db73755f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5194/file/medium-e8f36a47b21eea46d927d34e136fa242.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">Outlawz</p>
          <a href="/en/products/vegan-alternative-to-cubes-of-bacon-110-g-9100">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Cubes of Bacon, 110 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </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 5.41 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N4bVDoXN_YhcfPUQ-1ewuOcR1B94_bXBdOryASPYpbeprBsohN08e0c1SbSKJdaZRxRLL-sV0XVTjNtlWtXL2g" />
    <input value="9100" 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-dried-sausage-70-g-13631">
          <img alt="Vegan Alternative to Dried Sausage" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6563/file/small-92886680e3b69e6e7db0a227c2ce3e09.webp 600w, https://assets.fabulous.ch/public/variant_asset/6563/file/medium-25faac3db97c52d1fbfb146eccfb66d3.webp 900w, https://assets.fabulous.ch/public/variant_asset/6563/file/large-7f30881caab71f8c67ff35101196530e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6563/file/medium-25faac3db97c52d1fbfb146eccfb66d3.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">Outlawz</p>
          <a href="/en/products/vegan-alternative-to-dried-sausage-70-g-13631">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Dried Sausage, 2 x 35 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 7.86 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2YCA0YyMl3BspDotheqU5WW_YNZnd67D6ZNyxQE6275Hqk73jZxWg3fthon0mPLExbr_5vSfynfO9VuheDe10w" />
    <input value="13631" 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/whole-grain-popped-rice-organic-100-g-1773">
          <img alt="Whole Grain popped Rice Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1396/file/small-5a531a7a74f8880ef6267ae047524ce5.webp 600w, https://assets.fabulous.ch/public/variant_asset/1396/file/medium-4a024566cb642e5c83a4cce4f19a385a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1396/file/large-7d23fa42ffd634a9b173c638c0b6ef34.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1396/file/medium-4a024566cb642e5c83a4cce4f19a385a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/whole-grain-popped-rice-organic-100-g-1773">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Whole Grain popped Rice Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4l4P1Thg_BLrxR7JdGGWJinwpTzo7qwrv4-RUl_kJlB8dMHzOXA94fCMom0FE_AHifU6DHsGyJ-Y6bg2JulIPQ" />
    <input value="1773" 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/rejuvelac-organic-750-ml-3259">
          <img alt="Rejuvelac Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2207/file/small-4a64ea6334501993ef7aa5fe8596e244.webp 600w, https://assets.fabulous.ch/public/variant_asset/2207/file/medium-99ba0144fecef3dc3b0d4ebc347c2e48.webp 900w, https://assets.fabulous.ch/public/variant_asset/2207/file/large-2081cd401c22f23f73a463d613a7725c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2207/file/medium-99ba0144fecef3dc3b0d4ebc347c2e48.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Kanne Brottrunk</p>
          <a href="/en/products/rejuvelac-organic-750-ml-3259">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rejuvelac Organic, 750 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Yvvgo1p5Y7xWpOqLiM-hs40LiopGraO_tENk-YdbSVP80S6FW2miT03tVi_5vceSLQ4VutVFxwuTJU2d_lYnPg" />
    <input value="3259" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

    <div class="add-to-cart">
        <button name="button" type="submit" class="flex items-center btn btn--primary group justify-center w-full cursor-pointer">
          <div class="icon">
            <i data-ph="shopping-cart" class="size-full"></i>
          </div>
          Add to cart
</button>    </div>
</form>
      </div>
    </div>
  </div>


  

  <div class="border-gray-200 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/cracker-rosemary-raw-organic-90-g-16205">
          <img alt="Cracker Rosemary Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8819/file/small-82e87d36eb2c0cb5b8556e4ee2a6876d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8819/file/medium-cdb4f49387ffbd61919e59b099acdec2.webp 900w, https://assets.fabulous.ch/public/variant_asset/8819/file/large-3f54265f91736fefffcb856ba19f6612.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8819/file/medium-cdb4f49387ffbd61919e59b099acdec2.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">Lifefood</p>
          <a href="/en/products/cracker-rosemary-raw-organic-90-g-16205">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cracker Rosemary Raw Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MlHY0rraPb4GucJdT_PuFSL340pIQ3Mv72eQ9JnraLCsexb0u8r8TR3wfvk-gYg0gvJ8eturF5vIAbmQ4OYG3Q" />
    <input value="16205" 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/cucumber-in-glas-jar-demeter-720-ml-7307">
          <img alt="Cucumber in Glas Jar Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4162/file/small-5c994118112bf2e6c63990d28f219566.webp 600w, https://assets.fabulous.ch/public/variant_asset/4162/file/medium-bc712596f175a6dd4387b682a5e0ed30.webp 900w, https://assets.fabulous.ch/public/variant_asset/4162/file/large-ceff801f96cdae0610b5965e0a9750d6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4162/file/medium-bc712596f175a6dd4387b682a5e0ed30.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">Schweizer Naturkost</p>
          <a href="/en/products/cucumber-in-glas-jar-demeter-720-ml-7307">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cucumber in Glas Jar Demeter, 720 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0Ucj6RmEk8swNXDQxukuN8ALWWr6F7VqICFAsE1EbcVPbe3PGJRSOCt8zHS3m0gWYA7GWmn_0d4HR2nUNEkDqA" />
    <input value="7307" 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/roasted-peanut-spread-organic-250-g-12968">
          <img alt="Roasted Peanut Spread Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6370/file/small-3a88950a993a5a98d74b2609a5fc01a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/6370/file/medium-ecf5f756c8c1d6df86b60b98cb5bca51.webp 900w, https://assets.fabulous.ch/public/variant_asset/6370/file/large-f81b08f7280e5d362c21a493dadbe169.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6370/file/medium-ecf5f756c8c1d6df86b60b98cb5bca51.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/roasted-peanut-spread-organic-250-g-12968">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Roasted Peanut Spread Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="J8Y5HVOyu2A0v1O5jQrpWwYdlHUJEUyuoSXAytA6tC257Pc7UqJ6ky_27x38eI96phgLRZr5KBqGQ-muqTfaQA" />
    <input value="12968" 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/mountain-figs-natural-organic-500-g-17194">
          <img alt="Mountain Figs Natural Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8019/file/small-3b48b74ff3f8523e8bfbd2f16c26fa43.webp 600w, https://assets.fabulous.ch/public/variant_asset/8019/file/medium-4e56e0271851a97ae7a8b5dc5d581760.webp 900w, https://assets.fabulous.ch/public/variant_asset/8019/file/large-bea3b62bfacde6974df04de79d070c8b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8019/file/medium-4e56e0271851a97ae7a8b5dc5d581760.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/mountain-figs-natural-organic-500-g-17194">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mountain Figs Natural Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="R5AxnWaHrPGSeKGYhhTYwrqgLWEHLtCvyh0n47jpDDrZuv-7Z5dtAokxHTz3Zr7jGqWyUZTGtBvtew6HweRiVw" />
    <input value="17194" 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/noodles-brown-rice-wakame-organic-250-g-1238">
          <img alt="Noodles Brown Rice &amp; Wakame, Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1076/file/small-403438e2387cf198eb00bad3d797855d.webp 600w, https://assets.fabulous.ch/public/variant_asset/1076/file/medium-b1015bdde829a45f5c4807968a26b098.webp 900w, https://assets.fabulous.ch/public/variant_asset/1076/file/large-8fab0937d138e30ddf79cfc1a95e62c6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1076/file/medium-b1015bdde829a45f5c4807968a26b098.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">King Soba</p>
          <a href="/en/products/noodles-brown-rice-wakame-organic-250-g-1238">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Noodles Brown Rice &amp; Wakame, Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="FhPYYuB1zA_vEAwdeYk243hLpIt1yGBc4r3AOQWp1dqIORZE4WUN_PRZsLkI-1DC2E47u-YgBOjF2-ldfKS7tw" />
    <input value="1238" 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/cashew-butter-organic-250-g-332">
          <img alt="Cashew Butter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/292/file/small-823cae19aad346d2be04a2937ee2aa28.webp 600w, https://assets.fabulous.ch/public/variant_asset/292/file/medium-a5feedf880c55ac62bf5a27e0f643672.webp 900w, https://assets.fabulous.ch/public/variant_asset/292/file/large-4b5899705c5f22d9849542ff94207ecd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/292/file/medium-a5feedf880c55ac62bf5a27e0f643672.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/cashew-butter-organic-250-g-332">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cashew Butter Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OTsC7jd_jYwKq3rVs-yuuXrd153SC_mtPZzy2kCHNy2nEczINm9MfxHixnHCnsiY2thIrUHjnRka-tu-OYpZQA" />
    <input value="332" 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-classic-burger-organic-100-g-5009">
          <img alt="Vegan Classic Burger Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2959/file/small-85c1eaba9f065951c04a4f4ca6e4d364.webp 600w, https://assets.fabulous.ch/public/variant_asset/2959/file/medium-d2ed3db3a6cd7437c74159e161ae5520.webp 900w, https://assets.fabulous.ch/public/variant_asset/2959/file/large-8bd676f6781bb5a056c87f45171bc04e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2959/file/medium-d2ed3db3a6cd7437c74159e161ae5520.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">Wheaty</p>
          <a href="/en/products/vegan-classic-burger-organic-100-g-5009">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Classic Burger Organic, 2 x 100 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-5009-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="PMl-QQfPccOmrV5G-eoZ71OJ8VPMtL6H3BZqWHq7OH2i47BnBt-wML3k4uKImH_O84xuY19c2jP7cEM8A7ZWEA" />
    <input value="5009" 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/chips-tortilla-chips-blue-corn-organic-150-g-11129">
          <img alt="Chips Tortilla Chips Blue Corn Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5697/file/small-2443e8318d12711f340913934ca48315.webp 600w, https://assets.fabulous.ch/public/variant_asset/5697/file/medium-a144ee0e0150e4a050f5def5b44fc0c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5697/file/large-22194eb9328f6d1718b6c14ea2d6f321.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5697/file/medium-a144ee0e0150e4a050f5def5b44fc0c6.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">MiAdelita</p>
          <a href="/en/products/chips-tortilla-chips-blue-corn-organic-150-g-11129">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Tortilla Chips Blue Corn Organic, 150 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 3.13 / 100 g
            </p>
        </div>
      </div>

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

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

</template></turbo-stream>