<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/beans-jumbo-white-beans-organic-500-g-9569">
          <img alt="Beans Jumbo White Beans Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5368/file/small-9b50ab94faaf6435767f2c85d9fbd4ce.webp 600w, https://assets.fabulous.ch/public/variant_asset/5368/file/medium-664bc21ce0a841e0450f5595ff2ed97d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5368/file/large-e583369a4553fdef2e21089257f0e0be.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5368/file/medium-664bc21ce0a841e0450f5595ff2ed97d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/beans-jumbo-white-beans-organic-500-g-9569">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Beans Jumbo White Beans Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.10
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YRPat2a4HtWDP8UMzj3rJVo1LDacFW2xLSH45dSVJu5tEgC0-AkM8JLl_p97rShCophzZbGK4sCwJcrom2CQ1A" />
    <input value="9569" 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/chickpeas-bulk-buy-organic-5-kg-6887">
          <img alt="Chickpeas 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/3985/file/small-1319f9b714fd6db50074f745bf4a1746.webp 600w, https://assets.fabulous.ch/public/variant_asset/3985/file/medium-39d419fe54a69bff9510f21b39b860a9.webp 900w, https://assets.fabulous.ch/public/variant_asset/3985/file/large-7deccd0e8bae0b7ebf3f1b839e6a41f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3985/file/medium-39d419fe54a69bff9510f21b39b860a9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Grosshandel</p>
          <a href="/en/products/chickpeas-bulk-buy-organic-5-kg-6887">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chickpeas Bulk Buy Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 41.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="76kgaxmrpa-vXr3nlMN7BbPz43stoWuuq7fcJQKslQrjqPpohxq3ir6EhnQhU7hiS168KAA-5N82s-4oTVkjMA" />
    <input value="6887" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/black-beluga-lentils-organic-500-g-400">
          <img alt="Black Beluga Lentils Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/353/file/small-45a55a29f7cc8b703de9ad11375b2f9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/353/file/medium-c4b959a3a51c822ea3c84e0339a78155.webp 900w, https://assets.fabulous.ch/public/variant_asset/353/file/large-7885d8be9c9b03b10bedd6cb3d57fb96.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/353/file/medium-c4b959a3a51c822ea3c84e0339a78155.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Davert</p>
          <a href="/en/products/black-beluga-lentils-organic-500-g-400">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Black Beluga Lentils Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.80
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/chia-seeds-raw-food-quality-organic-200-g-1815">
          <img alt="Chia Seeds 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/1412/file/small-c1f0ccdf7203cf8c2744d80edeabfc32.webp 600w, https://assets.fabulous.ch/public/variant_asset/1412/file/medium-62dfe812ac92284466562bf0909f422e.webp 900w, https://assets.fabulous.ch/public/variant_asset/1412/file/large-90fbaa9e3aeee05e82d9c9852b274bce.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1412/file/medium-62dfe812ac92284466562bf0909f422e.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Govinda</p>
          <a href="/en/products/chia-seeds-raw-food-quality-organic-200-g-1815">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chia Seeds Raw Food Quality Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.80
            </p>

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

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

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

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


  

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


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/mung-daal-organic-500-g-15569">
          <img alt="Mung Daal Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7109/file/small-40e98773fbcabf50506547e530132d05.webp 600w, https://assets.fabulous.ch/public/variant_asset/7109/file/medium-08ebd9fcc015cd0ccf9057fb86b60786.webp 900w, https://assets.fabulous.ch/public/variant_asset/7109/file/large-76b619c3151a2c687d290fd90b7142a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7109/file/medium-08ebd9fcc015cd0ccf9057fb86b60786.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/mung-daal-organic-500-g-15569">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mung Daal Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wjHwnyWdXmCTYnqnv-iju2yh13huWNfDNbGH5LrxdtLOMCqcuyxMRYK4QTQKeGDclAyIK0PHWLKotbXp9QTA6A" />
    <input value="15569" 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/rye-grains-swiss-organic-5-kg-17893">
          <img alt="Rye Grains Swiss Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8863/file/small-b5437acf928a64bdd8d9a71d0ab2378c.webp 600w, https://assets.fabulous.ch/public/variant_asset/8863/file/medium-643199b94c12b30ea5c168c93b183346.webp 900w, https://assets.fabulous.ch/public/variant_asset/8863/file/large-d8fec7ecc9cd234f8bdbdf6f11434dc9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8863/file/medium-643199b94c12b30ea5c168c93b183346.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/rye-grains-swiss-organic-5-kg-17893">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rye Grains Swiss Organic, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 21.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0IxfA1R0lRhhyacl_zpnOIB0OBstmJz1s0iJEPPFjD7cjYUAysWHPXATnLZKqqRfeNlnSAAHE4QuTLsdvDA6BA" />
    <input value="17893" 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/sunflower-seeds-bulk-buy-biosuisse-5-kg-6080">
          <img alt="Sunflower Seeds 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/3492/file/small-69683850d1b918c06a53002c9e3c3e4c.webp 600w, https://assets.fabulous.ch/public/variant_asset/3492/file/medium-d512f6ac222914e94daac33663d443cc.webp 900w, https://assets.fabulous.ch/public/variant_asset/3492/file/large-e78cdb25f632806f5dde60196ea112e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3492/file/medium-d512f6ac222914e94daac33663d443cc.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/sunflower-seeds-bulk-buy-biosuisse-5-kg-6080">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Sunflower Seeds Bulk Buy BioSuisse, 5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 90.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NC9Ija5Xq-gsWTTOUy9OetJUKNLZLf04fI6lw_7vm204LpKOMOa5zT2DD13mv40dKvl3gfSycknhipfOsRotVw" />
    <input value="6080" 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/hemp-seeds-whole-unpeeled-raw-food-quality-organic-500-g-2277">
          <img alt="Hemp Seeds Whole / Unpeeled 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/1683/file/small-0e3a3183e0456c1ec2ffacdfb8b9a731.webp 600w, https://assets.fabulous.ch/public/variant_asset/1683/file/medium-7b40dbdd3c6edd2fd4739108c72decf5.webp 900w, https://assets.fabulous.ch/public/variant_asset/1683/file/large-6e700576a92284a9efcb4ae212eb2ebe.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1683/file/medium-7b40dbdd3c6edd2fd4739108c72decf5.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">Hanf&amp;Natur</p>
          <a href="/en/products/hemp-seeds-whole-unpeeled-raw-food-quality-organic-500-g-2277">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Hemp Seeds Whole / Unpeeled Raw Food Quality Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.30
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o63O4Dj6nyH661xGScpeexw-5fBeJskfYCAKdC40kGSvrBTjpkuNBOsxZ9X8Wp0c5JO6o3O5Rm79JDh5YcEmXg" />
    <input value="2277" 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/goji-beeries-sun-dried-organic-100-g-516">
          <img alt="Goji Beeries Sun-Dried Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/464/file/small-7c8ac5f455a239a06d5a4bd3acfb1bde.webp 600w, https://assets.fabulous.ch/public/variant_asset/464/file/medium-63625533df802ba5df60dda8a1376b69.webp 900w, https://assets.fabulous.ch/public/variant_asset/464/file/large-67e373bc2b96d5132ea2962e9a902848.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/464/file/medium-63625533df802ba5df60dda8a1376b69.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">Flores Farm</p>
          <a href="/en/products/goji-beeries-sun-dried-organic-100-g-516">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Goji Beeries Sun-Dried Organic, 100 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 5.55 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xAM5r5-w5aHWsdUW0MHqJsuotTVkFaz_oAWkuOK62crIAuOsAQH3hMdr7oVlUSlBMwXqZkmKI449AZa1rU9v8A" />
    <input value="516" 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/bio-natto-nattosana-super-umami-paste-200-g-14952">
          <img alt="Bio-Natto Nattosana Super-Umami Paste" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6855/file/small-a89d38bc1efbd7033ed41e31b42a8d15.webp 600w, https://assets.fabulous.ch/public/variant_asset/6855/file/medium-e676f3e3bb5d91aeae0a27a53814a581.webp 900w, https://assets.fabulous.ch/public/variant_asset/6855/file/large-c68473603e0247fdb65e64e32e385130.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6855/file/medium-e676f3e3bb5d91aeae0a27a53814a581.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">Soyana</p>
          <a href="/en/products/bio-natto-nattosana-super-umami-paste-200-g-14952">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Bio-Natto Nattosana Super-Umami Paste, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.40
            </p>

              <div class="size-8 text-blue-300" title="Critical refrigeration required">
                <i data-ph="snowflake" class="size-full"></i>
              </div>
          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 3.70 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="1wZVPHq7gfkIVdDLGbuGA5zA9xE-QPSV323QvLUfmozbB48_5AqT3BmP61isK0VkZG2oQhPfe-RCaeKx-uostg" />
    <input value="14952" 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-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="4Cf034vyFOi828-v6Q9uwKJ9-w7Rrhp9kj8LG0FbrdbsJi7cFUMGza0B9Dxcn62nWtCkXfwxlQwPOzkWDq4b7A" />
    <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  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="MjlPAVgod22XW-MdeRQI51uLnAhIMkN-fdJbdGFXr1Q-OJUCxpllSIaB2I7MhMuAoybDW2WtzA_g1ml5LqIZbg" />
    <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/pistachios-roasted-and-salted-organic-175-g-6714">
          <img alt="Pistachios Roasted and Salted Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3875/file/small-efc56d38a5dd1c78dd222da35bdb33d9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3875/file/medium-1594b504741af72fe61ed092dade554b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3875/file/large-3dc919a0fe8897c6a7f4c6265177f2f9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3875/file/medium-1594b504741af72fe61ed092dade554b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/pistachios-roasted-and-salted-organic-175-g-6714">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Pistachios Roasted and Salted Organic, 175 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.25
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="oxwy8dfHzb-J95V5lG4x5gR3CyqPDUWu7R_xFEZR_PqvHejySXbfmpgtruoh_vKB_NpUeaKSyt9wG8MZCaRKwA" />
    <input value="6714" 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/oatmeal-porridge-gluten-free-small-flakes-organic-475-g-5047">
          <img alt="Oatmeal Porridge Gluten Free Small flakes Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2981/file/small-3dad3ac7ecde9a2cefde1a7ec55f0083.webp 600w, https://assets.fabulous.ch/public/variant_asset/2981/file/medium-88d66d69ebf69274fafdb7df8325c3ab.webp 900w, https://assets.fabulous.ch/public/variant_asset/2981/file/large-ebe2aef4632cf83064404b8446bc86a6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2981/file/medium-88d66d69ebf69274fafdb7df8325c3ab.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/oatmeal-porridge-gluten-free-small-flakes-organic-475-g-5047">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oatmeal Porridge Gluten Free Small flakes Organic, 475 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="NX5w1ryRv58yaZU-I55saIsFulzEyimTnotSu5_UhHw5f6rVIiCtuiOzrq2WDq8Pc6jlD-lVpuIDj2C20CEyRg" />
    <input value="5047" 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/biofarm-rye-grains-swiss-organic-1-kg-17894">
          <img alt="Rye Grains Swiss Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8866/file/small-d245066d1c2bcca371817f0925f79925.webp 600w, https://assets.fabulous.ch/public/variant_asset/8866/file/medium-f5adbe9a1697727f92d9418e93d1bfea.webp 900w, https://assets.fabulous.ch/public/variant_asset/8866/file/large-3e1c58630acb89d90cd8335ede6b80f8.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8866/file/medium-f5adbe9a1697727f92d9418e93d1bfea.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/biofarm-rye-grains-swiss-organic-1-kg-17894">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Rye Grains Swiss Organic, 1 kg</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 0.51 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tRke9Vw-VZpokAxrJGBrzHc1SkEy0ZkV4Ny6nIsNIPS5GMT2wo9Hv3lKN_iR8Kirj5gVEh9OFmR92IiRxPiWzg" />
    <input value="17894" 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/lentil-glass-jar-demeter-360-g-7509">
          <img alt="Lentil Glass Jar Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8871/file/small-020b1dad5d7fcca2a1540a811baeb2cf.webp 600w, https://assets.fabulous.ch/public/variant_asset/8871/file/medium-339466fce018e18785d258a6d84dfbbf.webp 900w, https://assets.fabulous.ch/public/variant_asset/8871/file/large-de8b27942bb64a88d3d4d427e8e5a01f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8871/file/medium-339466fce018e18785d258a6d84dfbbf.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">Nur Puur</p>
          <a href="/en/products/lentil-glass-jar-demeter-360-g-7509">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lentil Glass Jar Demeter, 360 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.15
            </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-7509-card">
        

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="JCj6DPM9vNWcq_A9GihbW9eajVe89yWe19A7jA6pp40oKSAPbYyu8I1xy66vuJg8LzfSBJFoqu9K1AmBQVwRtw" />
    <input value="7509" 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/cashew-nuts-organic-bulk-buy-2-5-kg-6017">
          <img alt="Cashew Nuts Organic Bulk Buy" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3453/file/small-4cc8909a4e27bd584fb02f6a337c8975.webp 600w, https://assets.fabulous.ch/public/variant_asset/3453/file/medium-09b0d52234203bf1406a8b00816ba281.webp 900w, https://assets.fabulous.ch/public/variant_asset/3453/file/large-48a82acbf36f65174ecc1276ec8986ab.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3453/file/medium-09b0d52234203bf1406a8b00816ba281.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/cashew-nuts-organic-bulk-buy-2-5-kg-6017">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cashew Nuts Organic Bulk Buy, 2.5 kg</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 91.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i6VgN7qyQ1ugnB4M7RvjQnzsn34LmkLruKCjKM6XxfGHpLo0JANRfrFGJZ9YiyAlhEHALSYFzZolpJElgWJzyw" />
    <input value="6017" 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/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="WG_9jQZJLgZn4ZP8lcXykLjtuMdTIBD4e2p_9rj920NUbieOmPg8I3Y7qG8gVTH3QEDnlH6_n4nmbk379whteQ" />
    <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 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/soybeans-unhulled-organic-500-g-624">
          <img alt="Soybeans Unhulled Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8870/file/small-32a1b4d7869fa01001f69cbe7551f2f2.webp 600w, https://assets.fabulous.ch/public/variant_asset/8870/file/medium-1da4da0ad909d263e645eab27021579f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8870/file/large-b3d4f3308344f424a3eb9f500b4484ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8870/file/medium-1da4da0ad909d263e645eab27021579f.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/soybeans-unhulled-organic-500-g-624">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soybeans Unhulled Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.75
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Et97GuqNkDpRykMiwbwdZSgYFKmm8UJDkdV3Gkhl4ZEe3qEZdDyCH0AQeLF0LN4C0LVL-otuzTIM0UUXB5BXqw" />
    <input value="624" 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/lupins-grist-organic-250-g-2807">
          <img alt="Lupins Grist Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1986/file/small-e8d2e6d71e7400c50bbeba30a5af24f9.webp 600w, https://assets.fabulous.ch/public/variant_asset/1986/file/medium-fe1c3436d31fc677590f4c00ba15131a.webp 900w, https://assets.fabulous.ch/public/variant_asset/1986/file/large-12ced2b6d64c82a7c9dc6494c4e7df39.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1986/file/medium-fe1c3436d31fc677590f4c00ba15131a.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Rapunzel</p>
          <a href="/en/products/lupins-grist-organic-250-g-2807">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lupins Grist Organic, 250 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 1.38 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="X13KbiFl9G0AGtuzMqc-yfa9EubaoW3LIfJwR1gYHUdTXBBtv9TmSBHA4CCHN_2uDhBNtfc-4rq89kJKF-2rfQ" />
    <input value="2807" 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 200 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/food/beans-nuts-co?format=turbo_stream&amp;page=3">Show more</a>
  </div>
</div>

</template></turbo-stream>