<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/genmai-su-rice-vinegar-organic-250-ml-f32d5bd7-7fbb-40aa-9d24-5076ee5fff6d-8374">
          <img alt="Genmai Su Rice Vinegar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4941/file/small-73ae1e278b378838d5d162e127705257.webp 600w, https://assets.fabulous.ch/public/variant_asset/4941/file/medium-d854a68326fb0da352311eff8afec45d.webp 900w, https://assets.fabulous.ch/public/variant_asset/4941/file/large-8bf3785cefdc8c77e7f151e75a98230b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4941/file/medium-d854a68326fb0da352311eff8afec45d.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">Arche</p>
          <a href="/en/products/genmai-su-rice-vinegar-organic-250-ml-f32d5bd7-7fbb-40aa-9d24-5076ee5fff6d-8374">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Genmai Su Rice Vinegar Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.80
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6oHOKXWA5oEc4UC7AMF57IKky_kfzJ9SqjozD_GCab9R2_MREzPN6eE-mmYHeVqS5xYuzYZWkMfnh2hcS8jZ_Q" />
    <input value="8374" 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/orange-oil-cleaner-concentrate-0-5-l-78">
          <img alt="Orange Oil Cleaner Concentrate" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/88/file/small-7c87c70aed8dff8514807cf1b17e3839.webp 600w, https://assets.fabulous.ch/public/variant_asset/88/file/medium-a667ca5f6c9771e598934b3ec182be6d.webp 900w, https://assets.fabulous.ch/public/variant_asset/88/file/large-16c28b1f94786b4d850d74ad5a1d3289.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/88/file/medium-a667ca5f6c9771e598934b3ec182be6d.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">Almawin</p>
          <a href="/en/products/orange-oil-cleaner-concentrate-0-5-l-78">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Orange Oil Cleaner Concentrate, 0.5 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 19.15
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vunBOUenztGzk0NOc2nIxcRwnB4LYD69Gp2btwV9wW4Fs_wBIRTluU5MmZN00eu7ocJ5KpL6MShXIMDkvzdxLA" />
    <input value="78" 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/soja-sauce-shoyu-28-less-salt-organic-250-ml-1023">
          <img alt="Soja Sauce Shoyu 28% less salt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/896/file/small-372e60d9ab6a56e30b6277b0ec586186.webp 600w, https://assets.fabulous.ch/public/variant_asset/896/file/medium-bdab273367219c25352b005b30b76446.webp 900w, https://assets.fabulous.ch/public/variant_asset/896/file/large-706a2dc44a5d68b64c7cb6f1b521c710.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/896/file/medium-bdab273367219c25352b005b30b76446.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">Lima</p>
          <a href="/en/products/soja-sauce-shoyu-28-less-salt-organic-250-ml-1023">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Soja Sauce Shoyu 28% less salt Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.60
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="0VrRIqIw8iQoBBYWaBBtdUepVlz6N8rBPPd2SABjL65qAOwaxIPZTNXbzMtvqE4LIhuzaGOtxVRxSi0buimf7A" />
    <input value="1023" 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/burger-grunkern-spelt-grains-organic-160-g-751">
          <img alt="Burger Grünkern Spelt Grains Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/698/file/small-4b4d6a8c4cc21d20d4889848eaf1e1a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/698/file/medium-590a6ea3b43857922bf49eeae274063a.webp 900w, https://assets.fabulous.ch/public/variant_asset/698/file/large-ce216c9e572e2b128479f5072691079b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/698/file/medium-590a6ea3b43857922bf49eeae274063a.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/burger-grunkern-spelt-grains-organic-160-g-751">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Burger Grünkern Spelt Grains Organic, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.90
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BURWLyP77JBki1MZHANg88bX7R6N9-TYtmXqShMqzOq-HmsXRUjH-JlUicQbu0ONo2UIKhRt60372LEZqWB8qA" />
    <input value="751" type="hidden" name="variant_id" id="variant_id" />
    <input value="1" type="hidden" name="quantity" id="quantity" />

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cookies-biobis-choco-coco-palm-oil-free-organic-300-g-8690">
          <img alt="Cookies Biobis Choco-Coco palm oil free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5058/file/small-0cdfaff47cde4eee9850033a5b6cae78.webp 600w, https://assets.fabulous.ch/public/variant_asset/5058/file/medium-885523cdb2c5eb86b9f7b8ae36906bb7.webp 900w, https://assets.fabulous.ch/public/variant_asset/5058/file/large-27921b3016b3749d595cad8e0752b232.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5058/file/medium-885523cdb2c5eb86b9f7b8ae36906bb7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Pural</p>
          <a href="/en/products/cookies-biobis-choco-coco-palm-oil-free-organic-300-g-8690">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Cookies Biobis Choco-Coco palm oil free Organic, 300 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.60 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eFOi75qEIGzen_OGVCBJ5FTpUX9DwiF0K8bzbiZJ5_PDCZ_X_DcLBCNAKVtTmGqaMVu0S9pYLuFme6g9nANXsQ" />
    <input value="8690" 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/seaweed-stock-bouillon-organic-150-g-2819">
          <img alt="Seaweed Stock / Bouillon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1992/file/small-264417001986affb4a0e7249c22e82e5.webp 600w, https://assets.fabulous.ch/public/variant_asset/1992/file/medium-e3e52fab4322136fcbd78e080b5bb522.webp 900w, https://assets.fabulous.ch/public/variant_asset/1992/file/large-b88a07feaaaead5120aae515f489e6dc.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1992/file/medium-e3e52fab4322136fcbd78e080b5bb522.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Kulau</p>
          <a href="/en/products/seaweed-stock-bouillon-organic-150-g-2819">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Seaweed Stock / Bouillon Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.60
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-alternative-to-mayonnaise-demeter-190-ml-99">
          <img alt="Vegan Alternative to Mayonnaise Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/109/file/small-55948bbffee759cc41092305bbd6de09.webp 600w, https://assets.fabulous.ch/public/variant_asset/109/file/medium-3e33aafcf0cfa418e0a5e42fd55211db.webp 900w, https://assets.fabulous.ch/public/variant_asset/109/file/large-5758a0c9ba16fcd12cb90ddfdaaa2205.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/109/file/medium-3e33aafcf0cfa418e0a5e42fd55211db.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/en/products/vegan-alternative-to-mayonnaise-demeter-190-ml-99">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Alternative to Mayonnaise Demeter, 190 ml</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 2.53 / 100 ml
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3QbekQEk0BTLezyEVea3wp38qajzcy8uEk0QgaP2zplmXOOpZ5f7fDak5llSXpS8-E5MnGrpILtf8EvSGbx-2w" />
    <input value="99" 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/panty-liners-curved-30-pcs-30-piece-1683">
          <img alt="Panty Liners Curved, 30 pcs" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1340/file/small-1bd0c82f84f9b08c8d52a5794b6613a6.webp 600w, https://assets.fabulous.ch/public/variant_asset/1340/file/medium-9c9d3d240927f229944abf39bec45a44.webp 900w, https://assets.fabulous.ch/public/variant_asset/1340/file/large-508a15dbeb38e9b3cbee0500e96b930b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1340/file/medium-9c9d3d240927f229944abf39bec45a44.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">Natracare</p>
          <a href="/en/products/panty-liners-curved-30-pcs-30-piece-1683">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Panty Liners Curved, 30 pcs, 30 pieces</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.45
            </p>

          </div>
            <p class="price-per text-xs text-gray-500">
            CHF 0.12 / Stk.
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3xpcvVh1pY81VCTXCGdlilB0aMTEM4pAvj0UU3tftylkQGGFPsaO58iL_goP30b0NcaN8F2phdXzgE8AwRUHaw" />
    <input value="1683" 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/lifebar-raw-bar-inchoco-plum-organic-40-g-7268">
          <img alt="Lifebar Raw Bar InChoco Plum Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4118/file/small-8a5e33dd8c3e0e212854a28e520649d4.webp 600w, https://assets.fabulous.ch/public/variant_asset/4118/file/medium-bd8e4dee435a91402feecfddc82a82d0.webp 900w, https://assets.fabulous.ch/public/variant_asset/4118/file/large-b8bb06a0414d4bfbdcc0d99b22ab60e9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4118/file/medium-bd8e4dee435a91402feecfddc82a82d0.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Lifefood</p>
          <a href="/en/products/lifebar-raw-bar-inchoco-plum-organic-40-g-7268">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Lifebar Raw Bar InChoco Plum Organic, 40 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.10
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/spread-basitom-organic-135-g-385">
          <img alt="Spread Basitom Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/336/file/small-5fffdac62f801718a942e6002b0c0ccd.webp 600w, https://assets.fabulous.ch/public/variant_asset/336/file/medium-c3da5d8d687d10067c650162bde21843.webp 900w, https://assets.fabulous.ch/public/variant_asset/336/file/large-0e8ee8e49286dcc2a3e306b46a22dddd.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/336/file/medium-c3da5d8d687d10067c650162bde21843.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Zwergenwiese</p>
          <a href="/en/products/spread-basitom-organic-135-g-385">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Spread Basitom Organic, 135 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6RWbBBvIqbJm5z9zqboMG6_T2n4L6CuO1MjTji8eGvFST6Y8fXuC2ps45a6uAi9lymE_SpJyJBuZdYjdlVSqsw" />
    <input value="385" 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/crunchy-fruity-mango-freeze-dried-raw-organic-18-g-7501">
          <img alt="Crunchy Fruity Mango Freeze Dried RAW Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4310/file/small-e8b1db66afae6ac8a5086ff876d923a0.webp 600w, https://assets.fabulous.ch/public/variant_asset/4310/file/medium-16f3c5cdf1f3ad7418956720c2cba108.webp 900w, https://assets.fabulous.ch/public/variant_asset/4310/file/large-160acf300a673404fcc9dd0024f02a04.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4310/file/medium-16f3c5cdf1f3ad7418956720c2cba108.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">Organica</p>
          <a href="/en/products/crunchy-fruity-mango-freeze-dried-raw-organic-18-g-7501">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Crunchy Fruity Mango Freeze Dried RAW Organic, 18 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.50
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="4WNo7A20nlM1ncGykjJODRxByEpIKs-mxyb8lbJCp8RaOVXUawe1O8hCG2-Vim1zefMtftGwwDOKm6fGCAgXhg" />
    <input value="7501" 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/nussarella-vegan-alternative-to-cheese-chopf-nuss-organic-90-g-15708">
          <img alt="Nussarella – Vegan Alternative to Cheese Chopf-Nuss Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7156/file/small-ac430527742f6027b049743da82784ed.webp 600w, https://assets.fabulous.ch/public/variant_asset/7156/file/medium-a852ebe73da048f5c7744d03e5689ee8.webp 900w, https://assets.fabulous.ch/public/variant_asset/7156/file/large-6756b5c981d38c00d310da4a79645490.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7156/file/medium-a852ebe73da048f5c7744d03e5689ee8.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">Chopf-Nuss</p>
          <a href="/en/products/nussarella-vegan-alternative-to-cheese-chopf-nuss-organic-90-g-15708">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Nussarella – Vegan Alternative to Cheese Chopf-Nuss Organic, 90 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ewPs60OWYl_dVTJ0y9RfLZj0QZWm874bSu4htbDqtrHAWdHTJSVJNyCK6KnMbHxT_UakoT9psY4HU3rmCqAG8w" />
    <input value="15708" 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/salad-dressing-italian-organic-500-ml-3614">
          <img alt="Salad Dressing Italian Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2367/file/small-32f469b779dad03b9fbaeb6d828a5ad3.webp 600w, https://assets.fabulous.ch/public/variant_asset/2367/file/medium-4bead41becbf3840d4679f0ce4f55e3e.webp 900w, https://assets.fabulous.ch/public/variant_asset/2367/file/large-4aeba05af9b3750cd17270d749c5a136.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2367/file/medium-4bead41becbf3840d4679f0ce4f55e3e.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">huusgmacht</p>
          <a href="/en/products/salad-dressing-italian-organic-500-ml-3614">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Salad Dressing Italian Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.45
            </p>

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

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

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

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


  

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

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/vegan-slices-dinki-affumato-organic-100-g-2716">
          <img alt="Vegan Slices Dinki Affumato Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/1952/file/small-c24ab4e84c550d941445be420f3e0a1c.webp 600w, https://assets.fabulous.ch/public/variant_asset/1952/file/medium-9a99c1ea60d070af71027ef419b3a16b.webp 900w, https://assets.fabulous.ch/public/variant_asset/1952/file/large-820668e330044b0f9f6fc0a64eb8c1b5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/1952/file/medium-9a99c1ea60d070af71027ef419b3a16b.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/vegan-slices-dinki-affumato-organic-100-g-2716">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Vegan Slices Dinki Affumato Organic, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6wtM5DIMipS7IBPJruaaBmDXcfpoWHXlyrg8X4F5eMpQUXHcVL-h_Eb_yRSpXrl4BWWUzvHCenCHBWcMOzPIiA" />
    <input value="2716" 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/chocolate-balls-delight-organic-120-g-1864">
          <img alt="Chocolate Balls Delight Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8614/file/small-aa819a896208ad7f3db14029747a834e.webp 600w, https://assets.fabulous.ch/public/variant_asset/8614/file/medium-23caca4746416b7ca779a3d43e44d199.webp 900w, https://assets.fabulous.ch/public/variant_asset/8614/file/large-786fade69b63667b6548144d8dde7dd4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8614/file/medium-23caca4746416b7ca779a3d43e44d199.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/chocolate-balls-delight-organic-120-g-1864">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chocolate Balls Delight Organic, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.65
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="lQ3SOG8fsvpSE4EHZQZss4D-6FNJzrf7InSdGTP_BXguV-8ACayZkq_MW9pivk_N5UwNZ9BUuG5vycZKibW1Og" />
    <input value="1864" 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/oil-avocado-virgin-organic-250-ml-2861">
          <img alt="Oil Avocado Virgin Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2017/file/small-2305e70d50081c40b01ade26ee5f78ef.webp 600w, https://assets.fabulous.ch/public/variant_asset/2017/file/medium-153532e9a8ddd74a36fa722a0c88ebc8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2017/file/large-54b04996a8e7a12e34878d8420762a76.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2017/file/medium-153532e9a8ddd74a36fa722a0c88ebc8.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 Planète</p>
          <a href="/en/products/oil-avocado-virgin-organic-250-ml-2861">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Oil Avocado Virgin Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 16.00
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="LDHRdISNxYpP_T7hbZZ9LcfnkeV5PZl2Xo3P8HO6vbGXa-xM4j7u4rIi5DxqLl5TolV00eCnluMTMJSjyfAN8w" />
    <input value="2861" 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/food-colouring-gluten-free-organic-8-g-650">
          <img alt="Food Colouring Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/599/file/small-2502c9943eb2f571f6d726a7a7e73d61.webp 600w, https://assets.fabulous.ch/public/variant_asset/599/file/medium-457ea55fa40101e73b2bc1ffb425c053.webp 900w, https://assets.fabulous.ch/public/variant_asset/599/file/large-c24e03388cce01f93338a0913ea0211d.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/599/file/medium-457ea55fa40101e73b2bc1ffb425c053.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Biovegan</p>
          <a href="/en/products/food-colouring-gluten-free-organic-8-g-650">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Food Colouring Gluten Free Organic, 6 x 8 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 10.20
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="a8HXq01gz9eJsitvc_PPK7r-v8IgZEPw6mxL6H8PMgrQm-qTK9Pkv3Rt8bJ0S-xV30xa9rn-TGWn0RC7xUWCSA" />
    <input value="650" 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/chips-tortilla-chips-blue-corn-organic-150-g-11129">
          <img alt="Chips Tortilla Chips Blue Corn Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5697/file/small-2443e8318d12711f340913934ca48315.webp 600w, https://assets.fabulous.ch/public/variant_asset/5697/file/medium-a144ee0e0150e4a050f5def5b44fc0c6.webp 900w, https://assets.fabulous.ch/public/variant_asset/5697/file/large-22194eb9328f6d1718b6c14ea2d6f321.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5697/file/medium-a144ee0e0150e4a050f5def5b44fc0c6.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">MiAdelita</p>
          <a href="/en/products/chips-tortilla-chips-blue-corn-organic-150-g-11129">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chips Tortilla Chips Blue Corn Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.70
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fIoXN8MaGySJe0In8xfib8wSxBcXBv0vqr5fTto5OMnH0CoPpakwTHSkmPr0r8ERqaAhI46c8rrnAwQdYHOIiw" />
    <input value="11129" 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/mustard-oil-organic-250-ml-17537">
          <img alt="Mustard Oil Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8182/file/small-837e3385ffbe08e5b1c53bce744bde39.webp 600w, https://assets.fabulous.ch/public/variant_asset/8182/file/medium-39b380b1aba4a7a7fea2a376cf12874f.webp 900w, https://assets.fabulous.ch/public/variant_asset/8182/file/large-3a038c35b913e44072d40117a67abcc7.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8182/file/medium-39b380b1aba4a7a7fea2a376cf12874f.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 Planète</p>
          <a href="/en/products/mustard-oil-organic-250-ml-17537">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Mustard Oil Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 9.55
            </p>

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

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="iVbWG0g4Jj-WLGaiugGPKxvW_bAtgjIhfT7tNslVi-AyDOsjLosNV2vzvH-9uaxVfmQYhLQYPbQwg7Zlcx87og" />
    <input value="17537" 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/chocolate-bar-latin-america-dark-100-cocoa-organic-80-g-16750">
          <img alt="Chocolate Bar Latin America Dark 100% Cocoa Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7769/file/small-c493bc4f075dd12497aff6d286ff51a8.webp 600w, https://assets.fabulous.ch/public/variant_asset/7769/file/medium-7dfe06e28b3678fe36ac366cdab71ba9.webp 900w, https://assets.fabulous.ch/public/variant_asset/7769/file/large-0b954593a1c5d0f090175868bd1e4260.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7769/file/medium-7dfe06e28b3678fe36ac366cdab71ba9.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/en/products/chocolate-bar-latin-america-dark-100-cocoa-organic-80-g-16750">
            <p class="title leading-6 text-lg font-bold text-fabulous-600 line-clamp-3">Chocolate Bar Latin America Dark 100% Cocoa Organic, 80 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 6.13 / 100 g
            </p>
        </div>
      </div>

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

  <form action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="odjtwlIP9_1n7s_jYsppGKpBw9It-JNlj-rY-to_pdsagtD6NLzclZoxFT5lckpmz_Mm5rRinPDCV4OpYHUVmQ" />
    <input value="16750" 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">
      1&#39;020 of 3&#39;184 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/gottlieber-huppen?format=turbo_stream&amp;page=52">Show more</a>
  </div>
</div>

</template></turbo-stream>