<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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbluefarm%3Fformat%3Dturbo_stream%26page%3D49">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/floresta-vegetable-herb-salt-glass-47-g-20293">
          <img alt="Floresta Vegetable Herb Salt organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11506/file/small-ddde091d9fe6d5ebd7b6211f19669bcb.webp 600w, https://assets.fabulous.ch/public/variant_asset/11506/file/medium-ac4b34dc29c0736255f610c4d7aaeaf8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11506/file/large-579c07846bc208870bfd664dcd6370ba.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11506/file/medium-ac4b34dc29c0736255f610c4d7aaeaf8.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">Chalira</p>
          <a href="/en/products/floresta-vegetable-herb-salt-glass-47-g-20293">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Floresta Vegetable Herb Salt organic, 47 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20293&quot;],&quot;content_name&quot;:&quot;Floresta Vegetable Herb Salt organic, 47 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20293&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="BftDQ1oT_UbFIfw_fCQ7KvThEDjPy_pqOKh_fKz99ju2i5By6cNOB43ncdowi3Gx52HimAnWLm6w3GsjMaifjw" />
    <input value="20293" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbluefarm%3Fformat%3Dturbo_stream%26page%3D49">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/65-g-871cb087-bec2-40e0-8a6c-28d2aeec6945-18488">
          <img alt="Essenza Vegetable Bouillon Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11511/file/small-f7be0be71bb0662d9d288fb9bd6ae05a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11511/file/medium-50458cb1cff08a6b99aaefe3dab8abfc.webp 900w, https://assets.fabulous.ch/public/variant_asset/11511/file/large-8fdc4c3300d32a109f5a914c20fa3350.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11511/file/medium-50458cb1cff08a6b99aaefe3dab8abfc.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">Chalira</p>
          <a href="/en/products/65-g-871cb087-bec2-40e0-8a6c-28d2aeec6945-18488">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Essenza Vegetable Bouillon Organic, 65 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18488&quot;],&quot;content_name&quot;:&quot;Essenza Vegetable Bouillon Organic, 65 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18488&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="3xtdg7yEeMb8R9shxxfc2hhl0CdnWs7wsos50yGwaIZsa46yD1TLh7SBVsSLuJZBC-Uih6FHGvQ6_y2MvOUBMg" />
    <input value="18488" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbluefarm%3Fformat%3Dturbo_stream%26page%3D49">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/babajaga-stew-seasoning-jar-55-g-20302">
          <img alt="Babajaga Stew Seasoning Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11520/file/small-94c4ab905ac8217ebe01843f8969b084.webp 600w, https://assets.fabulous.ch/public/variant_asset/11520/file/medium-de98fe2f990fe446f4c5afb73d7fba22.webp 900w, https://assets.fabulous.ch/public/variant_asset/11520/file/large-abbd11ae430e3ea802ec831850508ca4.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11520/file/medium-de98fe2f990fe446f4c5afb73d7fba22.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">Chalira</p>
          <a href="/en/products/babajaga-stew-seasoning-jar-55-g-20302">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Babajaga Stew Seasoning Organic, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20302&quot;],&quot;content_name&quot;:&quot;Babajaga Stew Seasoning Organic, 55 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20302&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="d1TogvVBTATV-pvk3cRF8CnJ_6wD_IVEVzCQvyxzp3DEJDuzRpH_RZ08FgGRaw9rOkkNDMXhUUDfRITgsSbOxA" />
    <input value="20302" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbluefarm%3Fformat%3Dturbo_stream%26page%3D49">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/70-g-70f61a27-6ccc-4672-8fc7-563741ce4b44-18667">
          <img alt="Vanilla Cream Conventional" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9643/file/small-f956083b7a4cfd2bd44f1ee0f0e1b207.webp 600w, https://assets.fabulous.ch/public/variant_asset/9643/file/medium-caf55da49b2592ae5ba51dcecf51ec5d.webp 900w, https://assets.fabulous.ch/public/variant_asset/9643/file/large-fb40fa5dd120e0fbbfb8572f2c6899e0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9643/file/medium-caf55da49b2592ae5ba51dcecf51ec5d.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/en/products/70-g-70f61a27-6ccc-4672-8fc7-563741ce4b44-18667">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vanilla Cream Conventional, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18667&quot;],&quot;content_name&quot;:&quot;Vanilla Cream Conventional, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18667&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7qZKIHvtDIqWQMS1dehNdm_7HYOh6vlOGQX_oHkxH3Fd1pkRyD2_y96GSVA5RwftfHvvI2f3LUqRcev_5GR2xQ" />
    <input value="18667" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbluefarm%3Fformat%3Dturbo_stream%26page%3D49">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/160-g-a5a8a3e5-8f77-46a4-906f-bf1206c679a1-18662">
          <img alt="Caramel Pudding" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9640/file/small-9c2fc2d6a89e4d2411342960304932fd.webp 600w, https://assets.fabulous.ch/public/variant_asset/9640/file/medium-ef5df8c9d7fce81265cf6cc10cafa537.webp 900w, https://assets.fabulous.ch/public/variant_asset/9640/file/large-c2048807c2464c9b298f2d78a383d733.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9640/file/medium-ef5df8c9d7fce81265cf6cc10cafa537.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/en/products/160-g-a5a8a3e5-8f77-46a4-906f-bf1206c679a1-18662">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Caramel Pudding, 160 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.10
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18662&quot;],&quot;content_name&quot;:&quot;Caramel Pudding, 160 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18662&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="fRLfp7i12K-KqVGbp5mVpYpYoACevGPaOeVDvy20KfvOYgyWC2Vr7sJv3H7rNt8-mdhSoFiht96xkVfgsOFATw" />
    <input value="18662" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbluefarm%3Fformat%3Dturbo_stream%26page%3D49">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/barechrut-herbal-salt-glass-55-g-20299">
          <img alt="Bärechrut Herbal Salt organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11516/file/small-244fd6ac7f0c691509ed1a9c016c5896.webp 600w, https://assets.fabulous.ch/public/variant_asset/11516/file/medium-330c7b16ec0d943575dcc75af67f1302.webp 900w, https://assets.fabulous.ch/public/variant_asset/11516/file/large-56f76320a975b15733003ced4f074c58.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11516/file/medium-330c7b16ec0d943575dcc75af67f1302.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">Chalira</p>
          <a href="/en/products/barechrut-herbal-salt-glass-55-g-20299">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bärechrut Herbal Salt organic, 55 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20299&quot;],&quot;content_name&quot;:&quot;Bärechrut Herbal Salt organic, 55 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20299&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="jhha9AIsH2LH6GA5CLzIdUxMFgm7bykJilI6kWobCHU9aInFsfysI48u7dxEE4LuX8zkqX1y_Q0CJi7O905hwQ" />
    <input value="20299" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbluefarm%3Fformat%3Dturbo_stream%26page%3D49">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/asura-37-g-20181">
          <img alt="Asura organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11268/file/small-a0f068383ed0121e2d73bd1a9e075d78.webp 600w, https://assets.fabulous.ch/public/variant_asset/11268/file/medium-904a6b0a7535289931c810fa462947cd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11268/file/large-9a91aea439404f3839fd98218a1a7f70.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11268/file/medium-904a6b0a7535289931c810fa462947cd.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">Chalira</p>
          <a href="/en/products/asura-37-g-20181">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Asura organic, 37 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20181&quot;],&quot;content_name&quot;:&quot;Asura organic, 37 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20181&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="7OqDannpgL02kiMYZVfwSSi9BmCRzshmWENLGneIwDZfmlBbyjkz_H5Urv0p-LrSOz30wFfTHGLQN19F6t2pgg" />
    <input value="20181" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbluefarm%3Fformat%3Dturbo_stream%26page%3D49">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/34-g-19760">
          <img alt="Aruna Spice Blend Violet Curry Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10348/file/small-7d1c63a67af1011f9c1d83495e9e6b58.webp 600w, https://assets.fabulous.ch/public/variant_asset/10348/file/medium-3e7caafce796cdcb75494ebfa970b8bb.webp 900w, https://assets.fabulous.ch/public/variant_asset/10348/file/large-032ffb4ec264b736e299431b413403eb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10348/file/medium-3e7caafce796cdcb75494ebfa970b8bb.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">Chalira</p>
          <a href="/en/products/34-g-19760">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aruna Spice Blend Violet Curry Organic, 38 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;19760&quot;],&quot;content_name&quot;:&quot;Aruna Spice Blend Violet Curry Organic, 38 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;19760&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hh88PB20I2ELZZiNIUNkZWaDz1Su1l5htBjuv0R36KE1b-8NrmSQIEOjFWht7C7-dQM99GjLimU8bPrg2SKBFQ" />
    <input value="19760" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbluefarm%3Fformat%3Dturbo_stream%26page%3D49">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/acropolis-olive-salt-organic-70-g-20179">
          <img alt="Acropolis Olive Salt organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11266/file/small-6d7ed11b98bdd173365d8aa30e76ad70.webp 600w, https://assets.fabulous.ch/public/variant_asset/11266/file/medium-0e82d3907d1ecb55abce286e54481613.webp 900w, https://assets.fabulous.ch/public/variant_asset/11266/file/large-c8ab6a4f1ae599110dc686f19dbb7cd2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11266/file/medium-0e82d3907d1ecb55abce286e54481613.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">Chalira</p>
          <a href="/en/products/acropolis-olive-salt-organic-70-g-20179">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Acropolis Olive Salt organic, 70 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20179&quot;],&quot;content_name&quot;:&quot;Acropolis Olive Salt organic, 70 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20179&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="bhcNDAkgKRrVaNZhNbTLvThTYSpO6LUSdKF73SGlspXdZ949uvCaW52uW4R5G4EmK9OTioj1YRb81W-CvPDbIQ" />
    <input value="20179" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbluefarm%3Fformat%3Dturbo_stream%26page%3D49">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/500-g-b90f05df-db01-48e5-846e-7767027eedf1-18685">
          <img alt="Oat Bran Demeter Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9251/file/small-813a0378ea5a06a98146aff20a0a2cb5.webp 600w, https://assets.fabulous.ch/public/variant_asset/9251/file/medium-99f802b8ef1030c97e2e7b9e7da79d08.webp 900w, https://assets.fabulous.ch/public/variant_asset/9251/file/large-ce0124b9e204aa91ec4448f338d80974.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9251/file/medium-99f802b8ef1030c97e2e7b9e7da79d08.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/en/products/500-g-b90f05df-db01-48e5-846e-7767027eedf1-18685">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oat Bran Demeter Organic, 500 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 6.90
            </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-18685-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18685&quot;],&quot;content_name&quot;:&quot;Oat Bran Demeter Organic, 500 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18685&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:6.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6TMNdznDJtawWcDrjn5RQPixZQPpHjow6hi1vWClNnhaQ95GihOVl_ifTQ7C0Rvb6zGXoy8D7jRibKHi_fBfzA" />
    <input value="18685" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbluefarm%3Fformat%3Dturbo_stream%26page%3D49">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/coconaut-coconut-water-with-mango-juice-320-ml-22152">
          <img alt="Coconaut Coconut Water with Mango Juice" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11676/file/small-2b302ccc3ca231025fe18a714287bd3a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11676/file/medium-ada8193a0a8d1f76921c5ee5740338e8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11676/file/large-d4a06d47a545f65b39a9bf67c825b489.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11676/file/medium-ada8193a0a8d1f76921c5ee5740338e8.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">COCONAUT® Schweiz</p>
          <a href="/en/products/coconaut-coconut-water-with-mango-juice-320-ml-22152">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconaut Coconut Water with Mango Juice, 320 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22152&quot;],&quot;content_name&quot;:&quot;Coconaut Coconut Water with Mango Juice, 320 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22152&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rC7KO-jbDY2gmURwDdgUMAm38kCEtxkqG5uN_1nZI0IfXhkKWwu-zOhfyZVBd16rGjcA4EKqzS6T75mgxIxK9g" />
    <input value="22152" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbluefarm%3Fformat%3Dturbo_stream%26page%3D49">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/coconaut-coconut-water-with-watermelon-juice-320-ml-22151">
          <img alt="Coconaut Coconut Water with Watermelon Juice" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11675/file/small-cad3e6c43e799aa1f2be86fd5ab2b9b4.webp 600w, https://assets.fabulous.ch/public/variant_asset/11675/file/medium-acd623d0629d5200e344ba2f45527a78.webp 900w, https://assets.fabulous.ch/public/variant_asset/11675/file/large-89ecfae645ed35597efef1497cbfb15b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11675/file/medium-acd623d0629d5200e344ba2f45527a78.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">COCONAUT® Schweiz</p>
          <a href="/en/products/coconaut-coconut-water-with-watermelon-juice-320-ml-22151">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconaut Coconut Water with Watermelon Juice, 320 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22151&quot;],&quot;content_name&quot;:&quot;Coconaut Coconut Water with Watermelon Juice, 320 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22151&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zp_Ak8xQRaKXihQGhNYU61asdV0ZsntuFEy1jDz9I7F97xOif4D2499MmePIeV5wRSyH_d-vr2qcOKHToahKBQ" />
    <input value="22151" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbluefarm%3Fformat%3Dturbo_stream%26page%3D49">
    <i data-ph="heart" class="size-full"></i>
</a>
    <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-accent-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Out
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/400-g-cec230d0-76ab-49a2-a266-2ab34fd767c5-18722">
          <img alt="Wheat Gluten" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9258/file/small-78d2cc435ce156c9a1fa9a6d59eb032d.webp 600w, https://assets.fabulous.ch/public/variant_asset/9258/file/medium-97e0bcef6bff48910119b8e4d7ffdc57.webp 900w, https://assets.fabulous.ch/public/variant_asset/9258/file/large-c66377eb73991d9b74c93d9eef451fa6.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9258/file/medium-97e0bcef6bff48910119b8e4d7ffdc57.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">MORGA</p>
          <a href="/en/products/400-g-cec230d0-76ab-49a2-a266-2ab34fd767c5-18722">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Wheat Gluten, 400 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.95
            </p>

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

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

    
  <a class="flex items-center text-default btn btn--accent group justify-center w-full cursor-pointer" href="/en/account/stock-alerts">
    <div class="icon">
      <i data-ph="bell" class="size-full"></i>
    </div>
    Notify me
</a>

      </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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbluefarm%3Fformat%3Dturbo_stream%26page%3D49">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/coconaut-coconut-water-with-yuzu-juice-320-ml-22153">
          <img alt="Coconaut Coconut Water with Yuzu Juice" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11677/file/small-60fe543b1cc1f677f2b4eb7ddd215b1a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11677/file/medium-c34c0d55bf05364c09dde838a5b069ef.webp 900w, https://assets.fabulous.ch/public/variant_asset/11677/file/large-d0309dc83e3387aa8d515f19e37e10c1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11677/file/medium-c34c0d55bf05364c09dde838a5b069ef.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">COCONAUT® Schweiz</p>
          <a href="/en/products/coconaut-coconut-water-with-yuzu-juice-320-ml-22153">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconaut Coconut Water with Yuzu Juice, 320 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22153&quot;],&quot;content_name&quot;:&quot;Coconaut Coconut Water with Yuzu Juice, 320 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22153&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="653ycuoWAh_lGrENNi6gmdZcJJVL5_VSQFY8ycJIOHFY7SFDWcaxXq3cPOh6geoCxdzWNY36IVbIIiiWXx1RxQ" />
    <input value="22153" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbluefarm%3Fformat%3Dturbo_stream%26page%3D49">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/coconaut-coconut-water-with-white-peach-juice-320-ml-22155">
          <img alt="Coconaut Coconut Water with White Peach Juice" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11678/file/small-9fdb3c5e19ad5ed187cdb6630c6aa683.webp 600w, https://assets.fabulous.ch/public/variant_asset/11678/file/medium-808fe7617517a86b26b51d13c5ddbb8c.webp 900w, https://assets.fabulous.ch/public/variant_asset/11678/file/large-9406bba80fcf27d8be8b161a4864f576.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11678/file/medium-808fe7617517a86b26b51d13c5ddbb8c.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">COCONAUT® Schweiz</p>
          <a href="/en/products/coconaut-coconut-water-with-white-peach-juice-320-ml-22155">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconaut Coconut Water with White Peach Juice, 320 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22155&quot;],&quot;content_name&quot;:&quot;Coconaut Coconut Water with White Peach Juice, 320 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22155&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="dC7uPbA0YmcM55PVZK1H1X7HQe_QWoaa0gwdIgICVK7HXj0MA-TRJkQhHjAoAg1ObUezTxZHUp5aeAl9n1c9Gg" />
    <input value="22155" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbluefarm%3Fformat%3Dturbo_stream%26page%3D49">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/coconaut-sparkling-coconut-water-320-ml-22149">
          <img alt="Coconaut Sparkling Coconut Water" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11673/file/small-a8030fee7e17c1852206f1a57fb1bcc6.webp 600w, https://assets.fabulous.ch/public/variant_asset/11673/file/medium-5aa3b9c6e44b9583d01ab821552524e2.webp 900w, https://assets.fabulous.ch/public/variant_asset/11673/file/large-baaacbd0376e87f64e0efe1dbbf44ec5.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11673/file/medium-5aa3b9c6e44b9583d01ab821552524e2.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">COCONAUT® Schweiz</p>
          <a href="/en/products/coconaut-sparkling-coconut-water-320-ml-22149">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconaut Sparkling Coconut Water, 320 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22149&quot;],&quot;content_name&quot;:&quot;Coconaut Sparkling Coconut Water, 320 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22149&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RFCcs6D-eMVlnqy48c6NKO2L48LXhgHoR9VItcrMAJL3IE-CEy7LhC1YIV29Ycez_gsRYhGb1ezPoVzqV5lpJg" />
    <input value="22149" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbluefarm%3Fformat%3Dturbo_stream%26page%3D49">
    <i data-ph="heart" class="size-full"></i>
</a>
    <div class="rounded-lg absolute z-10 flex flex-col justify-center items-center left-2 lg:-left-4 top-0 md:top-2 lg:-top-4 bg-orange-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    New
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/coconaut-coconut-water-with-pineapple-juice-320-ml-22150">
          <img alt="Coconaut Coconut Water with Pineapple Juice" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11674/file/small-5af39898b7f745dc0e1e7b9a94e43be0.webp 600w, https://assets.fabulous.ch/public/variant_asset/11674/file/medium-4fc90faca6475786870bc588009983bd.webp 900w, https://assets.fabulous.ch/public/variant_asset/11674/file/large-9facdb4ae8d7bfff5b3f6d7f823f78df.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11674/file/medium-4fc90faca6475786870bc588009983bd.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">COCONAUT® Schweiz</p>
          <a href="/en/products/coconaut-coconut-water-with-pineapple-juice-320-ml-22150">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconaut Coconut Water with Pineapple Juice, 320 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;22150&quot;],&quot;content_name&quot;:&quot;Coconaut Coconut Water with Pineapple Juice, 320 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;22150&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MdqfkZK5ZkQHGZn1kTJM-wkZKtS5kk45_BZz5yqcivaCqkygIWnVBU_fFBDdnQZgGpnYdH-Pmj10Yme4t8njQg" />
    <input value="22150" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbluefarm%3Fformat%3Dturbo_stream%26page%3D49">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/250-ml-a30a0f28-404e-49da-a87d-f5dc86924c76-18733">
          <img alt="Ume Su Plum Vinegar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/10001/file/small-347fa90d67899bc3d3b8cb7b718bca2e.webp 600w, https://assets.fabulous.ch/public/variant_asset/10001/file/medium-868171108aa44246176990111ad01a45.webp 900w, https://assets.fabulous.ch/public/variant_asset/10001/file/large-177884f2cad106427f69f850fd7759a9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/10001/file/medium-868171108aa44246176990111ad01a45.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">Muso</p>
          <a href="/en/products/250-ml-a30a0f28-404e-49da-a87d-f5dc86924c76-18733">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ume Su Plum Vinegar Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18733&quot;],&quot;content_name&quot;:&quot;Ume Su Plum Vinegar Organic, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18733&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="cCupVHU4c9pYSIwufxy6L5EPZtTcnhqfkGxe2pnKdfDDW3plxujAmxCOAcszs_C0go-UdBqDzpsYGEqFBJ8cRA" />
    <input value="18733" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbluefarm%3Fformat%3Dturbo_stream%26page%3D49">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/150-g-2a4422c8-c836-4244-abe1-6093aaeb81a3-18735">
          <img alt="Umeboshi Paste" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11207/file/small-b29068b3b371854fafb61f6e80f9078a.webp 600w, https://assets.fabulous.ch/public/variant_asset/11207/file/medium-b7075caea7c6de58dca99c9ac2ccf6dc.webp 900w, https://assets.fabulous.ch/public/variant_asset/11207/file/large-83b280db52b1d4be191a22766f982f37.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11207/file/medium-b7075caea7c6de58dca99c9ac2ccf6dc.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">Muso</p>
          <a href="/en/products/150-g-2a4422c8-c836-4244-abe1-6093aaeb81a3-18735">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Umeboshi Paste, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 7.70
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18735&quot;],&quot;content_name&quot;:&quot;Umeboshi Paste, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18735&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.7,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="2ZrGLLgq8q0_xr7RkJ-0atgBloB9kGrT3uzXOKTNAdJq6hUdC_pB7HcAMzTcMP7xy4FkILuNvtdWmMNnOZhoZg" />
    <input value="18735" 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"
       data-wishlist-card>
    


  <a class="wishlist-button size-8 absolute top-2 right-2 z-10 text-accent-600 cursor-pointer" aria-label="Register to save this item" href="/en/signup?return_to=%2Fen%2Fcategories%2Fbluefarm%3Fformat%3Dturbo_stream%26page%3D49">
    <i data-ph="heart" class="size-full"></i>
</a>
    

    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/60-g-3106d0ff-8534-4a41-a697-b77844fc5711-18732">
          <img alt="Ginger Pickles" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/9999/file/small-0a086cf1580affd2851a2e076fddfb1e.webp 600w, https://assets.fabulous.ch/public/variant_asset/9999/file/medium-faa764527d4fd51f69c320fefe101511.webp 900w, https://assets.fabulous.ch/public/variant_asset/9999/file/large-f51ba5c6691c2cf173ee79dd5a695e99.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/9999/file/medium-faa764527d4fd51f69c320fefe101511.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">Muso</p>
          <a href="/en/products/60-g-3106d0ff-8534-4a41-a697-b77844fc5711-18732">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Ginger Pickles, 60 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;18732&quot;],&quot;content_name&quot;:&quot;Ginger Pickles, 60 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;18732&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="AdElHrIUmlkMvPoG21f9IPUiiqr2Ivz957j10k2cM5CyofYvAcQpGER6d-OX-Le75qJ4CjA_KPlvzOGN0MlaJA" />
    <input value="18732" 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">
      980 of 3&#39;721 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/bluefarm?format=turbo_stream&amp;page=50">Show more</a>
  </div>
</div>

</template></turbo-stream>