<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/bread-baking-mix-wunderbrod-nuts-almonds-gluten-free-organic-600-g-5374">
          <img alt="Bread Baking Mix Wunderbrød Nuts &amp; Almonds 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/3126/file/small-0a155a82af682d69f4f3dea8209ded3f.webp 600w, https://assets.fabulous.ch/public/variant_asset/3126/file/medium-3901c19a5313acf3bfd71bc3bd4008a5.webp 900w, https://assets.fabulous.ch/public/variant_asset/3126/file/large-b5be55ce85f9a64f7d2704a94bfb2429.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3126/file/medium-3901c19a5313acf3bfd71bc3bd4008a5.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/bread-baking-mix-wunderbrod-nuts-almonds-gluten-free-organic-600-g-5374">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bread Baking Mix Wunderbrød Nuts &amp; Almonds Gluten Free Organic, 600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QkOSQTrK1jYWY5f7mHo77Hwh84Xd9RNOQMNnbW5MZmqXicRDORH5FwL6blHUTeDDzWtwRF9nwJekFHZOjjzTyQ" />
    <input value="5374" 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/agave-syrup-organic-250-ml-5541">
          <img alt="Agave Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3215/file/small-f4fc46cf8ff7871a9c3f0ce069021213.webp 600w, https://assets.fabulous.ch/public/variant_asset/3215/file/medium-465b494b68b787f0fcb19f348cbf9a52.webp 900w, https://assets.fabulous.ch/public/variant_asset/3215/file/large-054171b2450d036f8c7e6807ce0ec267.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3215/file/medium-465b494b68b787f0fcb19f348cbf9a52.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">Allos</p>
          <a href="/en/products/agave-syrup-organic-250-ml-5541">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Agave Syrup Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="T31LTzDwWHX4aiUgGRYKatuqAim7XYAXYTw0Kisuw0uatx1NMyt3VOzz3IpVIdFFauCB6DnPU86F6yUJy1526A" />
    <input value="5541" 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/flour-almond-partially-de-oiled-organic-200-g-5545">
          <img alt="Flour Almond Partially de-oiled Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3220/file/small-584dd916d4af09b139542bf076d0901d.webp 600w, https://assets.fabulous.ch/public/variant_asset/3220/file/medium-42ff039499bf425421e1d73a6cd007b8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3220/file/large-7c49c90559d3cf0a97bec6681b98b283.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3220/file/medium-42ff039499bf425421e1d73a6cd007b8.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/flour-almond-partially-de-oiled-organic-200-g-5545">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flour Almond Partially de-oiled Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w3uQ_Y1dd9UIqzVeMS9NBVsKdz1yRDW6LdUrJS4qkBMWscb_joZY9BwyzPR9GJYq6kD0_PDW5mPJAjoGzlolsA" />
    <input value="5545" 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/flour-coconut-organic-250-g-5546">
          <img alt="Flour Coconut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3223/file/small-b967ba05fa5b79ad9bde34a875b7e6e8.webp 600w, https://assets.fabulous.ch/public/variant_asset/3223/file/medium-793de52337f853e784da59e0d913a7fa.webp 900w, https://assets.fabulous.ch/public/variant_asset/3223/file/large-2482cf5da5485f8355fa1da41f3a49f6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3223/file/medium-793de52337f853e784da59e0d913a7fa.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/flour-coconut-organic-250-g-5546">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flour Coconut Organic, 250 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 1.16 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5VnoI7n1dRRcL6UrWj7jJbrlMoCXRm9vcrYdSrWfpfgwk74hui5aNUi2XIEWCTgKC6-xQRXUvLaWYQxpVe8QWw" />
    <input value="5546" 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/fibre-from-sugar-beet-gluten-free-300-g-5563">
          <img alt="Fibre from sugar beet gluten free" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3222/file/small-d6f7bc0cab63b7c27ff63568c5829aad.webp 600w, https://assets.fabulous.ch/public/variant_asset/3222/file/medium-7fa9290b16e3f794fa96f09b225ba911.webp 900w, https://assets.fabulous.ch/public/variant_asset/3222/file/large-d74d8919f1ce3cb6f4085516d545968b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3222/file/medium-7fa9290b16e3f794fa96f09b225ba911.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/fibre-from-sugar-beet-gluten-free-300-g-5563">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Fibre from sugar beet gluten free, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="A6UmLoJzJUQMc0qa9b0Q0vkMIDqCZfWFjilex2ZbdGjWb3AsgagKZRjqszC5isv9SEaj-wD3Jlxq_k_khivByw" />
    <input value="5563" 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/flour-oat-wholegrain-gluten-free-demeter-350-g-5600">
          <img alt="Flour Oat Wholegrain Gluten Free Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3242/file/small-a4e126ba8920b80faee3149a7000435c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3242/file/medium-68010d187b7ae583fe5ffeeee206c74a.webp 900w, https://assets.fabulous.ch/public/variant_asset/3242/file/large-c7b59fb773cee2957654d5139d3eb94f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3242/file/medium-68010d187b7ae583fe5ffeeee206c74a.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/flour-oat-wholegrain-gluten-free-demeter-350-g-5600">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flour Oat Wholegrain Gluten Free Demeter, 350 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Jf277EyNu_8lhM_Xvkj9vWDc4xnluRt5ZNGRvvQdP7jwN-3uT1aU3jEdNn3yfyaS0ZZg2GcryKCABoCdFG2KGw" />
    <input value="5600" 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/powdered-xylit-birch-sugar-icing-sugar-250-g-5727">
          <img alt="Powdered Xylit Birch Sugar / Icing Sugar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3306/file/small-c7091cc4c4e66941fda3bf15f590404b.webp 600w, https://assets.fabulous.ch/public/variant_asset/3306/file/medium-81d94da740bf6d06212b21f8ca9e4286.webp 900w, https://assets.fabulous.ch/public/variant_asset/3306/file/large-c8964546b72f2442d226a6ba7aebb15b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3306/file/medium-81d94da740bf6d06212b21f8ca9e4286.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">Tautona</p>
          <a href="/en/products/powdered-xylit-birch-sugar-icing-sugar-250-g-5727">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Powdered Xylit Birch Sugar / Icing Sugar, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="b4U851WRqJ-nc42J1OSzn7ysOVzAFjn9q8KkN3RQvgy6T2rlVkqHvrPqdCOY02iwDea6nUKE6iRPFbUUlCALrw" />
    <input value="5727" 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-powder-meister-organic-17-g-6087">
          <img alt="Baking Powder Meister Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3501/file/small-697978d38afd9087a9270c9fbc7c70dc.webp 600w, https://assets.fabulous.ch/public/variant_asset/3501/file/medium-7e24978226f215b43c1a7f710ee33718.webp 900w, https://assets.fabulous.ch/public/variant_asset/3501/file/large-60d797bbb70e7a9759e03b800a2cf56f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3501/file/medium-7e24978226f215b43c1a7f710ee33718.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/en/products/baking-powder-meister-organic-17-g-6087">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Baking Powder Meister Organic, 17 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="e3gHhJbPAmy9NrJT7_dkKu4vhYvBput-zLhzooXUCyauslGGlRQtTamvS_mjwL8FX2UGSkM0OKcob2KBZaS-hQ" />
    <input value="6087" 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/oat-bran-gluten-free-demeter-300-g-6193">
          <img alt="Oat Bran Gluten Free Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3558/file/small-6acd7ac6b003389e3036a24763629602.webp 600w, https://assets.fabulous.ch/public/variant_asset/3558/file/medium-db96ade2337c46235169f89933d9d8c8.webp 900w, https://assets.fabulous.ch/public/variant_asset/3558/file/large-114e9c4fc51e2ee0d2d1664720151490.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3558/file/medium-db96ade2337c46235169f89933d9d8c8.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/oat-bran-gluten-free-demeter-300-g-6193">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Bran Gluten Free Demeter, 300 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 1.32 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yJJ2dQxxhRiNoubtl62cfqGeXDQ76HregWml7nfWD-gdWCB3D6qqOZk7H0fbmkdRENTf9bl6qQdlvrTNl6a6Sw" />
    <input value="6193" 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/flour-brown-millet-gluten-free-organic-425-g-6244">
          <img alt="Flour Brown Millet 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/3600/file/small-96e6e14a0dfe3ff43cca52832f1cd7a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3600/file/medium-f86e53657c8dd0278d35a5dac431e64b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3600/file/large-8bbe059513db9d9c9b28902b728ef431.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3600/file/medium-f86e53657c8dd0278d35a5dac431e64b.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/flour-brown-millet-gluten-free-organic-425-g-6244">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flour Brown Millet Gluten Free Organic, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Fjl7qkPkrM7p-ulyaLZF1Cw8CW_4S7500MzAYPFwvDHD8y2oQD-D7_1jENgkgZ77nXaKrnrZba00G9FDEQAJkg" />
    <input value="6244" 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/bread-baking-mix-wunderbrod-gold-gluten-free-organic-600-g-6293">
          <img alt="Bread Baking Mix Wunderbrød GOLD 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/3612/file/small-3f944cfa1b88e6cbe561d18d15d6d78c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3612/file/medium-3bb7584622079d9c5dbdda97aa9b53dc.webp 900w, https://assets.fabulous.ch/public/variant_asset/3612/file/large-c6b7fd3adb43b5f860c11cca08e3fbdb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3612/file/medium-3bb7584622079d9c5dbdda97aa9b53dc.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/bread-baking-mix-wunderbrod-gold-gluten-free-organic-600-g-6293">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bread Baking Mix Wunderbrød GOLD Gluten Free Organic, 600 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.75
            </p>

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

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

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

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


  

  <div class="border-gray-200  pl-4  md:border sm:p-4 md:rounded-lg flex flex-col justify-between gap-2 relative group">
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/marzipan-carrot-decoration-for-cakes-pies-vegan-organic-25-g-6569">
          <img alt="Marzipan Carrot Decoration for Cakes &amp; Pies Vegan Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3768/file/small-56e759551759ec4a6c2cc8a02deb355a.webp 600w, https://assets.fabulous.ch/public/variant_asset/3768/file/medium-cdee1e51e86b07d7166e936f54e6f2db.webp 900w, https://assets.fabulous.ch/public/variant_asset/3768/file/large-38f17bc489fd8b0205e80199f2941e50.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3768/file/medium-cdee1e51e86b07d7166e936f54e6f2db.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">Funsch</p>
          <a href="/en/products/marzipan-carrot-decoration-for-cakes-pies-vegan-organic-25-g-6569">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Marzipan Carrot Decoration for Cakes &amp; Pies Vegan Organic, 25 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.85
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1uWvnL0WQGKtDUBrri9j32sMIzkikr7doSOt8_aiINMDL_mevs1vQ7mUucHiGLjw2kag-KAAbQRF9LzQFtKVcA" />
    <input value="6569" 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/desiccated-coconut-macaroon-raw-food-quality-organic-300-g-6803">
          <img alt="Desiccated Coconut &quot;Macaroon&quot; 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/3928/file/small-2402874d9ec9afb98035a565c5bc0fe6.webp 600w, https://assets.fabulous.ch/public/variant_asset/3928/file/medium-c88f42e5db11cfd6b2d595dbab8bcdc0.webp 900w, https://assets.fabulous.ch/public/variant_asset/3928/file/large-dcdf660091826fc79651deac3c3f9d28.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3928/file/medium-c88f42e5db11cfd6b2d595dbab8bcdc0.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">Dr. Goerg</p>
          <a href="/en/products/desiccated-coconut-macaroon-raw-food-quality-organic-300-g-6803">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Desiccated Coconut &quot;Macaroon&quot; Raw Food Quality Organic, 300 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tAX7ihvnkLqWKtHHJ_lzotXTnnBKV9sDBc0jtBdRsnlhz62IGDy_m4KzKG1rzqiNZJkdscjFCNrhGjKX9yEH2g" />
    <input value="6803" 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/wholemeal-rye-flour-swiss-bio-1-kg-6883">
          <img alt="Wholemeal Rye Flour Swiss Bio" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3979/file/small-2b305b4514fd40513473db895a509d01.webp 600w, https://assets.fabulous.ch/public/variant_asset/3979/file/medium-1a0c492ee1882d79cf98feb9bd7753b4.webp 900w, https://assets.fabulous.ch/public/variant_asset/3979/file/large-7c8196a200ed1deeeb45fe335ce39fd1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3979/file/medium-1a0c492ee1882d79cf98feb9bd7753b4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biofarm</p>
          <a href="/en/products/wholemeal-rye-flour-swiss-bio-1-kg-6883">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wholemeal Rye Flour Swiss Bio, 1 kg</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 0.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xegTWB_uSKnFaA98icqF1nnE1VOgZn96EvQ1sufHBkwQIkVaHDVniNHx9tbF_V75yI5WkiL0rKP2IySRB7ez7w" />
    <input value="6883" 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/bread-baking-mix-oat-whole-grain-bread-demeter-500-g-6885">
          <img alt="Bread Baking Mix Oat Whole Grain Bread Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3982/file/small-722ac982231c166419ee8f48a1b1d047.webp 600w, https://assets.fabulous.ch/public/variant_asset/3982/file/medium-535b672db3a7e68cc2b904b959f110be.webp 900w, https://assets.fabulous.ch/public/variant_asset/3982/file/large-b9ebfaae7b3878f6c09b0563923ec41b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3982/file/medium-535b672db3a7e68cc2b904b959f110be.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/bread-baking-mix-oat-whole-grain-bread-demeter-500-g-6885">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bread Baking Mix Oat Whole Grain Bread Demeter, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NhvsWLMd-0dcER84fbD6tLaTciUrI6TgK1sKssjrz-Hj0bpasMbUZkiI5pIxhyGbB9nx5KmxdznPjBuRKJt6Qg" />
    <input value="6885" 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/lecker-s-orangeat-candid-orange-organic-100-g-7081">
          <img alt="Lecker&#39;s Orangeat Candid Orange Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4071/file/small-c436321d7a58956c3f064992de91a373.webp 600w, https://assets.fabulous.ch/public/variant_asset/4071/file/medium-32b5dbd6c04996319d3c7730e0621344.webp 900w, https://assets.fabulous.ch/public/variant_asset/4071/file/large-f0a0d54677133e8636d8bd57bb5d4e66.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4071/file/medium-32b5dbd6c04996319d3c7730e0621344.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">Lecker&#39;s</p>
          <a href="/en/products/lecker-s-orangeat-candid-orange-organic-100-g-7081">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lecker&#39;s Orangeat Candid Orange Organic, 100 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 2.95 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JJwvX4FSba83we9jlUQsiNEfE-Ax6f4y3R2FbTuv9AfxVnldgolCjiNYFsnZc_enYFWQIbN7Les5ypRO299BpA" />
    <input value="7081" 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/lecker-s-candid-lemon-organic-100-g-7082">
          <img alt="Lecker&#39;s Candid Lemon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4069/file/small-8d29d01077bb594529772678c067c225.webp 600w, https://assets.fabulous.ch/public/variant_asset/4069/file/medium-ecdd2d3b04abb45effdd19a9043441fc.webp 900w, https://assets.fabulous.ch/public/variant_asset/4069/file/large-84c2c41efdcdcbe8669e7c3fe96bfa59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4069/file/medium-ecdd2d3b04abb45effdd19a9043441fc.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">Lecker&#39;s</p>
          <a href="/en/products/lecker-s-candid-lemon-organic-100-g-7082">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lecker&#39;s Candid Lemon Organic, 100 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 2.95 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="O1WNe4dmf4g6FzEhc4rEj8ttQ_QUUXU8c5wEWyF1I1Lun9t5hL1QqS6OyIs_vR-geifANZbDpuWXSxV4wQWW8Q" />
    <input value="7082" 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/lecker-s-lemon-oil-organic-2-ml-7083">
          <img alt="Lecker&#39;s Lemon Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4070/file/small-d9420f8a9864402a5bf7908f5ab0bf95.webp 600w, https://assets.fabulous.ch/public/variant_asset/4070/file/medium-502416b5824bc3ea816e89bf87a92795.webp 900w, https://assets.fabulous.ch/public/variant_asset/4070/file/large-139efb9c3b52cd1b392475c8168cb78d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4070/file/medium-502416b5824bc3ea816e89bf87a92795.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">Lecker&#39;s</p>
          <a href="/en/products/lecker-s-lemon-oil-organic-2-ml-7083">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lecker&#39;s Lemon Oil Organic, 2 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 225.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0Wbb9C18RlpMmaeCKc60vA1mMGDtG42w686KNUa2Up0ErI32Lqdpe1gAXihl-W-TvCyzoW-JXmkPGZsWpsbnPg" />
    <input value="7083" 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/lecker-s-orange-oil-organic-2-ml-7084">
          <img alt="Lecker&#39;s Orange Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4074/file/small-c5d30140402d4370abb6983b7f4071cd.webp 600w, https://assets.fabulous.ch/public/variant_asset/4074/file/medium-e19202e17b4b006a629bc287ca45966a.webp 900w, https://assets.fabulous.ch/public/variant_asset/4074/file/large-bf969263ecbee42de6a2973883ecdc7b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4074/file/medium-e19202e17b4b006a629bc287ca45966a.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">Lecker&#39;s</p>
          <a href="/en/products/lecker-s-orange-oil-organic-2-ml-7084">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lecker&#39;s Orange Oil Organic, 2 ml</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 255.00 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="WECAME2-I2-abcOG9yhiFJLTpxfzCVCosHzbWPDLpByNitYyTmUMTo70Oiy7H7k7I5kk1nGbg3FUq8p7ELsRvw" />
    <input value="7084" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-alternative-to-eggs-organic-20-g-7129">
          <img alt="Vegan Alternative to Eggs Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4092/file/small-14298162187b7b2da957f3ca10112419.webp 600w, https://assets.fabulous.ch/public/variant_asset/4092/file/medium-2c9b9159ee6ca29445560060f11fc2b5.webp 900w, https://assets.fabulous.ch/public/variant_asset/4092/file/large-f4ab4391e5d4a14c2e51e0d451583e20.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4092/file/medium-2c9b9159ee6ca29445560060f11fc2b5.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/en/products/vegan-alternative-to-eggs-organic-20-g-7129">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Eggs Organic, 20 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 1.95
            </p>

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

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

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

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



</template></turbo-stream>
<turbo-stream action="replace" target="infinite_scroll_sentinel"><template>
  <div id="infinite_scroll_sentinel" class="w-full py-8">
  <div class="flex flex-col items-center gap-3">
    <p class="text-sm text-gray-500">
      80 of 181 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/food/bakery-ingredients?format=turbo_stream&amp;page=5">Show more</a>
  </div>
</div>

</template></turbo-stream>