<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/vego-crunchy-spread-chocolate-hazelnuts-organic-350-g-4825">
          <img alt="Vego Crunchy Spread Chocolate Hazelnuts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2888/file/small-a86d30ead32d7844292b1a9affd8d9f7.webp 600w, https://assets.fabulous.ch/public/variant_asset/2888/file/medium-f07ad00942278dd079cc6e7d1b730ac6.webp 900w, https://assets.fabulous.ch/public/variant_asset/2888/file/large-ce61e93bbfe966b4f0b8efd9dcb210b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2888/file/medium-f07ad00942278dd079cc6e7d1b730ac6.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">Vego Chocolate</p>
          <a href="/en/products/vego-crunchy-spread-chocolate-hazelnuts-organic-350-g-4825">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vego Crunchy Spread Chocolate Hazelnuts Organic, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="u3iCU2bSGee06D2T_7zHy0MOFxZxvr1ynEiWuT5A-vEcxyKPfrk4HwbnBkzrsqwv-napiesO8ddgZvHSK0EkPg" />
    <input value="4825" 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/corn-pasta-ditalini-organic-250-g-17827">
          <img alt="Corn Pasta Ditalini Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8845/file/small-ee9bd78eaf6a8138827922862249d28c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8845/file/medium-c112b7fdffb0b6f153227803405cf2bc.webp 900w, https://assets.fabulous.ch/public/variant_asset/8845/file/large-d6e77b124b5e1fee0fc9a4e34a9e7133.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8845/file/medium-c112b7fdffb0b6f153227803405cf2bc.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">Pasta d&#39;Alba</p>
          <a href="/en/products/corn-pasta-ditalini-organic-250-g-17827">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Corn Pasta Ditalini Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yhwTik31FqsQZaux2LcwlFlL9imTuPcSwFAgUD-im0Rto7NWVZ43U6JqkG7MuVtw4DNItgkIu7c8fkc7KqNFiw" />
    <input value="17827" 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/krunchy-low-sugar-original-organic-375-g-9290">
          <img alt="Krunchy Low Sugar ORIGINAL Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5284/file/small-cab84bd1bfaf722347748fa94ff9432d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5284/file/medium-3a0fca05e2f5b57b7aa1708fa2b8039d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5284/file/large-817b6172597216c3377ac266baf04f2c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5284/file/medium-3a0fca05e2f5b57b7aa1708fa2b8039d.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">Barnhouse Naturprodukte</p>
          <a href="/en/products/krunchy-low-sugar-original-organic-375-g-9290">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Krunchy Low Sugar ORIGINAL Organic, 375 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Vz3_UCQSyCpM57GivQ62eGNrEHXs-X6pPmrkanDR9n_wgl-MPHnp0v7oin2pAN2c2hOu6nZJMgzCRIMBZdAosA" />
    <input value="9290" 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/konjac-tagliatelle-style-organic-270-g-8246">
          <img alt="Konjac Tagliatelle Style Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4832/file/small-45b7091a88c392bfacc8f2231a18c240.webp 600w, https://assets.fabulous.ch/public/variant_asset/4832/file/medium-1d54594097530c8522f68553ad3e9be6.webp 900w, https://assets.fabulous.ch/public/variant_asset/4832/file/large-85e78110febe891e9fe84b482a0cb4a2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4832/file/medium-1d54594097530c8522f68553ad3e9be6.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">Vitanu</p>
          <a href="/en/products/konjac-tagliatelle-style-organic-270-g-8246">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Konjac Tagliatelle Style Organic, 270 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="04kBhOpaQtktOTIRfe3QQg2g0r8smWTwtwKNmCnBUWR0NqFY8jFjIZ82Cc5p47umtNhsILYpKFVLLOrzPMCPqw" />
    <input value="8246" 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-olive-life-raw-organic-90-g-5393">
          <img alt="Cracker Olive Life Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8823/file/small-800328ef2df4f372ca6762a152ea2f3d.webp 600w, https://assets.fabulous.ch/public/variant_asset/8823/file/medium-0e2139442c61037c5e090bf5ba4ff576.webp 900w, https://assets.fabulous.ch/public/variant_asset/8823/file/large-517118c177e77fbe7531c085a0e8a723.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8823/file/medium-0e2139442c61037c5e090bf5ba4ff576.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-olive-life-raw-organic-90-g-5393">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cracker Olive Life Raw Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rwgYAOjhF8LpkMpFOBBFb1W1WtWOLWuMyI7NlBCWBJkIt7jc8Io2Oluf8ZosHi6L7M3kShSdJyk0oKr_BZfaVg" />
    <input value="5393" 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/pineapple-pieces-organic-350-g-9476">
          <img alt="Pineapple Pieces Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5343/file/small-052c1a80c0713ff8418483b96919d551.webp 600w, https://assets.fabulous.ch/public/variant_asset/5343/file/medium-c16caadf55f14d0c6728354e87293d87.webp 900w, https://assets.fabulous.ch/public/variant_asset/5343/file/large-96b2a870acb1ae30431b19750bf8ee58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5343/file/medium-c16caadf55f14d0c6728354e87293d87.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">Morgenland</p>
          <a href="/en/products/pineapple-pieces-organic-350-g-9476">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pineapple Pieces Organic, 350 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 1.70 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="KIoiVJWN7Y7lXGPQqxwdDwAh0RJxHrPSKfIlBV46lXmPNYKIjebMdldTWA-_EnbruVlvjeuu_3fV3EJuSztLtg" />
    <input value="9476" 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/flakes-kamut-organic-250-g-14883">
          <img alt="Flakes Kamut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9135/file/small-6452f2f37073955c7e9aec74940b3da8.webp 600w, https://assets.fabulous.ch/public/variant_asset/9135/file/medium-a3413ba2a31cf714ea953d2638587f11.webp 900w, https://assets.fabulous.ch/public/variant_asset/9135/file/large-6ffc8dd092ae84f9ddb6dc7fc1f2898e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9135/file/medium-a3413ba2a31cf714ea953d2638587f11.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">Spielberger Mühle</p>
          <a href="/en/products/flakes-kamut-organic-250-g-14883">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flakes Kamut Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RAAA6aMrmoiopAjK_mk5vriaxRNbuIcli2vw9N9qe1Pjv6A1u0C7cBqrMxXqZ1JaAeJ7jMEIy4B3RZefymulnA" />
    <input value="14883" 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/pasta-oat-mezzi-rigatoni-organic-250-g-551c00fc-e1e7-4f37-8f25-41e24be44500-12006">
          <img alt="Pasta Oat Mezzi Rigatoni Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6100/file/small-364ebe09b0409e5978e9c20c8c451b0b.webp 600w, https://assets.fabulous.ch/public/variant_asset/6100/file/medium-47087bf9e487ffd76fd23d7e232091d1.webp 900w, https://assets.fabulous.ch/public/variant_asset/6100/file/large-b1fca914956594dad0e86a602688f40a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6100/file/medium-47087bf9e487ffd76fd23d7e232091d1.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">felicia</p>
          <a href="/en/products/pasta-oat-mezzi-rigatoni-organic-250-g-551c00fc-e1e7-4f37-8f25-41e24be44500-12006">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Oat Mezzi Rigatoni 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-12006-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4Wf4BYJJNJ_YCX6PV3gVi76ZzdZwQBWxEVmpWdUKoi5G2FjZmiIVZ2oGRVBDdn5vB-FzSerwWRTtd84ywAt84Q" />
    <input value="12006" 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/pasta-oat-mezzi-rigatoni-organic-250-g-12005">
          <img alt="Pasta Oat Mezzi Rigatoni Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6094/file/small-61d198659a15712dde21e0f6a24e69f4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6094/file/medium-a2b2b768edf395cd4ea537c99a1772fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/6094/file/large-01fdf73b81666e8bc1d10b13edbb8fbd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6094/file/medium-a2b2b768edf395cd4ea537c99a1772fc.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">felicia</p>
          <a href="/en/products/pasta-oat-mezzi-rigatoni-organic-250-g-12005">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pasta Oat Mezzi Rigatoni 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-12005-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="K9EjDWGQUJawDUbm16oQR9yzEbXBqhLvioG7CKTjGqOMboPReftxbgICfTnDpHujZcuvKlsaXkp2r9xjseLEbA" />
    <input value="12005" 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/pralinis-lini-s-bites-white-coconut-organic-46-g-15861">
          <img alt="Pralinis Lini&#39;s Bites White Coconut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8746/file/small-8cc5dc8a064185d937e51afbd0755baa.webp 600w, https://assets.fabulous.ch/public/variant_asset/8746/file/medium-5206c91d7ec63f69ad4ee5cc0e970f0d.webp 900w, https://assets.fabulous.ch/public/variant_asset/8746/file/large-d2ea11a2c1277e6f68645f123e2dbf0b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8746/file/medium-5206c91d7ec63f69ad4ee5cc0e970f0d.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">Lini&#39;s Bites</p>
          <a href="/en/products/pralinis-lini-s-bites-white-coconut-organic-46-g-15861">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pralinis Lini&#39;s Bites White Coconut Organic, 46 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 8.48 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="XX8OALWbx6EOqu6hQN8feC2gFu7rsW_sYI9sqzITAxn6wK7crfDmWbyl1X5U0XSclNiocXEBI0mcoQvAJxLd1g" />
    <input value="15861" 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/bett-r-peanut-butter-cups-box-organic-13-g-14612">
          <img alt="Bett&#39;r Peanut Butter Cups Box Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6766/file/small-92fe10cfdc8ff7001afc809dd86ea31a.webp 600w, https://assets.fabulous.ch/public/variant_asset/6766/file/medium-85f16ce1c62188f34cee2e400799fc30.webp 900w, https://assets.fabulous.ch/public/variant_asset/6766/file/large-da207a87a1949ed1b9fc702c8ac74656.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6766/file/medium-85f16ce1c62188f34cee2e400799fc30.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">bett&#39;r</p>
          <a href="/en/products/bett-r-peanut-butter-cups-box-organic-13-g-14612">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bett&#39;r Peanut Butter Cups Box Organic, 12 x 13 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5wapA52mHMgzUlvkfIRx6kV5SlGILO094MEAOERQvutAuQnfhc09MIFdYDtoihoO_AH0zhKcoZgc72dTUVFgJA" />
    <input value="14612" 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/worcestershire-sauce-gluten-free-organic-140-ml-1003">
          <img alt="Worcestershire Sauce Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/879/file/small-1ce812bd1a1c608f2763b2040f7b65b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/879/file/medium-1d23dd0545d998b187c242326ce5bfb0.webp 900w, https://assets.fabulous.ch/public/variant_asset/879/file/large-b36139dc3b93d7f905e4b0dc0bc950c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/879/file/medium-1d23dd0545d998b187c242326ce5bfb0.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/worcestershire-sauce-gluten-free-organic-140-ml-1003">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Worcestershire Sauce Gluten Free Organic, 140 ml</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 4.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b8W7dhe18lAOkHcYCq-KsZxzzh2QfybUw9Z9q1fP60_IehuqD97TqLyfTMceoeFVJQtwggrPanE_-BrAQs41gA" />
    <input value="1003" 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/kookie-cat-vanilla-choc-chip-shareables-organic-100-g-7270">
          <img alt="KOOKIE CAT Vanilla Choc Chip Shareables Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4120/file/small-6996755699d48f8c781144059797024a.webp 600w, https://assets.fabulous.ch/public/variant_asset/4120/file/medium-2e138d6cf3243c1ba1a450a76d3d229c.webp 900w, https://assets.fabulous.ch/public/variant_asset/4120/file/large-6289b44d4fa9be0960a8d10d946a3268.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4120/file/medium-2e138d6cf3243c1ba1a450a76d3d229c.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">Kookie Cat</p>
          <a href="/en/products/kookie-cat-vanilla-choc-chip-shareables-organic-100-g-7270">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">KOOKIE CAT Vanilla Choc Chip Shareables Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dy3Ne-UuthUInvAxVhzHOpzZ9JNWEnT7ejpI4INsl9nQkm2n_UWX7bqRy-5CEqzeJaFKDMyiOF6GFC-Llm1JFg" />
    <input value="7270" 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/baking-mix-spelt-pancakes-crepes-organic-180-g-159">
          <img alt="Baking Mix Spelt Pancakes Crepes Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/171/file/small-a23f31a407f90c4b670243cca4ad7ec9.webp 600w, https://assets.fabulous.ch/public/variant_asset/171/file/medium-1fff09ca16f0d62ddf7b63508640e342.webp 900w, https://assets.fabulous.ch/public/variant_asset/171/file/large-b578c31b344f818a394f6f6e2b279b9d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/171/file/medium-1fff09ca16f0d62ddf7b63508640e342.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">Bauckhof</p>
          <a href="/en/products/baking-mix-spelt-pancakes-crepes-organic-180-g-159">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baking Mix Spelt Pancakes Crepes Organic, 180 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.95
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mJmX-PokmciYoYm6Zn2Of-557dFtgqNYzteF9RQOs2M_Jjck4k-4MCqusmVyc-WbVwFTTvcy7_0y-eKeAQ9trA" />
    <input value="159" 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/spaghetti-spelt-wholemeal-organic-500-g-14915">
          <img alt="Spaghetti Spelt Wholemeal Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6834/file/small-5684d4e0e14f08a80283f788c24609b8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6834/file/medium-825bcbed25d501b2e4e1919ba2dfaa0d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6834/file/large-63c195fa8455f8bdc3d5998155f39575.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6834/file/medium-825bcbed25d501b2e4e1919ba2dfaa0d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/en/products/spaghetti-spelt-wholemeal-organic-500-g-14915">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spaghetti Spelt Wholemeal Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="C7VYa0VI7QvIGOoSmVeRkgsofX6z33S-s9l7BsQsWjysCvi3XSPM83oX0c2NWfp2slDD4SlvOBtP9xxt0S2E8w" />
    <input value="14915" 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/le-pain-des-fleurs-chestnut-organic-150-g-12386">
          <img alt="Le pain des fleurs Chestnut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6211/file/small-8f1e7ded139425b375aa6245b8384ef8.webp 600w, https://assets.fabulous.ch/public/variant_asset/6211/file/medium-34b802ae3f979956378001d790603054.webp 900w, https://assets.fabulous.ch/public/variant_asset/6211/file/large-de4ac7a5edc1134b21771b4879db4da1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6211/file/medium-34b802ae3f979956378001d790603054.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">Le Pain des Fleurs</p>
          <a href="/en/products/le-pain-des-fleurs-chestnut-organic-150-g-12386">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Le pain des fleurs Chestnut Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NFoMett9635qBkJZc4jqKRkijrvfWpOCbrYwrRpK5_WT5aymwxbKhtgJeYZnhoHNoFowJEXq3yeSmFfGD0s5Og" />
    <input value="12386" 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/tea-yogi-green-tea-ginger-lemon-organic-30-g-459">
          <img alt="Tea Yogi Green Tea Ginger Lemon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/413/file/small-bc25461e16c77f2625264c2e72aa9def.webp 600w, https://assets.fabulous.ch/public/variant_asset/413/file/medium-4a198e5dc7865ca56c4eed5a6baf9c15.webp 900w, https://assets.fabulous.ch/public/variant_asset/413/file/large-30c4a0976c2facff8b53bb844aa41d8e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/413/file/medium-4a198e5dc7865ca56c4eed5a6baf9c15.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">Yogi Tee</p>
          <a href="/en/products/tea-yogi-green-tea-ginger-lemon-organic-30-g-459">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Tea Yogi Green Tea Ginger Lemon Organic, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LtPXz5TEKjWGQKv-JzemkH8XEqQxxk2z7uMKcAcyZr6JbHcTjK8LzTRPkCEzOc10xm-sO6t2ARYSzW0bEjO4cQ" />
    <input value="459" 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/vegetables-stock-cubes-organic-yeast-free-gluten-free-12-g-6586">
          <img alt="Vegetables Stock Cubes Organic Yeast Free &amp; Gluten Free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3772/file/small-dae14a23c93fede2f7887a649e245729.webp 600w, https://assets.fabulous.ch/public/variant_asset/3772/file/medium-301467c76694f7dffc2d5a7c7ed3b3ca.webp 900w, https://assets.fabulous.ch/public/variant_asset/3772/file/large-0b735de019f834b8056184f540f3b620.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3772/file/medium-301467c76694f7dffc2d5a7c7ed3b3ca.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/en/products/vegetables-stock-cubes-organic-yeast-free-gluten-free-12-g-6586">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegetables Stock Cubes Organic Yeast Free &amp; Gluten Free, 6 x 12 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ecKuzbuRMcOfup9inYXIYlcfknDV-SdNE1CZf2rxYQXefQ4Ro_oQOy21pL2Ji6OG7mcs709Ja-jvfv4Uf_C_yg" />
    <input value="6586" 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/mushrooms-shiitake-dried-organic-20-g-2579">
          <img alt="Mushrooms Shiitake Dried Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1872/file/small-04786c94d550daee67c280f5b9391f6f.webp 600w, https://assets.fabulous.ch/public/variant_asset/1872/file/medium-13857f9e0b77017eaf4aa92fa385000d.webp 900w, https://assets.fabulous.ch/public/variant_asset/1872/file/large-c878f7f751620e1993511170b3e2ae03.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1872/file/medium-13857f9e0b77017eaf4aa92fa385000d.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">Pural</p>
          <a href="/en/products/mushrooms-shiitake-dried-organic-20-g-2579">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mushrooms Shiitake Dried Organic, 20 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 22.50 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RItKcsp5o5oX5zHZsEOv9W5EyQCvPHsc_e_hCGp4M2jjNOqu0hKCYqXoCgakTcQR1zx3nzWMN7kBwYZjf3ntpw" />
    <input value="2579" 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/walnuts-broken-bulk-buy-organic-5-kg-9262">
          <img alt="Walnuts Broken Bulk Buy Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5268/file/small-b896bb01a0144b7df1b91bbf89202d6a.webp 600w, https://assets.fabulous.ch/public/variant_asset/5268/file/medium-8954c0d7c0c5d963f0c1a7130eec4cf3.webp 900w, https://assets.fabulous.ch/public/variant_asset/5268/file/large-5d2f7145f2ccb90b54467e7578ecc7d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5268/file/medium-8954c0d7c0c5d963f0c1a7130eec4cf3.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">Bio Grosshandel</p>
          <a href="/en/products/walnuts-broken-bulk-buy-organic-5-kg-9262">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Walnuts Broken Bulk Buy Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 94.20
            </p>

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

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

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

</template></turbo-stream>