<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/flax-seeds-brown-bulk-buy-biosuisse-5-kg-8816">
          <img alt="Flax Seeds Brown Bulk Buy BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5113/file/small-0852fc34e5ae351f840b56bd3aeba766.webp 600w, https://assets.fabulous.ch/public/variant_asset/5113/file/medium-722f1af2b727bc86732d12af776170ee.webp 900w, https://assets.fabulous.ch/public/variant_asset/5113/file/large-eb8201b76a93ccff76e6fd3eceff0e10.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5113/file/medium-722f1af2b727bc86732d12af776170ee.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/flax-seeds-brown-bulk-buy-biosuisse-5-kg-8816">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flax Seeds Brown Bulk Buy BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 60.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mYMhW7lEmy6_j1xUCJQCm9AgXY6qsQSLuiHaf_Wnn8Ry2Rp6ythdUQmzBZaHYCC93FJILCJgFoCi7NLa-kl8KA" />
    <input value="8816" 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/pop-corn-organic-200-g-9153">
          <img alt="Pop-Corn Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5196/file/small-3552b3f389b04afc4e3c807cc0b20d1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5196/file/medium-fb6983dc3bdb115227fb3061729acfff.webp 900w, https://assets.fabulous.ch/public/variant_asset/5196/file/large-85ff5a5c7c42b9fa6c428c26923b3b19.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5196/file/medium-fb6983dc3bdb115227fb3061729acfff.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/pop-corn-organic-200-g-9153">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pop-Corn Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eGgthXVwtuqyZqJJ99raZjHK42q4-0adT1ZI2HFl2ROTMhakBuxwlQRa-4t4LvhAPbj2yDAqVJZXm0B9fos6_w" />
    <input value="9153" 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-5-grain-flakes-bulk-buy-biosuisse-5-kg-9233">
          <img alt="Flakes 5-Grain Flakes Bulk Buy BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5257/file/small-32e5968bd3fde2071d622b9613380a63.webp 600w, https://assets.fabulous.ch/public/variant_asset/5257/file/medium-d5546726084b00fa705c3aa746074c25.webp 900w, https://assets.fabulous.ch/public/variant_asset/5257/file/large-115567bc9d77a46380a62bc8a4d2d765.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5257/file/medium-d5546726084b00fa705c3aa746074c25.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/flakes-5-grain-flakes-bulk-buy-biosuisse-5-kg-9233">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flakes 5-Grain Flakes Bulk Buy BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7h6torKjWcL8SPGuQV2Q74rW7gHWH7zoFbqL1gMgIREFRJaDwT-fvUp0qGzOqbLJhqT7o17OruMNd4NzDM7C_Q" />
    <input value="9233" 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/oat-flakes-bulk-buy-biosuisse-5-kg-9234">
          <img alt="Oat Flakes Bulk Buy BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5258/file/small-0e352d9b55d3fdb16310ca4d2801c7da.webp 600w, https://assets.fabulous.ch/public/variant_asset/5258/file/medium-7dc918e4473f6ebd9d217668603108c1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5258/file/large-22a0e97fe023f562d2d4a07bccb37a3b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5258/file/medium-7dc918e4473f6ebd9d217668603108c1.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/oat-flakes-bulk-buy-biosuisse-5-kg-9234">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oat Flakes Bulk Buy BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rPVauoCFbGgqowNdt6q_0ESigEWQUqZuw522EEuVU_FHr2Gb8xmqF5yfWp84Xp32SNCV5xiDtGXbUL61RHuwHQ" />
    <input value="9234" 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/semolina-of-maize-medium-polenta-bulk-buy-biosuisse-5-kg-9235">
          <img alt="Semolina of Maize Medium (Polenta) Bulk Buy BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5263/file/small-f3f3e72112f907081ec2fa4e17ef8567.webp 600w, https://assets.fabulous.ch/public/variant_asset/5263/file/medium-79cdbe9715ce87e14b15815ee4d1b0a1.webp 900w, https://assets.fabulous.ch/public/variant_asset/5263/file/large-f32a2efbc8f4ed466c821f6bc045350d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5263/file/medium-79cdbe9715ce87e14b15815ee4d1b0a1.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/semolina-of-maize-medium-polenta-bulk-buy-biosuisse-5-kg-9235">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Semolina of Maize Medium (Polenta) Bulk Buy BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 34.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="haYYLDRHaYeOPDZBi5TdR5P-lJrWXSjhJj5xlN0O24du_CMNR9uv-DgAb4MEYP9hn4yBOF6MOuo-83kx0uA4aw" />
    <input value="9235" 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-white-spelt-bulk-biosuisse-5-kg-9303">
          <img alt="Flour White Spelt Bulk BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5302/file/small-30c38f405c9774c9b325aa866715a9f0.webp 600w, https://assets.fabulous.ch/public/variant_asset/5302/file/medium-b6323d6d632ac961e0e8ea75adeb1227.webp 900w, https://assets.fabulous.ch/public/variant_asset/5302/file/large-788c445d58c0e8da0b35910c2d8e706b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5302/file/medium-b6323d6d632ac961e0e8ea75adeb1227.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/flour-white-spelt-bulk-biosuisse-5-kg-9303">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flour White Spelt Bulk BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 40.05
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5VPh7NqPn607hb-jZxox5g2m87-KaFZqJHqyY06QZ7UOCdrNqRNZ0o255mHo7hPAAdTmHQK5RGE8t7rGQX6EWQ" />
    <input value="9303" 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/hazelnuts-organic-200-g-9444">
          <img alt="Hazelnuts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5323/file/small-c482bf28dcb01c359193bbb26bb9bbf6.webp 600w, https://assets.fabulous.ch/public/variant_asset/5323/file/medium-7ce98eee33a308d2057566c0dac9b132.webp 900w, https://assets.fabulous.ch/public/variant_asset/5323/file/large-6c552d396d0962cac06175c7724e8c2f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5323/file/medium-7ce98eee33a308d2057566c0dac9b132.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/hazelnuts-organic-200-g-9444">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hazelnuts Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RbiVR7vPNh_T7Fcw1WIRMoM0Po_IMFwpWqe91nRPJZCu4q5myFPwYGXQDvJaljMUj0YrLUDhTiJCarVze6HGfA" />
    <input value="9444" 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/hazelnuts-organic-750-g-9445">
          <img alt="Hazelnuts Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5324/file/small-4a59f4320f30f6f3dbaa5994bb5ff42f.webp 600w, https://assets.fabulous.ch/public/variant_asset/5324/file/medium-aede756316abd2575ee652e9c1e47ca5.webp 900w, https://assets.fabulous.ch/public/variant_asset/5324/file/large-f2c554609b89c1dd7927c24f9809db59.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5324/file/medium-aede756316abd2575ee652e9c1e47ca5.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/hazelnuts-organic-750-g-9445">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hazelnuts Organic, 750 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 23.95
            </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-9445-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lX79HVwqOb1KoXIgjswbphOLUwex9aR7tlHDIyfy-X9-JMY8L7b_wvydK-IBODmAH_lGpTkktnCunMuGKBwakw" />
    <input value="9445" 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/wheat-grains-bulk-buy-biosuisse-25-kg-10006">
          <img alt="Wheat Grains Bulk Buy BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5482/file/small-c410c5f6169bd24888dd4370c08e9cc1.webp 600w, https://assets.fabulous.ch/public/variant_asset/5482/file/medium-396ed6ed3aeea4aeeabe3c4f47dda2e7.webp 900w, https://assets.fabulous.ch/public/variant_asset/5482/file/large-d415123cc4a316db6e8ecbd1bec0d072.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5482/file/medium-396ed6ed3aeea4aeeabe3c4f47dda2e7.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/wheat-grains-bulk-buy-biosuisse-25-kg-10006">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Wheat Grains Bulk Buy BioSuisse, 25 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 92.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="c2FLYZYQtRCCG5227RZJbu6rvppwbbnG9RALtd0TG_uYO3BA5YxzbzQnxHRi4mtI4tmrOPi8q83t3QMQ0v34Fw" />
    <input value="10006" 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-corn-flour-organic-500-g-10068">
          <img alt="Flour Corn Flour Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5488/file/small-886a726a1c776a090bda9d7b0a1c8512.webp 600w, https://assets.fabulous.ch/public/variant_asset/5488/file/medium-d8318fba5a54e88efefb8d3ce68be67c.webp 900w, https://assets.fabulous.ch/public/variant_asset/5488/file/large-215b0575866c06f5254e16ca00870066.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5488/file/medium-d8318fba5a54e88efefb8d3ce68be67c.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/flour-corn-flour-organic-500-g-10068">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Flour Corn Flour Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="QGUaG2B2lbo0FAhyRX2TQnrM_CK6SsAf6XnFdJ0AmM6rPyE6E-pTxYIoUbDKibFkdr7pgDKb0hTxtM3Rku57Ig" />
    <input value="10068" 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/peas-yellow-peas-organic-500-g-10342">
          <img alt="Peas Yellow Peas Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5557/file/small-199050d73921049f726a2adea9bcb6d5.webp 600w, https://assets.fabulous.ch/public/variant_asset/5557/file/medium-d7a37e31a153f83f4395be52dc0e6a3f.webp 900w, https://assets.fabulous.ch/public/variant_asset/5557/file/large-015cc647c89a9de31033536bfd5200da.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5557/file/medium-d7a37e31a153f83f4395be52dc0e6a3f.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/peas-yellow-peas-organic-500-g-10342">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peas Yellow Peas Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oe-l4HUAlM2VASmt3k4xACmr0uI394FlRIIl8zps5WdKtZ7BBpxSsiM9cG9RuhMmJdnHQL8mk25cTy1WNYIGiw" />
    <input value="10342" 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/peas-yellow-peas-bulk-buy-biosuisse-5-kg-10343">
          <img alt="Peas Yellow Peas Bulk Buy BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5559/file/small-54789dc50d91a31ccff36094d225eea7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5559/file/medium-dea0baf3fe18d71033de4ddb84634fb6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5559/file/large-3411c336244873c52fa35ad706482efd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5559/file/medium-dea0baf3fe18d71033de4ddb84634fb6.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/peas-yellow-peas-bulk-buy-biosuisse-5-kg-10343">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Peas Yellow Peas Bulk Buy BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 45.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="VPrtAy7dG3vX55h4EGLfAyh6XbCEQwUnPGkN4eVhfd2_oNYiXUHdBGHbwbqflv0lJAhIEgySFywkpAVE6o-eMQ" />
    <input value="10343" 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/buckwheat-grains-bulk-buy-organic-5-kg-10619">
          <img alt="Buckwheat Grains 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/5596/file/small-497d8910b77dbf777916bc6e32d0661d.webp 600w, https://assets.fabulous.ch/public/variant_asset/5596/file/medium-a241303c1ffdc1ea18b5b363044e344e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5596/file/large-6ac02ce8550cbed2e9367e4066968a33.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5596/file/medium-a241303c1ffdc1ea18b5b363044e344e.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/buckwheat-grains-bulk-buy-organic-5-kg-10619">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Buckwheat Grains Bulk Buy Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="gNo6yGFkz4hr0Bh1AucrC0VzOzkwwtYq1qeluA-AhC9rgAHpEvgJ993sQbeNEwktSQEum7gTxCHOaq0dAG5nww" />
    <input value="10619" 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/ground-almonds-organic-200-g-11537">
          <img alt="Ground Almonds Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5908/file/small-6f850ea2680839ddaec86feb26e03dd4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5908/file/medium-72109feee667c99f4e7cf9557c53d264.webp 900w, https://assets.fabulous.ch/public/variant_asset/5908/file/large-07bd1f342e7cb8e2358691f1d9456790.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5908/file/medium-72109feee667c99f4e7cf9557c53d264.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/ground-almonds-organic-200-g-11537">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ground Almonds Organic, 200 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 3.88 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4Wq_bz_gnH1G55P5Jc-6s_ZZsmIKl_iN1BWKjhKMH2YKMIROTHxaAvDbyjuqO5iV-iunwIJG6obM2IIrHWL8ig" />
    <input value="11537" 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/ground-hazelnut-organic-200-g-11538">
          <img alt="Ground Hazelnut Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5909/file/small-a320fcad9882392f7c815d598f4776ad.webp 600w, https://assets.fabulous.ch/public/variant_asset/5909/file/medium-cef03f42d2cb80a69dc41a6380a50b68.webp 900w, https://assets.fabulous.ch/public/variant_asset/5909/file/large-46e00a5a9eb59df47e67dcfad0abb868.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5909/file/medium-cef03f42d2cb80a69dc41a6380a50b68.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/ground-hazelnut-organic-200-g-11538">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Ground Hazelnut Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CbC0CBc6qLMP-XN9-B8dZ3vkO46t829n7eyDDO4lR0ni6o8pZKZuzLnFKr936z9Bd5YuLCUifWz1IYup4cukpQ" />
    <input value="11538" 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/zopf-flour-mixture-organic-1-kg-11548">
          <img alt="Zopf Flour Mixture Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5913/file/small-cbf0ff27388e6abb1a45ee1e26b7c3a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/5913/file/medium-468360ccae576d777048f2f491b0c07a.webp 900w, https://assets.fabulous.ch/public/variant_asset/5913/file/large-a212cf1b61afd44ad586ea196b23844a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5913/file/medium-468360ccae576d777048f2f491b0c07a.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/zopf-flour-mixture-organic-1-kg-11548">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zopf Flour Mixture Organic, 1 kg</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 0.76 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="TW0A6N7g6oDTcvM1rfZ2vqhJ_Sh-M2JdsHtvOpr-1mmmNzvJrXws_2VOqvciAlSYpDvoivbicFaotmeflRA1hQ" />
    <input value="11548" 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/zopf-flour-mixture-large-container-biosuisse-5-kg-11549">
          <img alt="Zopf Flour Mixture Large Container BioSuisse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5914/file/small-ec6b25634bb76193c66a5c15f4a1cf8c.webp 600w, https://assets.fabulous.ch/public/variant_asset/5914/file/medium-eec22f37d0c99590eae522a39e21ef3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/5914/file/large-8842f41aa5c4510b6ee15b56bff866cd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5914/file/medium-eec22f37d0c99590eae522a39e21ef3e.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/zopf-flour-mixture-large-container-biosuisse-5-kg-11549">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Zopf Flour Mixture Large Container BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 32.00
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/apple-syrup-organic-250-g-13693">
          <img alt="Apple Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6578/file/small-14205adb3dec179c3cca7419eef80fef.webp 600w, https://assets.fabulous.ch/public/variant_asset/6578/file/medium-c8b36ac9d2d4260ba2ba830199ac6239.webp 900w, https://assets.fabulous.ch/public/variant_asset/6578/file/large-9ca19ec3433597c7906cd9cf91dd23c4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6578/file/medium-c8b36ac9d2d4260ba2ba830199ac6239.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/apple-syrup-organic-250-g-13693">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apple Syrup Organic, 250 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.40
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lSH9_Vpn_HhdXZeJOCew55ZTIOhX1SzEfaY3MSTArD5-e8bcKfs6B-thzku305LBmiE1St8EPs9laz-UKy5P0g" />
    <input value="13693" 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/apple-syrup-organic-850-g-14005">
          <img alt="Apple Syrup Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6634/file/small-4d2db6ddb503ea44ee9cbeb0623b9611.webp 600w, https://assets.fabulous.ch/public/variant_asset/6634/file/medium-b1f250fd239ac2c615aaed90139fe01d.webp 900w, https://assets.fabulous.ch/public/variant_asset/6634/file/large-bb69cb8e9f0575fcde38c1a6380d8000.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6634/file/medium-b1f250fd239ac2c615aaed90139fe01d.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/apple-syrup-organic-850-g-14005">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Apple Syrup Organic, 850 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.50
            </p>

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

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

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

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

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

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

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

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



</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">
      40 of 56 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/manufacturers/biofarm?format=turbo_stream&amp;page=3">Show more</a>
  </div>
</div>

</template></turbo-stream>