<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/spread-arrabitom-organic-135-g-386">
          <img alt="Spread Arrabitom Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/337/file/small-3cde48496c20e33cc58a5230c5decddd.webp 600w, https://assets.fabulous.ch/public/variant_asset/337/file/medium-3ef1640f4014093d7698ac166daa1da5.webp 900w, https://assets.fabulous.ch/public/variant_asset/337/file/large-2272a757454a3d4591bc663a7cf4bf5f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/337/file/medium-3ef1640f4014093d7698ac166daa1da5.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">Zwergenwiese</p>
          <a href="/en/products/spread-arrabitom-organic-135-g-386">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spread Arrabitom Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bvO-bFL4Bn5lEIiIv4VYZNJmL_sP-_AYRYsO8AQWwDTJiOPi7gRxXnL1Wh8349vLVpaIhm20c9OBeDLCkpExfg" />
    <input value="386" 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/fruitgarden-raspberry-organic-225-g-387">
          <img alt="Fruitgarden Raspberry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/340/file/small-e7f854ffeb1eb00437382b3deea0b6b1.webp 600w, https://assets.fabulous.ch/public/variant_asset/340/file/medium-b68e02d62f68a6071c986caf9b7df239.webp 900w, https://assets.fabulous.ch/public/variant_asset/340/file/large-b75165afd175819d2b91140951aecaea.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/340/file/medium-b68e02d62f68a6071c986caf9b7df239.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">Zwergenwiese</p>
          <a href="/en/products/fruitgarden-raspberry-organic-225-g-387">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruitgarden Raspberry Organic, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="p_0_lBZtcVpiv0R9DzRkN4cvwFWxd_UxlMpMsT0lIw0AhmIaqpEGenValuqHUueYA99nKNM4dvpQOXCDq6LSRw" />
    <input value="387" 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/fruitgarden-strawberry-organic-225-g-388">
          <img alt="Fruitgarden Strawberry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/339/file/small-c0e97bbb0c8b92a18f104af29d0b810f.webp 600w, https://assets.fabulous.ch/public/variant_asset/339/file/medium-4592e7c597c3368f7781eb80ad448c0a.webp 900w, https://assets.fabulous.ch/public/variant_asset/339/file/large-855792992f3a81b3ad900def99a8909e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/339/file/medium-4592e7c597c3368f7781eb80ad448c0a.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">Zwergenwiese</p>
          <a href="/en/products/fruitgarden-strawberry-organic-225-g-388">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruitgarden Strawberry Organic, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0sq92AgWrO0cglpSVBudYuQUHplX9oOIC1uF35ZRmh91seBWtOrbzQtniMXcfR7NYOS55DW5AEPPqLntANZrVQ" />
    <input value="388" 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/spread-papayango-organic-160-g-390">
          <img alt="Spread Papayango Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/341/file/small-8ac260f766c0ce85b0f9c03216630a35.webp 600w, https://assets.fabulous.ch/public/variant_asset/341/file/medium-d06500fe4dca575616421fd47b9aa938.webp 900w, https://assets.fabulous.ch/public/variant_asset/341/file/large-be39ed6f290e9c4b93bf32812068bd4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/341/file/medium-d06500fe4dca575616421fd47b9aa938.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">Zwergenwiese</p>
          <a href="/en/products/spread-papayango-organic-160-g-390">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spread Papayango Organic, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N1OdJWu9X1m12nL2Ifct1FOn8PWtsoTStkpAeJS3JlCQKMCr10EoeaI_oGGpka5711dXiM_9BxlyuXxKAjDXGg" />
    <input value="390" 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/fruitgarden-bitter-orange-organic-225-g-391">
          <img alt="Fruitgarden Bitter Orange Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/342/file/small-6eb07618177191b9702d8a5ffb44b82f.webp 600w, https://assets.fabulous.ch/public/variant_asset/342/file/medium-2e6e0644d05190e0159c88a50cfb3233.webp 900w, https://assets.fabulous.ch/public/variant_asset/342/file/large-47ecbd8467637f94d162b65abfbbf3ac.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/342/file/medium-2e6e0644d05190e0159c88a50cfb3233.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">Zwergenwiese</p>
          <a href="/en/products/fruitgarden-bitter-orange-organic-225-g-391">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fruitgarden Bitter Orange Organic, 225 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WLXK6F9SwZjPgwXhazNztYDLpAymdZ6-n8jdkGpH5Nr_zpdm4662uNhm13bjVfAaBDsDccQ6HXVbO-Gi_MAVkA" />
    <input value="391" 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/ravioriselli-spinach-organic-250-g-398">
          <img alt="Ravioriselli Spinach Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/350/file/small-3cb3297e08a33581e35247161c7952ec.webp 600w, https://assets.fabulous.ch/public/variant_asset/350/file/medium-b6a0d384a73200ded82d28d6fe8febc7.webp 900w, https://assets.fabulous.ch/public/variant_asset/350/file/large-16c67608cde2a19cecfe1fe1e12d8d06.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/350/file/medium-b6a0d384a73200ded82d28d6fe8febc7.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">Mozzarisella</p>
          <a href="/en/products/ravioriselli-spinach-organic-250-g-398">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ravioriselli Spinach Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.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.00 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-RU2JwD7XWxTec_qpDlldmOZ-nf3oEIRTyKQoCGKIGpebmupvAcqTEScHX0sX-bZ52ldCpXvwdqL0ayStw3RIA" />
    <input value="398" 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/black-beluga-lentils-organic-500-g-400">
          <img alt="Black Beluga Lentils Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/353/file/small-45a55a29f7cc8b703de9ad11375b2f9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/353/file/medium-c4b959a3a51c822ea3c84e0339a78155.webp 900w, https://assets.fabulous.ch/public/variant_asset/353/file/large-7885d8be9c9b03b10bedd6cb3d57fb96.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/353/file/medium-c4b959a3a51c822ea3c84e0339a78155.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">Davert</p>
          <a href="/en/products/black-beluga-lentils-organic-500-g-400">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Black Beluga Lentils Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="9U0kqOBeBFi5ZuLmZwzP1cF7BfRCG1J1OUcnYoFUEy5SNnkmXKJzeK6DMHHvakx6RYuiiSBU0b79tBtQF9PiZA" />
    <input value="400" 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/tigernuts-chufas-roasted-organic-250-g-402">
          <img alt="Tigernuts (Chufas) roasted Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/355/file/small-4ea9bacb7f6a133eaea97b8c5bba1682.webp 600w, https://assets.fabulous.ch/public/variant_asset/355/file/medium-95b9ab6405df7b08c0cb9a76818919f6.webp 900w, https://assets.fabulous.ch/public/variant_asset/355/file/large-fb38526ed3eb471fe9039337b8d236f7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/355/file/medium-95b9ab6405df7b08c0cb9a76818919f6.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/en/products/tigernuts-chufas-roasted-organic-250-g-402">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tigernuts (Chufas) roasted Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="k-28WwlV-uvQLy1v5aSrtAJDDK05OtnP1kMFMqUQH7A0luHVtamNy8fK__htwigbhrOr0Ft1WgQSsDkAM5fu-g" />
    <input value="402" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

  <div class="border-gray-200 border-r pr-4   md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/hemp-protein-powder-raw-food-quality-organic-400-g-403">
          <img alt="Hemp Protein Powder Raw Food Quality Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/357/file/small-08da700939ff8f5cca08eeefa1a9e0b2.webp 600w, https://assets.fabulous.ch/public/variant_asset/357/file/medium-7fbd4cd538b426357d1d7352ebb75614.webp 900w, https://assets.fabulous.ch/public/variant_asset/357/file/large-4787a22a3e3605c21c1f49a49e8ef417.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/357/file/medium-7fbd4cd538b426357d1d7352ebb75614.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/en/products/hemp-protein-powder-raw-food-quality-organic-400-g-403">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hemp Protein Powder Raw Food Quality Organic, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_SRqoqMypf_fJQNg7fRXy6FAJUTu6WZNHPLcsTNdH6xaXzcsH87S38jA0fdlktRkJbCCOYym5YbYAeCDpdru5g" />
    <input value="403" 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/chufella-sweet-tiger-nuts-spread-without-added-sugar-organic-220-g-413">
          <img alt="Chufella Sweet Tiger Nuts Spread Without added Sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/370/file/small-41f05286d3b248f805accb0492c7951f.webp 600w, https://assets.fabulous.ch/public/variant_asset/370/file/medium-35cf3d701e11c72915326f644007f232.webp 900w, https://assets.fabulous.ch/public/variant_asset/370/file/large-90360031bac544922372f9a2b13965dd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/370/file/medium-35cf3d701e11c72915326f644007f232.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/en/products/chufella-sweet-tiger-nuts-spread-without-added-sugar-organic-220-g-413">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chufella Sweet Tiger Nuts Spread Without added Sugar Organic, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O1xlJssF496YmXtlGyglEKLG-H2arRZkJapdM-auuQqcJziod_mU_o98qfKTTqa_JjZfAPjila_hWWEBcClIQA" />
    <input value="413" 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/cookies-chocolate-organic-175-g-417">
          <img alt="Cookies Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/374/file/small-290d7f67618f538c774babeff61a770e.webp 600w, https://assets.fabulous.ch/public/variant_asset/374/file/medium-920c67ec609c7050eef3eff7fa22e16b.webp 900w, https://assets.fabulous.ch/public/variant_asset/374/file/large-db32acc4804b6f0e5e16338148eec371.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/374/file/medium-920c67ec609c7050eef3eff7fa22e16b.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">Moulin du Piver</p>
          <a href="/en/products/cookies-chocolate-organic-175-g-417">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Chocolate Organic, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="v0dqLDudkkjdNYjkqu5KWrcUI_hmIcd9ZXpSHiCJm1wYPDeih2HlaMrQWnMiiMn1M-SEhQRuRLahiW4stg5qFg" />
    <input value="417" 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/vivani-chocolate-dark-nougat-gianduja-organic-80-g-418">
          <img alt="Vivani Chocolate Dark Nougat Gianduja Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/376/file/small-e0e7ddae471e9304a882b027be2a3816.webp 600w, https://assets.fabulous.ch/public/variant_asset/376/file/medium-19bfa13bf51f407f31f9e104ab591aa0.webp 900w, https://assets.fabulous.ch/public/variant_asset/376/file/large-88d729e277f9b72e593dcc0c955b11be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/376/file/medium-19bfa13bf51f407f31f9e104ab591aa0.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">Vivani / Ichoc</p>
          <a href="/en/products/vivani-chocolate-dark-nougat-gianduja-organic-80-g-418">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vivani Chocolate Dark Nougat Gianduja 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-418-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="reUkXiY70s_eZiVTLmNPoef65rQxbGfJUWjtLGz7NCcKnnnQmsel78mD98SmBcwOYwpByVMj5AKVm9Ee-nzFbQ" />
    <input value="418" 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-gravy-organic-200-g-419">
          <img alt="Vegan Gravy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/375/file/small-9869ce82cf5ee83633f2bfd8b701e447.webp 600w, https://assets.fabulous.ch/public/variant_asset/375/file/medium-8a6a6ff6287f11cda09780bc4560066f.webp 900w, https://assets.fabulous.ch/public/variant_asset/375/file/large-ad346f129460c8aa1c8c9586eb4e23d3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/375/file/medium-8a6a6ff6287f11cda09780bc4560066f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/en/products/vegan-gravy-organic-200-g-419">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Gravy Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="B1IaUatR11lJyF97uMtn8ddBdRShlxpc5jnGzP0kHYCgKUffF62geV4tjewwreReU7HSacPYmZciyvr-a6Psyg" />
    <input value="419" 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/barbecue-sauce-organic-220-ml-427">
          <img alt="Barbecue Sauce Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/382/file/small-1122efbc29aea4cd575ab88cd68d157a.webp 600w, https://assets.fabulous.ch/public/variant_asset/382/file/medium-2d501925f2aa91d80adfc3ed76c715b1.webp 900w, https://assets.fabulous.ch/public/variant_asset/382/file/large-e479b9943ff7f0ebb4624b7e61a83374.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/382/file/medium-2d501925f2aa91d80adfc3ed76c715b1.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">Sanchon</p>
          <a href="/en/products/barbecue-sauce-organic-220-ml-427">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Barbecue Sauce Organic, 220 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="meR75n0Gsu1NDInOOo0fVQZpj-K8jCysW8yUXUdV_cs-nyZowfrFzVrpW1my65z6gpkon97Dr2efP6hv0dIMgQ" />
    <input value="427" 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/sauce-from-hell-with-habanero-chili-organic-220-g-428">
          <img alt="Sauce from Hell with Habanero Chili Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/383/file/small-64cc66ce3de2028c0fab6e7bcac5dc3b.webp 600w, https://assets.fabulous.ch/public/variant_asset/383/file/medium-040b7d04f1af2b6a39e4f8fb89c8f980.webp 900w, https://assets.fabulous.ch/public/variant_asset/383/file/large-5e2a8833dd3d4412453500295522fff7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/383/file/medium-040b7d04f1af2b6a39e4f8fb89c8f980.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">Sanchon</p>
          <a href="/en/products/sauce-from-hell-with-habanero-chili-organic-220-g-428">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sauce from Hell with Habanero Chili Organic, 220 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xXJVrBR6zHGeQyucm7dtrAX-ewjTXS6p7x7YmndkI_diCQgiqIa7UYmm-QsT0e4DgQ7cdbESrWIr7eSo4ePSvQ" />
    <input value="428" 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/grissini-with-olive-oil-demeter-100-g-429">
          <img alt="Grissini with Olive Oil Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/384/file/small-4969174ee01ab68deec078901feeabed.webp 600w, https://assets.fabulous.ch/public/variant_asset/384/file/medium-58693080e52a09ae3f34ded71f94cc66.webp 900w, https://assets.fabulous.ch/public/variant_asset/384/file/large-9f2e9595a7a988b08c8a084cc5438892.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/384/file/medium-58693080e52a09ae3f34ded71f94cc66.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">Erdmannhauser</p>
          <a href="/en/products/grissini-with-olive-oil-demeter-100-g-429">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Grissini with Olive Oil Demeter, 100 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 2.90 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="HICP_CW7O48482ntQd8lIv1wKkJlMmQOgEkiFDtsKaG7-9JymUdMry8Wu3rJuaaNeYCNPwd958VEuh4mrevY6w" />
    <input value="429" 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/oil-virgin-coconut-raw-food-quality-organic-200-ml-430">
          <img alt="Oil Virgin Coconut Raw Food Quality Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/386/file/small-e9e5a0338d6402b0e0a0ab065126f06f.webp 600w, https://assets.fabulous.ch/public/variant_asset/386/file/medium-39d3f8a8ba962764c42df803b868e1c9.webp 900w, https://assets.fabulous.ch/public/variant_asset/386/file/large-84f651935e21da20ea398838f4bf2a1f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/386/file/medium-39d3f8a8ba962764c42df803b868e1c9.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">Kulau</p>
          <a href="/en/products/oil-virgin-coconut-raw-food-quality-organic-200-ml-430">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oil Virgin Coconut Raw Food Quality Organic, 200 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MtR6HIEMnK5MBI4xHvgyJh-SJK0OoYcyYYDlLjRFy06VryeSPfDrjlvhXKaWnrGJm2KD0GzuBPmlc9kcosI6BA" />
    <input value="430" 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/spacebar-chorizo-snacker-organic-40-g-431">
          <img alt="Spacebar Chorizo Snacker Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/387/file/small-164a6d45fb3c9cea1304ebd668f7454f.webp 600w, https://assets.fabulous.ch/public/variant_asset/387/file/medium-5d20eede2fcfd91e2b08d97788f5170f.webp 900w, https://assets.fabulous.ch/public/variant_asset/387/file/large-e796b2f9f601f04e77b979814de02c03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/387/file/medium-5d20eede2fcfd91e2b08d97788f5170f.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/spacebar-chorizo-snacker-organic-40-g-431">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spacebar Chorizo Snacker Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rmbkfxY4fMyEw-ZeeFHuNJvbb-OIUdLcnUlAo0u-sOAJHbnxqsQL7JMmNMnwN22bHyvInuoeURdZunyR3TlBqg" />
    <input value="431" 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/spacebar-chili-snacker-organic-40-g-432">
          <img alt="Spacebar Chili Snacker Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/388/file/small-b0ac7c84a5ab5e79dedf72c4e55bd83c.webp 600w, https://assets.fabulous.ch/public/variant_asset/388/file/medium-d9ea2a707d4ec135b2be9403cda5355b.webp 900w, https://assets.fabulous.ch/public/variant_asset/388/file/large-179908b63a323479584ff60b4e2a2cca.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/388/file/medium-d9ea2a707d4ec135b2be9403cda5355b.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/spacebar-chili-snacker-organic-40-g-432">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spacebar Chili Snacker Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5jvv0WT6-kE1v_Bh9bMGNfaUsJS-k4vSpxpBCMXrU2FBQLJf2AaNYSJaIvZ91YWacmQX6dzcCBlj6X06U2yiKw" />
    <input value="432" 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-slices-salami-style-organic-100-g-436">
          <img alt="Vegan Slices Salami Style Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/392/file/small-d1b70f0c784b69f4f08d12c92cda5112.webp 600w, https://assets.fabulous.ch/public/variant_asset/392/file/medium-a2fd9e44a18190a0755408b46f8ddaa6.webp 900w, https://assets.fabulous.ch/public/variant_asset/392/file/large-57e665c98015df6ae137270296e376c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/392/file/medium-a2fd9e44a18190a0755408b46f8ddaa6.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-slices-salami-style-organic-100-g-436">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Slices Salami Style Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.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 4.10 / 100 g
            </p>
        </div>
      </div>

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

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

</template></turbo-stream>