{"header-search-block":"<div id=\"shopify-section-header-search-block\" class=\"shopify-section\"><div id=\"ajax-loading-header-search\">\n  \n<div x-data=\"xModalSearch('query,product,page,collection,article','6',3, 'All types')\" \n  class=\"header-search flex lg:flex items-center justify-center\" \n  x-init=\"if ($store.xModal.activeElement == 'SearchOpen') {  open(); $store.xHeaderMenu.hideMenu($el); }\"\n  x-on:click.away=\"close();\"\n  @keyup.escape=\"close(); $store.xModal.removeFocus();\"\n>\n  <a \n    id=\"SearchOpen\"\n    href=\"/search\" \n    aria-label=\"search\"\n    class=\"flex items-center cursor-pointer justify-center link focus-inset bg-none\" \n    @click.prevent=\"setTimeout(() => { $store.xModal.setActiveElement('SearchOpen'); open(); $store.xHeaderMenu.hideMenu($el); }, 0)\"\n  >\n    <span class=\"w-11 h-10 px-3 pt-2.5 pb-2\"><svg class=\"icon-animation icon-animation\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" style=\"fill: none;\">\n        <path d=\"M11.4545 19.6364C15.9732 19.6364 19.6363 15.9732 19.6363 11.4545C19.6363 6.93585 15.9732 3.27273 11.4545 3.27273C6.93583 3.27273 3.27271 6.93585 3.27271 11.4545C3.27271 15.9732 6.93583 19.6364 11.4545 19.6364Z\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        <path d=\"M17 18L21 22\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n      </svg>        \n    \n</span>\n  </a>\n  <div \n    id=\"FormSearch\" \n    x-ref=\"open_search\" \n    class=\"x-search-popup popup-hidden background-header shadow-sm lg:shadow-none absolute top-0 left-0 right-0 z-50 gradient transition-all duration-300 ease-in-out\"\n  >\n    <div class=\"pb-16 pl-5 pr-5 lg:pl-24 lg:pr-24 pt-14 lg:pb-16 flex items-center justify-center w-full h-full relative lg:shadow-sm text-[rgb(var(--colors-text-header))]\" tabindex=\"-1\"><div class=\"relative max-w-6xl w-full\" data-loading-text=\"Loading...\"><div class=\"max-w-[62rem] mx-auto w-full\">\n        <div class=\"relative field rtl:flex-row-reverse rtl:md:flex-row pr-5 lg:pr-0 flex pl-5 lg:pl-0\">\n          \n          <form id=\"form-search-header-search-block\" class=\"grow\" action=\"/search\" method=\"get\" role=\"search\">\n            <style data-shopify>\n              .input-search::placeholder {\n                \n                  font-family: var(--font-body-family);\n                \n              }\n            </style>\n            <input \n              x-data=\"xSearchPrompts($el, ['Search for products', 'Search for articles', 'Search for collections'], false)\"\n              id=\"search-in-modal\"\n              class=\"peer input-search focus-visible:outline-none py-4 border-b pr-[4.5rem] pl-4 lg:pl-2 lg:pr-20 text-left w-full appearance-none relative outline-none bg-transparent placeholder:text-current placeholder:opacity-60\"\n              type=\"search\"\n              name=\"q\"\n              value=\"\"\n              x-on:keyup=\"keyUp()\"\n              @focus=\"focusForm()\"\n              autofocus\n              placeholder=\"Search...\"\n            >\n            <input type=\"hidden\" name=\"options[prefix]\" value=\"last\">\n            <button \n              class=\"btn-search absolute none_border w-7 h-7 p-1 top-1/2 -translate-y-1/2 opacity-60 bg-none text-current lg:right-2 right-7\"\n              aria-label=\"Search...\"><svg class=\"icon-animation icon-animation\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" style=\"fill: none;\">\n        <path d=\"M11.4545 19.6364C15.9732 19.6364 19.6363 15.9732 19.6363 11.4545C19.6363 6.93585 15.9732 3.27273 11.4545 3.27273C6.93583 3.27273 3.27271 6.93585 3.27271 11.4545C3.27271 15.9732 6.93583 19.6364 11.4545 19.6364Z\" stroke=\"currentColor\" stroke-width=\"2\"/>\n        <path d=\"M17 18L21 22\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>\n      </svg>        \n    \n</button>\n            \n              <button class=\"search__speech absolute cursor-pointer w-7 h-7 p-1 right-16 lg:right-12 top-1/2 -translate-y-1/2 opacity-60 bg-none text-current\" x-data=\"xSpeechSearch($el)\" x-init=\"initSpeechSearch()\" x-show=\"show\">\n                <svg width=\"100%\" height=\"100%\" viewBox=\"0 0 14 19\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M12.3 9C12.3 12 9.76 14.1 7 14.1C4.24 14.1 1.7 12 1.7 9H0C0 12.41 2.72 15.23 6 15.72V19H8V15.72C11.28 15.23 14 12.41 14 9M5.8 2.9C5.8 2.24 6.34 1.7 7 1.7C7.66 1.7 8.2 2.24 8.2 2.9L8.19 9.1C8.19 9.76 7.66 10.3 7 10.3C6.34 10.3 5.8 9.76 5.8 9.1M7 12C7.79565 12 8.55871 11.6839 9.12132 11.1213C9.68393 10.5587 10 9.79565 10 9V3C10 2.20435 9.68393 1.44129 9.12132 0.87868C8.55871 0.316071 7.79565 0 7 0C6.20435 0 5.44129 0.316071 4.87868 0.87868C4.31607 1.44129 4 2.20435 4 3V9C4 9.79565 4.31607 10.5587 4.87868 11.1213C5.44129 11.6839 6.20435 12 7 12Z\" fill=\"currentColor\"></path>\n </svg>\n\n              </button>\n              <script src=\"//www.energeticnutrition.com/cdn/shop/t/12/assets/speech-search.js?v=80603510328065116571768890497\" defer></script>\n            \n<div id=\"search-result\" class=\"md:max-h-96 absolute top-[calc(100%+12px)] w-full left-0 \" tabindex=\"-1\" data-predictive-search x-html=\"result\" x-show=\"loading == false\">\n                <div class=\"predictive-search__loading-state\">\n                  <svg aria-hidden=\"true\" focusable=\"false\" role=\"presentation\" class=\"spinner\" viewBox=\"0 0 66 66\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <circle class=\"path\" fill=\"none\" stroke-width=\"6\" cx=\"33\" cy=\"33\" r=\"30\"></circle>\n                  </svg>\n                </div>\n              </div>\n              \n</form>\n        </div>\n      </div></div><button \n        id=\"SearchClose\"\n        class=\"link link--text focus-inset group-close-btn bg-[rgb(var(--colors-line-and-border))] rounded-full cursor-pointer w-fit icon-close-container absolute top-2 opacity-60 right-2\"\n        x-on:click=\"close(); $store.xModal.removeFocus();\"\n      >\n        <svg class=\"icon-close-animation\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" style=\"fill: none;\">\n        <path fill=\"currentColor\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.29289 3.29289C3.68342 2.90237 4.31658 2.90237 4.70711 3.29289L12 10.5858L19.2929 3.29289C19.6834 2.90237 20.3166 2.90237 20.7071 3.29289C21.0976 3.68342 21.0976 4.31658 20.7071 4.70711L13.4142 12L20.7071 19.2929C21.0976 19.6834 21.0976 20.3166 20.7071 20.7071C20.3166 21.0976 19.6834 21.0976 19.2929 20.7071L12 13.4142L4.70711 20.7071C4.31658 21.0976 3.68342 21.0976 3.29289 20.7071C2.90237 20.3166 2.90237 19.6834 3.29289 19.2929L10.5858 12L3.29289 4.70711C2.90237 4.31658 2.90237 3.68342 3.29289 3.29289Z\"/>\n      </svg>\n\n      </button>\n    </div>\n  </div>\n</div> \n</div></div>"}