<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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D173">
    <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="GZLEQKBOkR0EPYUu2JuQPnWuiT5_mVX06P66zeUKZTaNRpPenXghlBuyOBIATqFWAg-_6pYsrm_LRIgihW1gSA" />
    <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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D173">
    <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-17-g-20182">
          <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/11269/file/small-e14c3aea3c673b1072985352c14943be.webp 600w, https://assets.fabulous.ch/public/variant_asset/11269/file/medium-a95ca766473a360374c4bb556e3cfece.webp 900w, https://assets.fabulous.ch/public/variant_asset/11269/file/large-7736697a4fe8d8adf1d107452c3032ef.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11269/file/medium-a95ca766473a360374c4bb556e3cfece.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-17-g-20182">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Asura organic, 17 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20182&quot;],&quot;content_name&quot;:&quot;Asura organic, 17 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20182&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tuDdKMCjxjQjU71aCnjbMByS8umUp7zjxaLaNS9uimYiNIq2_ZV2vTzcAGbSrepYazPEPX0SR3jmGOjaTwmPGA" />
    <input value="20182" 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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D173">
    <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/valero-herb-salt-organic-47-g-20187">
          <img alt="Valero 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/11271/file/small-82a7a215750534f1aefa3ee641ee19c7.webp 600w, https://assets.fabulous.ch/public/variant_asset/11271/file/medium-e2f7225f055d421768e3de9a33f86377.webp 900w, https://assets.fabulous.ch/public/variant_asset/11271/file/large-fa181202560a568db62c0bfe591d6302.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11271/file/medium-e2f7225f055d421768e3de9a33f86377.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/valero-herb-salt-organic-47-g-20187">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Valero 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-20187-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20187&quot;],&quot;content_name&quot;:&quot;Valero Herb Salt Organic, 47 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20187&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="ArzlNp5RHyV_-XJl_oxfwv0pMXuu4_Ct6bQCwkkIN-6WaLKoo2evrGB2z1kmWW6qiogHr0dWCzbKDjAtKW8ykA" />
    <input value="20187" 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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D173">
    <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/valero-herb-salt-organic-22-g-20189">
          <img alt="Valero 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/11273/file/small-e3f491ea5ff555869ae634edef6fa897.webp 600w, https://assets.fabulous.ch/public/variant_asset/11273/file/medium-8b82ed562e2fba31c4db4f319b334579.webp 900w, https://assets.fabulous.ch/public/variant_asset/11273/file/large-02dba4e1161b7e8cef740517b79a66cb.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11273/file/medium-8b82ed562e2fba31c4db4f319b334579.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/valero-herb-salt-organic-22-g-20189">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Valero Herb Salt Organic, 22 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20189&quot;],&quot;content_name&quot;:&quot;Valero Herb Salt Organic, 22 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20189&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="o-Ij4ozIg-uuzQy3Kp-c4G-tEMtkU1IJg9pdx9Iy8fc3NnR8sf4zYrFCsYvySq2IGAwmH43mqZKgYG8oslX0iQ" />
    <input value="20189" 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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D173">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    20 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/rice-drink-powder-organic-300-g-short-shelf-life-02-10-2026-20191">
          <img alt="Rice Drink Powder Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7181/file/small-d53e0872a82eb9ac969c18be17c0dbe9.webp 600w, https://assets.fabulous.ch/public/variant_asset/7181/file/medium-747f01a650de257396fd39530869dd91.webp 900w, https://assets.fabulous.ch/public/variant_asset/7181/file/large-181065a85e30739e29e9ee935dd24540.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7181/file/medium-747f01a650de257396fd39530869dd91.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/rice-drink-powder-organic-300-g-short-shelf-life-02-10-2026-20191">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rice Drink Powder Organic, 300 g (Short shelf life 02.10.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 12.90</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 10.30</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20191&quot;],&quot;content_name&quot;:&quot;Rice Drink Powder Organic, 300 g (Short shelf life 02.10.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20191&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:10.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="CV43k42Uiw42wbxd-wu-8al0iOagyOJ4_f-UqHXJy8WdimANsKI7hylOAWEj3o-Z3tW-Mkl9GePeRaZHFa7Ouw" />
    <input value="20191" 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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D173">
    <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/aruna-spice-blend-violet-curry-organic-14-g-20195">
          <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/11275/file/small-c398cc69d6b64d3ea5932e0bed52d367.webp 600w, https://assets.fabulous.ch/public/variant_asset/11275/file/medium-cd8dda25c09e29aa946942c00eed5c35.webp 900w, https://assets.fabulous.ch/public/variant_asset/11275/file/large-abeb06cd8dc0f63d6cd82075ba309365.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11275/file/medium-cd8dda25c09e29aa946942c00eed5c35.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/aruna-spice-blend-violet-curry-organic-14-g-20195">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Aruna Spice Blend Violet Curry Organic, 14 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 14.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20195&quot;],&quot;content_name&quot;:&quot;Aruna Spice Blend Violet Curry Organic, 14 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20195&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:14.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tTEEix1RcQb_c2MqNBlrbqN5FcGpopaL3lr-UADT2Yoh5VMVIGfBj-D83hbszFoG1NgjFUAXbRD94My_YLTc9A" />
    <input value="20195" 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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D173">
    <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/aruna-spice-blend-violet-curry-organic-38-g-20196">
          <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/11276/file/small-64b3f106b62c268ce2e5ded0bd49c956.webp 600w, https://assets.fabulous.ch/public/variant_asset/11276/file/medium-4e6b13ef81f4f3b5ae13402fbd0def4e.webp 900w, https://assets.fabulous.ch/public/variant_asset/11276/file/large-1ced32935f78c88ded9a575d590d89f3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11276/file/medium-4e6b13ef81f4f3b5ae13402fbd0def4e.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/aruna-spice-blend-violet-curry-organic-38-g-20196">
            <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 17.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20196&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;20196&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="eE6pTkGOqW-Y-2Ut1u2f716-wqZcDs0O8KZ9jBKzMaDsmv7QfLgZ5od02BEOOK6HKR_0crW7NpXTHE9jctQ03g" />
    <input value="20196" 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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D173">
    <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/rauna-glass-64-g-20198">
          <img alt="Rauna Beetroot Salt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11278/file/small-1d0fb5e2af7f76231e05bf320a22420d.webp 600w, https://assets.fabulous.ch/public/variant_asset/11278/file/medium-459e146799fc8d97c7a3d6f185bd49cb.webp 900w, https://assets.fabulous.ch/public/variant_asset/11278/file/large-c99dc6fdf9933a47aff8f9b112798307.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11278/file/medium-459e146799fc8d97c7a3d6f185bd49cb.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/rauna-glass-64-g-20198">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rauna Beetroot Salt Organic, 64 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.72 / 100 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20198&quot;],&quot;content_name&quot;:&quot;Rauna Beetroot Salt Organic, 64 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20198&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="f8R8U6rx6xj7btPoAcuV4Qf9xPTD2H7cH4XrgMZTIJXrECvNl8dbkeThbtTZHqSJcFzyICpthUc8P9lvpjQl6w" />
    <input value="20198" 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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D173">
    <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/rauna-glass-30-g-20199">
          <img alt="Rauna Beetroot Salt Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11280/file/small-2baa3dd3fc64de6a2d9735557958fb06.webp 600w, https://assets.fabulous.ch/public/variant_asset/11280/file/medium-b5bc6a6517931cf103461aaf73dd0cf9.webp 900w, https://assets.fabulous.ch/public/variant_asset/11280/file/large-c60e500df4bf90976928148d9d5b1712.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11280/file/medium-b5bc6a6517931cf103461aaf73dd0cf9.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/rauna-glass-30-g-20199">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Rauna Beetroot Salt Organic, 30 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20199&quot;],&quot;content_name&quot;:&quot;Rauna Beetroot Salt Organic, 30 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20199&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="-qXehae5ecbT-1wVIZKdNDaDIGLx_CjCDusZ9oc7Fh5ucYkbmo_JT8x04Sn5R6xcQSIWthhJ01ktUSsZ51wTYA" />
    <input value="20199" 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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D173">
    <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/haensel-glass-17-g-20203">
          <img alt="Hänsel Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11305/file/small-eccfb49c9fe05260ef4492d23403be8f.webp 600w, https://assets.fabulous.ch/public/variant_asset/11305/file/medium-8da971167f46c7623fd4b18d735ff961.webp 900w, https://assets.fabulous.ch/public/variant_asset/11305/file/large-403a1e5dc19d54aef52b02cb91deea4e.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11305/file/medium-8da971167f46c7623fd4b18d735ff961.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/haensel-glass-17-g-20203">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hänsel Organic, 17 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20203&quot;],&quot;content_name&quot;:&quot;Hänsel Organic, 17 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20203&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zuV5USrZdLvFBmvFZEZ_bfhWgH9YWH1MNLr1mIA848BaMS7PF-_EMtqJ1vm8k04Fj_e2q7HthtcXAMd34Fvmvg" />
    <input value="20203" 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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D173">
    <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/haensel-glass-37-g-20204">
          <img alt="Hänsel Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11307/file/small-99104a7f65c988b5434fbc7eebbdf6a2.webp 600w, https://assets.fabulous.ch/public/variant_asset/11307/file/medium-ff1257f595588a08550a75764f6fab45.webp 900w, https://assets.fabulous.ch/public/variant_asset/11307/file/large-4ad292458f8ba322fd09474f8f673780.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11307/file/medium-ff1257f595588a08550a75764f6fab45.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/haensel-glass-37-g-20204">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hänsel 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-20204-card">
        

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20204&quot;],&quot;content_name&quot;:&quot;Hänsel Organic, 37 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20204&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="2rJpZgOGDnxGPIUtd9HXmR99tGx7exuhCLuVIVXBbaFOZj74PrC-9VmzOBGvBObxaNyCuJLO4DorAafONaZo3w" />
    <input value="20204" 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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D173">
    <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/bourbon-vanilla-ground-organic-17-g-20205">
          <img alt="Bourbon Vanilla Ground Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11308/file/small-327fb9ca4f9614bd29e1460f0eccf2c6.webp 600w, https://assets.fabulous.ch/public/variant_asset/11308/file/medium-b05c1927ce0fa0274f7e36e8eb3c8d33.webp 900w, https://assets.fabulous.ch/public/variant_asset/11308/file/large-49f09b5f46699530ff698db7da407d0f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11308/file/medium-b05c1927ce0fa0274f7e36e8eb3c8d33.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/bourbon-vanilla-ground-organic-17-g-20205">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Bourbon Vanilla Ground Organic, 17 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 24.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20205&quot;],&quot;content_name&quot;:&quot;Bourbon Vanilla Ground Organic, 17 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20205&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:24.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vD1OJ601tSS56YFm-bGjmC1VRspNkVX-iI077irFr4Uo6Rm5kAMFraZmPFohZJLwWvRwHqQkrmWrNwkBSqKq-w" />
    <input value="20205" 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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D173">
    <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/druid-salt-coarse-50-g-20206">
          <img alt="Druid Salt Coarse" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11309/file/small-9b20f15c9056c9e0782d16941f6d614c.webp 600w, https://assets.fabulous.ch/public/variant_asset/11309/file/medium-16a44842e3cc3096dac0ad66f628e6ea.webp 900w, https://assets.fabulous.ch/public/variant_asset/11309/file/large-56eea8c01f5159657ff5c783595e834b.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11309/file/medium-16a44842e3cc3096dac0ad66f628e6ea.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/druid-salt-coarse-50-g-20206">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Druid Salt Coarse, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 11.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20206&quot;],&quot;content_name&quot;:&quot;Druid Salt Coarse, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20206&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:11.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Az0kJxOZWhGtWAx6qEkzDxDpcUr-ZvGWtwQnDyqMmhGX6XO5Lq_qmLLXsUZwnAJnZ0hHnhfTCg2UvhXgSuufbw" />
    <input value="20206" 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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D173">
    <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/sustain-natural-electrolytes-pink-lemonade-15-x-9-3-g-20207">
          <img alt="SUSTAIN Natural Electrolytes Pink Lemonade" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11310/file/small-6f5981288ef84ff64cefbe5e7c85fd7b.webp 600w, https://assets.fabulous.ch/public/variant_asset/11310/file/medium-0523c1eaed3360fd05094083a10cdee8.webp 900w, https://assets.fabulous.ch/public/variant_asset/11310/file/large-fff5c472fd5d3dfa2151424987969a44.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11310/file/medium-0523c1eaed3360fd05094083a10cdee8.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">Vivo Life</p>
          <a href="/en/products/sustain-natural-electrolytes-pink-lemonade-15-x-9-3-g-20207">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">SUSTAIN Natural Electrolytes Pink Lemonade, 15 x 9.3 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 17.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20207&quot;],&quot;content_name&quot;:&quot;SUSTAIN Natural Electrolytes Pink Lemonade, 15 x 9.3 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20207&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:17.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="G8bB9WFYtoop2AWNsMePVNb-zuV7UmdeCMg-FX8ezKGPEpZrXG4GAzZXuLFoEr48oV_4MZLnnMUrcgz6H3nJ3w" />
    <input value="20207" 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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D173">
    <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-red-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    49 %
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/shot-ginger-berries-demeter-280-ml-short-shelf-life-27-08-2026-20210">
          <img alt="Shot Ginger &amp; Berries Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/4438/file/small-eb2bb1fb666b79e241617657412c1138.webp 600w, https://assets.fabulous.ch/public/variant_asset/4438/file/medium-e38661476feb1ea1be183c6374b25055.webp 900w, https://assets.fabulous.ch/public/variant_asset/4438/file/large-9fef23a5aa43d23d4e09567dcdbd1896.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/4438/file/medium-e38661476feb1ea1be183c6374b25055.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">Voelkel</p>
          <a href="/en/products/shot-ginger-berries-demeter-280-ml-short-shelf-life-27-08-2026-20210">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Shot Ginger &amp; Berries Demeter, 280 ml (Short shelf life 27.08.2026)</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                <span class="line-through">CHF 4.15</span>
                <span class="pl-2 font-semibold text-accent-600">CHF 2.10</span>
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20210&quot;],&quot;content_name&quot;:&quot;Shot Ginger \u0026 Berries Demeter, 280 ml (Short shelf life 27.08.2026)&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20210&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.1,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="nQOGc8CIHYDT75QrIDquUBoLRKZxiJ0-7HS-eDvpuXoJ19Ht_b6tCcxgKRf47584bapycpg9ZqXPzoyXW468BA" />
    <input value="20210" 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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D173">
    <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/vegemite-yeast-extract-235-g-20220">
          <img alt="Vegemite Yeast Extract" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11362/file/small-54166bd96c27f584469ded540c5cc1df.webp 600w, https://assets.fabulous.ch/public/variant_asset/11362/file/medium-08ab0dcc61c863b81a636561481f6c04.webp 900w, https://assets.fabulous.ch/public/variant_asset/11362/file/large-4d70629c89991c7e5ad14966cb9b0959.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11362/file/medium-08ab0dcc61c863b81a636561481f6c04.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">Vegemite</p>
          <a href="/en/products/vegemite-yeast-extract-235-g-20220">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegemite Yeast Extract, 235 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20220&quot;],&quot;content_name&quot;:&quot;Vegemite Yeast Extract, 235 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20220&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="vkd1pfLtwSifaVlbU4LArR9wS05DoVDyhTXFNkLIWPQqkyI7z9txoYDm5GeLV_HFaNF9mqoUq2mmj_fZIq9dig" />
    <input value="20220" 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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D173">
    <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/hazelnut-white-choco-spread-love-raw-250-g-20221">
          <img alt="Hazelnut White Choco spread Love Raw" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11363/file/small-a190814e3bde105b49135cc6a8739393.webp 600w, https://assets.fabulous.ch/public/variant_asset/11363/file/medium-54ae17298e0b097db1cc4611e642f2af.webp 900w, https://assets.fabulous.ch/public/variant_asset/11363/file/large-f3943dc683fe2f50df80e59b28256142.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11363/file/medium-54ae17298e0b097db1cc4611e642f2af.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">Love Raw</p>
          <a href="/en/products/hazelnut-white-choco-spread-love-raw-250-g-20221">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hazelnut White Choco spread Love Raw, 250 g</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 g
            </p>
        </div>
      </div>

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20221&quot;],&quot;content_name&quot;:&quot;Hazelnut White Choco spread Love Raw, 250 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20221&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:7.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="wLOrbScn0JSQazBOMWtDCo2-Shbt2a2lNhX_168C0S5UZ_zzGhFgHY_kjXLpvnJi-h98wgRsVj4Vr804z2XUUA" />
    <input value="20221" 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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D173">
    <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/vegantics-large-mallows-100-g-20222">
          <img alt="Vegantics Large Mallows" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11364/file/small-6f3b736006156bb386507d6ab068a448.webp 600w, https://assets.fabulous.ch/public/variant_asset/11364/file/medium-9e726662d44fc770956f7e5fb49a1e36.webp 900w, https://assets.fabulous.ch/public/variant_asset/11364/file/large-1451508065cce98b3b62cd5133ae7a6c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11364/file/medium-9e726662d44fc770956f7e5fb49a1e36.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">Freedom Mallows</p>
          <a href="/en/products/vegantics-large-mallows-100-g-20222">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Vegantics Large Mallows, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20222&quot;],&quot;content_name&quot;:&quot;Vegantics Large Mallows, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20222&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="mA80kvnc6vH8Sdll-r4Fu1qj0MjqH8-yxP-4IokG2bMM22MMxOpaeOPGZFkiazTTLQLmHAOqNCnnRYrN6WHczQ" />
    <input value="20222" 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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D173">
    <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/pink-white-mini-marshmallows-100-g-20223">
          <img alt="Pink &amp; White Mini Marshmallows" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11365/file/small-2a390105ad45d60c3d21ca90c46050aa.webp 600w, https://assets.fabulous.ch/public/variant_asset/11365/file/medium-e96b14dcca4e51e7ce0a2534a9f92155.webp 900w, https://assets.fabulous.ch/public/variant_asset/11365/file/large-9fda3045f7096d9f96bcca4bc15c0129.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11365/file/medium-e96b14dcca4e51e7ce0a2534a9f92155.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">Freedom Mallows</p>
          <a href="/en/products/pink-white-mini-marshmallows-100-g-20223">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pink &amp; White Mini Marshmallows, 100 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.50
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20223&quot;],&quot;content_name&quot;:&quot;Pink \u0026 White Mini Marshmallows, 100 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20223&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.5,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="UO1gXmswwwVFYgfulZUO87VmIk27jJ3HRlqbU7pCAEHEOTfAVgZzjFrtutJNQD-bwscUmVI5Zlxl4Km82iUFPw" />
    <input value="20223" 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%2Flittle-chef%3Fformat%3Dturbo_stream%26page%3D173">
    <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/peanut-nougat-choc-bar-50-g-20224">
          <img alt="Peanut Nougat Choc Bar" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/11366/file/small-2f59c8274aee455ff2f93f247f262693.webp 600w, https://assets.fabulous.ch/public/variant_asset/11366/file/medium-f11c778a9d9dd5a6516594115032b4e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/11366/file/large-54caec1321f75c8ccfd1fd7cca8627ed.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/11366/file/medium-f11c778a9d9dd5a6516594115032b4e5.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">Buttermilk Confectionary</p>
          <a href="/en/products/peanut-nougat-choc-bar-50-g-20224">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Peanut Nougat Choc Bar, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;20224&quot;],&quot;content_name&quot;:&quot;Peanut Nougat Choc Bar, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;20224&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MLqZI5zPPI8McVGb2XRgKJwcT4HRGDbOz9-oA4zYxLikbs69ofmMBhP-7KcBoVFA6715VTitzVXsZZrs7L_Bxg" />
    <input value="20224" 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">
      3&#39;460 of 3&#39;546 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/little-chef?format=turbo_stream&amp;page=174">Show more</a>
  </div>
</div>

</template></turbo-stream>