<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%2Fdioniso%3Fformat%3Dturbo_stream%26page%3D9">
    <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/tofu-terrine-graffiti-organic-200-g-11139">
          <img alt="Tofu Terrine Graffiti Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5707/file/small-26fcb6678978fdb5983b0799cd1bc7e4.webp 600w, https://assets.fabulous.ch/public/variant_asset/5707/file/medium-d4fba729a7e73b03de57db37358a992d.webp 900w, https://assets.fabulous.ch/public/variant_asset/5707/file/large-252639b51c97c0de60828eba2970ef4f.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5707/file/medium-d4fba729a7e73b03de57db37358a992d.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">Taifun</p>
          <a href="/en/products/tofu-terrine-graffiti-organic-200-g-11139">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu Terrine Graffiti Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.80
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11139&quot;],&quot;content_name&quot;:&quot;Tofu Terrine Graffiti Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11139&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.8,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="YhyzTtA1z-qFdlR_gvScc8pc2337w5jM2w-TdE3mnCXzTezflOu8Rrv3Ck1cbKxrulLz9XKjHWQw51fpm0ZA1w" />
    <input value="11139" 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%2Fdioniso%3Fformat%3Dturbo_stream%26page%3D9">
    <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-yellow-300 text-default">
  <p class="font-semibold text-base px-2 py-1 lg:px-4 lg:py-2">
    Tip
  </p>
</div>


    <header class="flex-1 h-1/2 group-hover:scale-105 transition duration-300">
      <a href="/en/products/cuisine-soja-organic-250-ml-137fe859-842f-4630-8972-e2ff903d18ec-16809">
          <img alt="Cuisine Soja Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7826/file/small-d890ae6da7efea3344c3aea12c5562a7.webp 600w, https://assets.fabulous.ch/public/variant_asset/7826/file/medium-d155a8ba2d84df5bc9323bb1a56bab6e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7826/file/large-056e577496f9381bff8cf38cbc314982.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7826/file/medium-d155a8ba2d84df5bc9323bb1a56bab6e.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">Alpro</p>
          <a href="/en/products/cuisine-soja-organic-250-ml-137fe859-842f-4630-8972-e2ff903d18ec-16809">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Cuisine Soja Organic, 250 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16809&quot;],&quot;content_name&quot;:&quot;Cuisine Soja Organic, 250 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16809&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="yjPPi22LQXgg8bmmgxSGRoWPS62F2IN5Nii5fu5ogWlbYpAaKVUy1B5w55RdjLZe9YFjJQy4BtHdwH3jOMhdmw" />
    <input value="16809" 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%2Fdioniso%3Fformat%3Dturbo_stream%26page%3D9">
    <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/hemp-drink-without-added-sugar-organic-1-l-4050">
          <img alt="Hemp Drink Without added sugar Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2570/file/small-618c6c9f55cbc2b73124f83e0aed8d03.webp 600w, https://assets.fabulous.ch/public/variant_asset/2570/file/medium-776f31529d2787d735d0ca852fdf821f.webp 900w, https://assets.fabulous.ch/public/variant_asset/2570/file/large-ea4df4bb62e70057814c0d65aba6a321.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2570/file/medium-776f31529d2787d735d0ca852fdf821f.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">Ecomil</p>
          <a href="/en/products/hemp-drink-without-added-sugar-organic-1-l-4050">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Hemp Drink Without added sugar Organic, 1 l</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4050&quot;],&quot;content_name&quot;:&quot;Hemp Drink Without added sugar Organic, 1 l&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4050&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GDmdC25VUgSPzPLdSbWVDSFPuVhJJwkFtbsqD3V_nSWJaMKaKoshqLFNrO-XLaUVUUGR0MBHjK1eU-6So99B1w" />
    <input value="4050" 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%2Fdioniso%3Fformat%3Dturbo_stream%26page%3D9">
    <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/mustard-dijon-tube-demeter-100-ml-448">
          <img alt="Mustard Dijon Tube Demeter" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/402/file/small-f4bca4a6816633fab54e41fbc73be890.webp 600w, https://assets.fabulous.ch/public/variant_asset/402/file/medium-b559e67ac6a566eed0918c3570a6c0c7.webp 900w, https://assets.fabulous.ch/public/variant_asset/402/file/large-3b24244c84c1f00b65ab11f5fb0a94d2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/402/file/medium-b559e67ac6a566eed0918c3570a6c0c7.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Naturata</p>
          <a href="/en/products/mustard-dijon-tube-demeter-100-ml-448">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mustard Dijon Tube Demeter, 100 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.40
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;448&quot;],&quot;content_name&quot;:&quot;Mustard Dijon Tube Demeter, 100 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;448&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.4,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="MHKZOMFl6A6dA3GZ1Vtm-DkzYnABwekcWoygK4VkPeyhI8aphbuboqOCL6sLw1bgST1K-IihbLSxZGS2U8ThHg" />
    <input value="448" 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%2Fdioniso%3Fformat%3Dturbo_stream%26page%3D9">
    <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/olives-black-classic-with-pit-raw-food-quality-organic-200-g-6723">
          <img alt="Olives Black Classic with pit Raw Food Quality Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3883/file/small-12ad8a71c0b259bb0b50e5f883551142.webp 600w, https://assets.fabulous.ch/public/variant_asset/3883/file/medium-e1798bc07dfd095ceee6422518016027.webp 900w, https://assets.fabulous.ch/public/variant_asset/3883/file/large-d05e11d39ba6b5abb80dc6a31c3b28f2.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3883/file/medium-e1798bc07dfd095ceee6422518016027.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">Vita Verde</p>
          <a href="/en/products/olives-black-classic-with-pit-raw-food-quality-organic-200-g-6723">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Olives Black Classic with pit Raw Food Quality Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6723&quot;],&quot;content_name&quot;:&quot;Olives Black Classic with pit Raw Food Quality Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6723&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="g2N-nUVlA_ynV_YU8LBNLwEC8KAreYlAutL3h_r2kW0SMiEMAbtwUJnWqCYuKH03cQzYKKIZDOhROjMaLFZNnw" />
    <input value="6723" 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%2Fdioniso%3Fformat%3Dturbo_stream%26page%3D9">
    <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/sesame-hamburger-buns-organic-50-g-16590">
          <img alt="Sesame Hamburger Buns Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7649/file/small-bbabc82a8e852d808ca56cd6478ef62f.webp 600w, https://assets.fabulous.ch/public/variant_asset/7649/file/medium-a867c45534d2839b5946a11cffd2ae9e.webp 900w, https://assets.fabulous.ch/public/variant_asset/7649/file/large-32e8a10905ee344f9c16fff9a55575ec.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7649/file/medium-a867c45534d2839b5946a11cffd2ae9e.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">L&#39;Angelus</p>
          <a href="/en/products/sesame-hamburger-buns-organic-50-g-16590">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sesame Hamburger Buns Organic, 50 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16590&quot;],&quot;content_name&quot;:&quot;Sesame Hamburger Buns Organic, 50 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16590&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="_p2FcKhQYPK0xUoMGR8_C5KFgXcmd787lV1SumJun4pvzNrh7I4TXopEFD7Hhw8T4oup_68XOpN-tZYntM5DeA" />
    <input value="16590" 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%2Fdioniso%3Fformat%3Dturbo_stream%26page%3D9">
    <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/olives-mediteran-with-herbs-raw-food-quality-organic-200-g-4264">
          <img alt="Olives Mediteran with Herbs Raw Food Quality Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2669/file/small-5b5ea73d4d8401b32bf8f8b161ed6d9f.webp 600w, https://assets.fabulous.ch/public/variant_asset/2669/file/medium-15b5d1d50e815fa70859531f1e272ff8.webp 900w, https://assets.fabulous.ch/public/variant_asset/2669/file/large-446757c0650e86c460aae0076d9586de.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2669/file/medium-15b5d1d50e815fa70859531f1e272ff8.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">Vita Verde</p>
          <a href="/en/products/olives-mediteran-with-herbs-raw-food-quality-organic-200-g-4264">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Olives Mediteran with Herbs Raw Food Quality Organic, 200 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 8.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;4264&quot;],&quot;content_name&quot;:&quot;Olives Mediteran with Herbs Raw Food Quality Organic, 200 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;4264&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:8.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="zK_XCwUYiT-LUK1UUuCUneJKlU9qrc0z02heCXnYJmBd_oiaQcb6k7XR82aMeKSFkkS9x-PNSJs4gJqUr3j6kg" />
    <input value="4264" 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%2Fdioniso%3Fformat%3Dturbo_stream%26page%3D9">
    <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/flour-brown-millet-gluten-free-organic-425-g-6244">
          <img alt="Flour Brown Millet Gluten Free Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/3600/file/small-96e6e14a0dfe3ff43cca52832f1cd7a9.webp 600w, https://assets.fabulous.ch/public/variant_asset/3600/file/medium-f86e53657c8dd0278d35a5dac431e64b.webp 900w, https://assets.fabulous.ch/public/variant_asset/3600/file/large-8bbe059513db9d9c9b28902b728ef431.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/3600/file/medium-f86e53657c8dd0278d35a5dac431e64b.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bauckhof</p>
          <a href="/en/products/flour-brown-millet-gluten-free-organic-425-g-6244">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Flour Brown Millet Gluten Free Organic, 425 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;6244&quot;],&quot;content_name&quot;:&quot;Flour Brown Millet Gluten Free Organic, 425 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;6244&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="SKrvEZAwtzwIBtBFkuYWtvPJ9jotZkT0-ERn33YlBnHZ-7CA1O7EkDaHjndMfiaug8fesqQGwVwTrKNCoIXagw" />
    <input value="6244" 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%2Fdioniso%3Fformat%3Dturbo_stream%26page%3D9">
    <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/protein-bar-lifebar-protein-raspberry-raw-organic-40-g-16532">
          <img alt="Protein Bar Lifebar Protein Raspberry Raw Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/7622/file/small-460581d2e401d7c8ae734e74080a033a.webp 600w, https://assets.fabulous.ch/public/variant_asset/7622/file/medium-8270732c11333e1ec1f0eb81b1bdd34d.webp 900w, https://assets.fabulous.ch/public/variant_asset/7622/file/large-34ebf1ce473825ed4e50d8bf17836f94.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/7622/file/medium-8270732c11333e1ec1f0eb81b1bdd34d.webp" />
</a>    </header>

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

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;16532&quot;],&quot;content_name&quot;:&quot;Protein Bar Lifebar Protein Raspberry Raw Organic, 40 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;16532&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.75,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="xHjwd0D37z2WWzLTTxHvw2lR4AvYRWPTXUsA1ojiIG1VKa_mBCmckajabOGRid_bGV_Ig1El5nu2o8RLXkL8nw" />
    <input value="16532" 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%2Fdioniso%3Fformat%3Dturbo_stream%26page%3D9">
    <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/oil-olive-mild-virgin-extra-organic-500-ml-2862">
          <img alt="Oil Olive Mild Virgin Extra Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/2019/file/small-62155a848a29a7af953a428f74fd3fea.webp 600w, https://assets.fabulous.ch/public/variant_asset/2019/file/medium-b22eb7a6b3306ff5cf61b61577a2f4a4.webp 900w, https://assets.fabulous.ch/public/variant_asset/2019/file/large-9d2fe67bc05acbaf5405fa09de364687.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/2019/file/medium-b22eb7a6b3306ff5cf61b61577a2f4a4.webp" />
</a>    </header>

    <div class="flex flex-col flex-1 justify-between max-h-52 xl:max-h-48">
      <div class="flex flex-col justify-between text-default h-full">
        <div>
          <p class="producer text-sm font-semibold">Bio Planète</p>
          <a href="/en/products/oil-olive-mild-virgin-extra-organic-500-ml-2862">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Oil Olive Mild Virgin Extra Organic, 500 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.30
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;2862&quot;],&quot;content_name&quot;:&quot;Oil Olive Mild Virgin Extra Organic, 500 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;2862&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.3,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="kPZhALfaILoPwn_rdrvE9FX4mimMdWbYPp6yE0U0Y64Bpz6R8wRTFjFDIdmoI_TsJfayoQUV43DVdnaOk5S_XA" />
    <input value="2862" 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%2Fdioniso%3Fformat%3Dturbo_stream%26page%3D9">
    <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/protein-pudding-nougat-praline-organic-120-g-15068">
          <img alt="Protein Pudding Nougat Praliné Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6901/file/small-487d412a40a76e471228920b571756b4.webp 600w, https://assets.fabulous.ch/public/variant_asset/6901/file/medium-65bb0fe67b4d9818b806defcb0496b94.webp 900w, https://assets.fabulous.ch/public/variant_asset/6901/file/large-f05b2c27a9c32f0aaf290e593a1849ad.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6901/file/medium-65bb0fe67b4d9818b806defcb0496b94.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">Harvest Moon</p>
          <a href="/en/products/protein-pudding-nougat-praline-organic-120-g-15068">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Protein Pudding Nougat Praliné Organic, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15068&quot;],&quot;content_name&quot;:&quot;Protein Pudding Nougat Praliné Organic, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15068&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="6kKXoeZOtbg6RD8ViyUQfxLSObGKgvRmKPcWIXtYPgx7E8gwopDGFATFYSdVvSBnYtwROQPicc7DH9K8rfji_g" />
    <input value="15068" 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%2Fdioniso%3Fformat%3Dturbo_stream%26page%3D9">
    <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/protein-pudding-double-chocolate-organic-120-g-15069">
          <img alt="Protein Pudding Double Chocolate Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6903/file/small-5706874bbd19a5c69bfa2fa3a596c590.webp 600w, https://assets.fabulous.ch/public/variant_asset/6903/file/medium-6344f782192da978dee99c61c5b489dd.webp 900w, https://assets.fabulous.ch/public/variant_asset/6903/file/large-80ca88fab2ed1702905f1bdd0d657d7a.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6903/file/medium-6344f782192da978dee99c61c5b489dd.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">Harvest Moon</p>
          <a href="/en/products/protein-pudding-double-chocolate-organic-120-g-15069">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Protein Pudding Double Chocolate Organic, 120 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 2.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;15069&quot;],&quot;content_name&quot;:&quot;Protein Pudding Double Chocolate Organic, 120 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;15069&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:2.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="rJ229ilfgCBUjfS99nADXuh7JaCJDnAMSoePicx4ZDk9zOlnbYHzjGoMqo8o6DNGmHUNKABu9aShb0sUGti4yw" />
    <input value="15069" 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%2Fdioniso%3Fformat%3Dturbo_stream%26page%3D9">
    <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/coconut-milk-chocolate-dessert-organic-80-g-14602">
          <img alt="Coconut Milk Chocolate Dessert Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/8997/file/small-acfe4c512a50a1420d1cdd887e3e2217.webp 600w, https://assets.fabulous.ch/public/variant_asset/8997/file/medium-6c5c91c6e80da781b33b6c2458d001e5.webp 900w, https://assets.fabulous.ch/public/variant_asset/8997/file/large-8e50e900c10581497492d7584c3c479c.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/8997/file/medium-6c5c91c6e80da781b33b6c2458d001e5.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">Harvest Moon</p>
          <a href="/en/products/coconut-milk-chocolate-dessert-organic-80-g-14602">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Coconut Milk Chocolate Dessert Organic, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 3.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;14602&quot;],&quot;content_name&quot;:&quot;Coconut Milk Chocolate Dessert Organic, 2 x 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;14602&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:3.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="sbjElND7oA3WL1Z7pnn9yzXp28IdVJmEPg247hfr6PEg6ZsFlCXToeiuCEl44c3TRefzSpQ0HCzV5XxzwUs0Aw" />
    <input value="14602" 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%2Fdioniso%3Fformat%3Dturbo_stream%26page%3D9">
    <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/sausage-vegan-country-style-organic-150-g-680">
          <img alt="Sausage Vegan Country Style Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/624/file/small-8a4ff09a7b7032693b42a03de32cd23d.webp 600w, https://assets.fabulous.ch/public/variant_asset/624/file/medium-41cd30e5ae1e896637165fb7286265bf.webp 900w, https://assets.fabulous.ch/public/variant_asset/624/file/large-0d1b06cf37797a3fed84e19dbe685f35.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/624/file/medium-41cd30e5ae1e896637165fb7286265bf.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">Wheaty</p>
          <a href="/en/products/sausage-vegan-country-style-organic-150-g-680">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Sausage Vegan Country Style Organic, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 5.05
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;680&quot;],&quot;content_name&quot;:&quot;Sausage Vegan Country Style Organic, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;680&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:5.05,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="OKtH7hGyPjCQJLwHVmA49APR4FeSyxvAi1165HSXRxWp-hh_VWxNnK6l4jWI-Ajsc9_I3xurnmhgtb55ojeb5w" />
    <input value="680" 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%2Fdioniso%3Fformat%3Dturbo_stream%26page%3D9">
    <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/mozzarella-flavour-grated-150-g-11352">
          <img alt="Mozzarella Flavour Grated" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/5824/file/small-65502691a1b32685f88863dafa9d19b7.webp 600w, https://assets.fabulous.ch/public/variant_asset/5824/file/medium-5f438b8c0c590af139143716549f256b.webp 900w, https://assets.fabulous.ch/public/variant_asset/5824/file/large-8c3485e04c3db807080f51acae7af319.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/5824/file/medium-5f438b8c0c590af139143716549f256b.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">Violife</p>
          <a href="/en/products/mozzarella-flavour-grated-150-g-11352">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Mozzarella Flavour Grated, 150 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.95
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;11352&quot;],&quot;content_name&quot;:&quot;Mozzarella Flavour Grated, 150 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;11352&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.95,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="39v66pj2yhwutXZj1lOBwS4mE78tlDqW3il3zjyu0AdOiqV73Ci5sBA0KFEIy7HZXig7N6T0vz41wbNT6g4M9Q" />
    <input value="11352" 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%2Fdioniso%3Fformat%3Dturbo_stream%26page%3D9">
    <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/tofu-filets-wild-garlic-organic-80-g-753">
          <img alt="Tofu-Filets Wild Garlic Organic" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/702/file/small-cd11307abcf7682d2a0f654789ad5cc5.webp 600w, https://assets.fabulous.ch/public/variant_asset/702/file/medium-0dbe677d0a06921fb8150746743c95a7.webp 900w, https://assets.fabulous.ch/public/variant_asset/702/file/large-5b05b802df20903d8402cf402e0244d1.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/702/file/medium-0dbe677d0a06921fb8150746743c95a7.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">Taifun</p>
          <a href="/en/products/tofu-filets-wild-garlic-organic-80-g-753">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Tofu-Filets Wild Garlic Organic, 2 x 80 g</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 4.25
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;753&quot;],&quot;content_name&quot;:&quot;Tofu-Filets Wild Garlic Organic, 2 x 80 g&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;753&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:4.25,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="ijIrIT7nGWpV29lpMKvoiEXU9RT9M5636H2k6n4dtCobY3Swejlqxmtah1vuM9iQNdrdnHRTGx8DlWB3qL1o2A" />
    <input value="753" 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%2Fdioniso%3Fformat%3Dturbo_stream%26page%3D9">
    <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/pill-cosmetics-clarifying-cream-gel-50-ml-13165">
          <img alt="Pill Cosmetics - Clarifying Cream Gel" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6424/file/small-8d80048340f01eae2f7f3109eb43f07d.webp 600w, https://assets.fabulous.ch/public/variant_asset/6424/file/medium-6310eb71c122a810f8c4d0ca83f6b654.webp 900w, https://assets.fabulous.ch/public/variant_asset/6424/file/large-2dc0f1de2c0ad8ccd288ff8318c6ded3.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6424/file/medium-6310eb71c122a810f8c4d0ca83f6b654.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/en/products/pill-cosmetics-clarifying-cream-gel-50-ml-13165">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmetics - Clarifying Cream Gel, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 31.90
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13165&quot;],&quot;content_name&quot;:&quot;Pill Cosmetics - Clarifying Cream Gel, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13165&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:31.9,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="s10PLf0NewnRgtf4EW5gszqKplFLaX3VyzzNBdVSDdoiDFC8udMIpe8DicrP9lCrSoSO2cIJ-H0g1AmYA_LRKA" />
    <input value="13165" 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%2Fdioniso%3Fformat%3Dturbo_stream%26page%3D9">
    <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/pill-cosmetics-anti-redness-cream-spf-15-50-ml-13154">
          <img alt="Pill Cosmetics - Anti-Redness Cream SPF 15" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6413/file/small-b2e71a59c63ac45c92e134b082ebdec6.webp 600w, https://assets.fabulous.ch/public/variant_asset/6413/file/medium-6b3411320327af16f4f974492bd48fbf.webp 900w, https://assets.fabulous.ch/public/variant_asset/6413/file/large-2448fa199550b5c9d3c78e1aef060010.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6413/file/medium-6b3411320327af16f4f974492bd48fbf.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/en/products/pill-cosmetics-anti-redness-cream-spf-15-50-ml-13154">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmetics - Anti-Redness Cream SPF 15, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 33.20
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13154&quot;],&quot;content_name&quot;:&quot;Pill Cosmetics - Anti-Redness Cream SPF 15, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13154&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:33.2,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="5m50aIhg0XFoF24urPTlTonkbe8YOwaMRKeEIzNW1113Pyv5zL6i3VaWMBxybNVW-epFZ5FbgySvT0C-5fYLrw" />
    <input value="13154" 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%2Fdioniso%3Fformat%3Dturbo_stream%26page%3D9">
    <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/pill-cosmetics-moisturising-anti-ageing-sheet-mask-15-ml-13126">
          <img alt="Pill Cosmetics - Moisturising Anti-Ageing Sheet Mask" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6395/file/small-614561bcfb9916f53fdb7020113688ab.webp 600w, https://assets.fabulous.ch/public/variant_asset/6395/file/medium-fb25a34df81823f8cf4d711c70c53e3f.webp 900w, https://assets.fabulous.ch/public/variant_asset/6395/file/large-0b2af476e14c2d23cb84527ba65b76d0.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6395/file/medium-fb25a34df81823f8cf4d711c70c53e3f.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/en/products/pill-cosmetics-moisturising-anti-ageing-sheet-mask-15-ml-13126">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmetics - Moisturising Anti-Ageing Sheet Mask, 15 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 13.00
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13126&quot;],&quot;content_name&quot;:&quot;Pill Cosmetics - Moisturising Anti-Ageing Sheet Mask, 15 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13126&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:13.0,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="GdLC2tvM5_wEZf2yzy4PDWA_OCyJK49ay7WKqb_44hyIg51LnxKUUDrko4ARtj8VEDEQpABLCvIgXU40aVg-7g" />
    <input value="13126" 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%2Fdioniso%3Fformat%3Dturbo_stream%26page%3D9">
    <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/pill-cosmetics-face-and-neck-cream-with-procollagen-acid-50-ml-13113">
          <img alt="Pill Cosmetics - Face and Neck Cream with Procollagen Acid" class="py-4 w-full h-full object-contain max-h-72" loading="lazy" srcset="https://assets.fabulous.ch/public/variant_asset/6382/file/small-ff3e5e4b61c5fa50ae1cf13c47a1ec67.webp 600w, https://assets.fabulous.ch/public/variant_asset/6382/file/medium-b26d0ae4d0f08dc0338af53ffd5b54b9.webp 900w, https://assets.fabulous.ch/public/variant_asset/6382/file/large-8ed3194d4a1940d0e71e5db3d61bf6c9.webp 1600w" sizes="(max-width: 767px) 50vw, (max-width: 1023px) 33vw, 25vw" src="https://assets.fabulous.ch/public/variant_asset/6382/file/medium-b26d0ae4d0f08dc0338af53ffd5b54b9.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">Pill Apotheken &amp; Drogerien</p>
          <a href="/en/products/pill-cosmetics-face-and-neck-cream-with-procollagen-acid-50-ml-13113">
            <p class="title leading-6 text-lg font-bold text-brand-600 line-clamp-3">Pill Cosmetics - Face and Neck Cream with Procollagen Acid, 50 ml</p>
</a>        </div>
        <div>
          <div class="flex items-center justify-between">
            <p class="price font-bold">
                CHF 44.60
            </p>

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

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

  <form data-analytics-add-to-cart="{&quot;content_ids&quot;:[&quot;13113&quot;],&quot;content_name&quot;:&quot;Pill Cosmetics - Face and Neck Cream with Procollagen Acid, 50 ml&quot;,&quot;content_type&quot;:&quot;product&quot;,&quot;contents&quot;:[{&quot;id&quot;:&quot;13113&quot;,&quot;quantity&quot;:1}],&quot;value&quot;:44.6,&quot;currency&quot;:&quot;CHF&quot;}" action="/en/line_items" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="875BBwLdyCSfApy_xcKOaxBcNu_9c6E2cC2TxnWymWFi7x6WRgO7iKGDwo0bWr5zYFIeZ3QTJJ6bxVdboxJFkw" />
    <input value="13113" 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">
      180 of 3&#39;530 products
    </p>
      <a data-turbo-stream="true" class="btn btn--primary-outline" href="/en/categories/dioniso?format=turbo_stream&amp;page=10">Show more</a>
  </div>
</div>

</template></turbo-stream>