<!doctype html>
<html class="no-js" lang="en" dir="ltr">
<head>
<script type="application/vnd.locksmith+json" data-locksmith>{"version":"v109","locked":false,"initialized":true,"scope":"index","access_granted":true,"access_denied":false,"requires_customer":false,"manual_lock":false,"remote_lock":false,"has_timeout":false,"remote_rendered":null,"hide_resource":false,"hide_links_to_resource":false,"transparent":true,"locks":{"all":[],"opened":[]},"keys":[],"keys_signature":"8daebca3ab0cf0cf73fbcbc24fa9e92929e5bdca2d1bbd4cc9c54f0697b43132","state":{"template":"index","theme":123879555158,"product":null,"collection":null,"page":null,"blog":null,"article":null,"app":null},"now":1713930924,"path":"\/","locale_root_url":"\/","canonical_url":"https:\/\/1stphorm.com\/","customer_id":null,"customer_id_signature":"8daebca3ab0cf0cf73fbcbc24fa9e92929e5bdca2d1bbd4cc9c54f0697b43132","cart":null}</script><script data-locksmith>!function(){var require=undefined,reqwest=function(){function succeed(e){var t=protocolRe.exec(e.url);return t=t&&t[1]||context.location.protocol,httpsRe.test(t)?twoHundo.test(e.request.status):!!e.request.response}function handleReadyState(e,t,n){return function(){return e._aborted?n(e.request):e._timedOut?n(e.request,"Request is aborted: timeout"):void(e.request&&4==e.request[readyState]&&(e.request.onreadystatechange=noop,succeed(e)?t(e.request):n(e.request)))}}function setHeaders(e,t){var n,s=t.headers||{};s.Accept=s.Accept||defaultHeaders.accept[t.type]||defaultHeaders.accept["*"];var r="undefined"!=typeof FormData&&t.data instanceof FormData;for(n in!t.crossOrigin&&!s[requestedWith]&&(s[requestedWith]=defaultHeaders.requestedWith),!s[contentType]&&!r&&(s[contentType]=t.contentType||defaultHeaders.contentType),s)s.hasOwnProperty(n)&&"setRequestHeader"in e&&e.setRequestHeader(n,s[n])}function setCredentials(e,t){"undefined"!=typeof t.withCredentials&&"undefined"!=typeof e.withCredentials&&(e.withCredentials=!!t.withCredentials)}function generalCallback(e){lastValue=e}function urlappend(e,t){return e+(/[?]/.test(e)?"&":"?")+t}function handleJsonp(e,t,n,s){var r=uniqid++,o=e.jsonpCallback||"callback",a=e.jsonpCallbackName||reqwest.getcallbackPrefix(r),i=new RegExp("((^|[?]|&)"+o+")=([^&]+)"),l=s.match(i),c=doc.createElement("script"),u=0,d=-1!==navigator.userAgent.indexOf("MSIE 10.0");return l?"?"===l[3]?s=s.replace(i,"$1="+a):a=l[3]:s=urlappend(s,o+"="+a),context[a]=generalCallback,c.type="text/javascript",c.src=s,c.async=!0,"undefined"!=typeof c.onreadystatechange&&!d&&(c.htmlFor=c.id="_reqwest_"+r),c.onload=c.onreadystatechange=function(){if(c[readyState]&&"complete"!==c[readyState]&&"loaded"!==c[readyState]||u)return!1;c.onload=c.onreadystatechange=null,c.onclick&&c.onclick(),t(lastValue),lastValue=undefined,head.removeChild(c),u=1},head.appendChild(c),{abort:function(){c.onload=c.onreadystatechange=null,n({},"Request is aborted: timeout",{}),lastValue=undefined,head.removeChild(c),u=1}}}function getRequest(e,t){var n,s=this.o,r=(s.method||"GET").toUpperCase(),o="string"==typeof s?s:s.url,a=!1!==s.processData&&s.data&&"string"!=typeof s.data?reqwest.toQueryString(s.data):s.data||null,i=!1;return("jsonp"==s.type||"GET"==r)&&a&&(o=urlappend(o,a),a=null),"jsonp"==s.type?handleJsonp(s,e,t,o):((n=s.xhr&&s.xhr(s)||xhr(s)).open(r,o,!1!==s.async),setHeaders(n,s),setCredentials(n,s),context[xDomainRequest]&&n instanceof context[xDomainRequest]?(n.onload=e,n.onerror=t,n.onprogress=function(){},i=!0):n.onreadystatechange=handleReadyState(this,e,t),s.before&&s.before(n),i?setTimeout(function(){n.send(a)},200):n.send(a),n)}function Reqwest(e,t){this.o=e,this.fn=t,init.apply(this,arguments)}function setType(e){return null===e?undefined:e.match("json")?"json":e.match("javascript")?"js":e.match("text")?"html":e.match("xml")?"xml":void 0}function init(o,fn){function complete(e){for(o.timeout&&clearTimeout(self.timeout),self.timeout=null;0<self._completeHandlers.length;)self._completeHandlers.shift()(e)}function success(resp){var type=o.type||resp&&setType(resp.getResponseHeader("Content-Type"));resp="jsonp"!==type?self.request:resp;var filteredResponse=globalSetupOptions.dataFilter(resp.responseText,type),r=filteredResponse;try{resp.responseText=r}catch(e){}if(r)switch(type){case"json":try{resp=context.JSON?context.JSON.parse(r):eval("("+r+")")}catch(err){return error(resp,"Could not parse JSON in response",err)}break;case"js":resp=eval(r);break;case"html":resp=r;break;case"xml":resp=resp.responseXML&&resp.responseXML.parseError&&resp.responseXML.parseError.errorCode&&resp.responseXML.parseError.reason?null:resp.responseXML}for(self._responseArgs.resp=resp,self._fulfilled=!0,fn(resp),self._successHandler(resp);0<self._fulfillmentHandlers.length;)resp=self._fulfillmentHandlers.shift()(resp);complete(resp)}function timedOut(){self._timedOut=!0,self.request.abort()}function error(e,t,n){for(e=self.request,self._responseArgs.resp=e,self._responseArgs.msg=t,self._responseArgs.t=n,self._erred=!0;0<self._errorHandlers.length;)self._errorHandlers.shift()(e,t,n);complete(e)}this.url="string"==typeof o?o:o.url,this.timeout=null,this._fulfilled=!1,this._successHandler=function(){},this._fulfillmentHandlers=[],this._errorHandlers=[],this._completeHandlers=[],this._erred=!1,this._responseArgs={};var self=this;fn=fn||function(){},o.timeout&&(this.timeout=setTimeout(function(){timedOut()},o.timeout)),o.success&&(this._successHandler=function(){o.success.apply(o,arguments)}),o.error&&this._errorHandlers.push(function(){o.error.apply(o,arguments)}),o.complete&&this._completeHandlers.push(function(){o.complete.apply(o,arguments)}),this.request=getRequest.call(this,success,error)}function reqwest(e,t){return new Reqwest(e,t)}function normalize(e){return e?e.replace(/\r?\n/g,"\r\n"):""}function serial(e,t){var n,s,r,o,a=e.name,i=e.tagName.toLowerCase(),l=function(e){e&&!e.disabled&&t(a,normalize(e.attributes.value&&e.attributes.value.specified?e.value:e.text))};if(!e.disabled&&a)switch(i){case"input":/reset|button|image|file/i.test(e.type)||(n=/checkbox/i.test(e.type),s=/radio/i.test(e.type),r=e.value,(!n&&!s||e.checked)&&t(a,normalize(n&&""===r?"on":r)));break;case"textarea":t(a,normalize(e.value));break;case"select":if("select-one"===e.type.toLowerCase())l(0<=e.selectedIndex?e.options[e.selectedIndex]:null);else for(o=0;e.length&&o<e.length;o++)e.options[o].selected&&l(e.options[o])}}function eachFormElement(){var e,t,o=this,n=function(e,t){var n,s,r;for(n=0;n<t.length;n++)for(r=e[byTag](t[n]),s=0;s<r.length;s++)serial(r[s],o)};for(t=0;t<arguments.length;t++)e=arguments[t],/input|select|textarea/i.test(e.tagName)&&serial(e,o),n(e,["input","select","textarea"])}function serializeQueryString(){return reqwest.toQueryString(reqwest.serializeArray.apply(null,arguments))}function serializeHash(){var n={};return eachFormElement.apply(function(e,t){e in n?(n[e]&&!isArray(n[e])&&(n[e]=[n[e]]),n[e].push(t)):n[e]=t},arguments),n}function buildParams(e,t,n,s){var r,o,a,i=/\[\]$/;if(isArray(t))for(o=0;t&&o<t.length;o++)a=t[o],n||i.test(e)?s(e,a):buildParams(e+"["+("object"==typeof a?o:"")+"]",a,n,s);else if(t&&"[object Object]"===t.toString())for(r in t)buildParams(e+"["+r+"]",t[r],n,s);else s(e,t)}var context=this,XHR2;if("window"in context)var doc=document,byTag="getElementsByTagName",head=doc[byTag]("head")[0];else try{XHR2=require("xhr2")}catch(ex){throw new Error("Peer dependency `xhr2` required! Please npm install xhr2")}var httpsRe=/^http/,protocolRe=/(^\w+):\/\//,twoHundo=/^(20\d|1223)$/,readyState="readyState",contentType="Content-Type",requestedWith="X-Requested-With",uniqid=0,callbackPrefix="reqwest_"+ +new Date,lastValue,xmlHttpRequest="XMLHttpRequest",xDomainRequest="XDomainRequest",noop=function(){},isArray="function"==typeof Array.isArray?Array.isArray:function(e){return e instanceof Array},defaultHeaders={contentType:"application/x-www-form-urlencoded",requestedWith:xmlHttpRequest,accept:{"*":"text/javascript, text/html, application/xml, text/xml, */*",xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript",js:"application/javascript, text/javascript"}},xhr=function(e){if(!0!==e.crossOrigin)return context[xmlHttpRequest]?new XMLHttpRequest:XHR2?new XHR2:new ActiveXObject("Microsoft.XMLHTTP");var t=context[xmlHttpRequest]?new XMLHttpRequest:null;if(t&&"withCredentials"in t)return t;if(context[xDomainRequest])return new XDomainRequest;throw new Error("Browser does not support cross-origin requests")},globalSetupOptions={dataFilter:function(e){return e}};return Reqwest.prototype={abort:function(){this._aborted=!0,this.request.abort()},retry:function(){init.call(this,this.o,this.fn)},then:function(e,t){return e=e||function(){},t=t||function(){},this._fulfilled?this._responseArgs.resp=e(this._responseArgs.resp):this._erred?t(this._responseArgs.resp,this._responseArgs.msg,this._responseArgs.t):(this._fulfillmentHandlers.push(e),this._errorHandlers.push(t)),this},always:function(e){return this._fulfilled||this._erred?e(this._responseArgs.resp):this._completeHandlers.push(e),this},fail:function(e){return this._erred?e(this._responseArgs.resp,this._responseArgs.msg,this._responseArgs.t):this._errorHandlers.push(e),this},"catch":function(e){return this.fail(e)}},reqwest.serializeArray=function(){var n=[];return eachFormElement.apply(function(e,t){n.push({name:e,value:t})},arguments),n},reqwest.serialize=function(){if(0===arguments.length)return"";var e,t=Array.prototype.slice.call(arguments,0);return(e=t.pop())&&e.nodeType&&t.push(e)&&(e=null),e&&(e=e.type),("map"==e?serializeHash:"array"==e?reqwest.serializeArray:serializeQueryString).apply(null,t)},reqwest.toQueryString=function(e,t){var n,s,r=t||!1,o=[],a=encodeURIComponent,i=function(e,t){t="function"==typeof t?t():null==t?"":t,o[o.length]=a(e)+"="+a(t)};if(isArray(e))for(s=0;e&&s<e.length;s++)i(e[s].name,e[s].value);else for(n in e)e.hasOwnProperty(n)&&buildParams(n,e[n],r,i);return o.join("&").replace(/%20/g,"+")},reqwest.getcallbackPrefix=function(){return callbackPrefix},reqwest.compat=function(e,t){return e&&(e.type&&(e.method=e.type)&&delete e.type,e.dataType&&(e.type=e.dataType),e.jsonpCallback&&(e.jsonpCallbackName=e.jsonpCallback)&&delete e.jsonpCallback,e.jsonp&&(e.jsonpCallback=e.jsonp)),new Reqwest(e,t)},reqwest.ajaxSetup=function(e){for(var t in e=e||{})globalSetupOptions[t]=e[t]},reqwest}();
/*!
* Reqwest! A general purpose XHR connection manager
* license MIT (c) Dustin Diaz 2015
* https://github.com/ded/reqwest
*/!function(){var a=window.Locksmith={},e=document.querySelector('script[type="application/vnd.locksmith+json"]'),n=e&&e.innerHTML;if(a.state={},a.util={},a.loading=!1,n)try{a.state=JSON.parse(n)}catch(u){}if(document.addEventListener&&document.querySelector){var s,r,o,t=[76,79,67,75,83,77,73,84,72,49,49],i=function(){r=t.slice(0)},l="style",c=function(e){e&&27!==e.keyCode&&"click"!==e.type||(document.removeEventListener("keydown",c),document.removeEventListener("click",c),s&&document.body.removeChild(s),s=null)};i(),document.addEventListener("keyup",function(e){if(e.keyCode===r[0]){if(clearTimeout(o),r.shift(),0<r.length)return void(o=setTimeout(i,1e3));i(),c(),(s=document.createElement("div"))[l].width="50%",s[l].maxWidth="1000px",s[l].height="85%",s[l].border="1px rgba(0, 0, 0, 0.2) solid",s[l].background="rgba(255, 255, 255, 0.99)",s[l].borderRadius="4px",s[l].position="fixed",s[l].top="50%",s[l].left="50%",s[l].transform="translateY(-50%) translateX(-50%)",s[l].boxShadow="0 2px 5px rgba(0, 0, 0, 0.3), 0 0 100vh 100vw rgba(0, 0, 0, 0.5)",s[l].zIndex="2147483645";var t=document.createElement("textarea");t.value=JSON.stringify(JSON.parse(n),null,2),t[l].border="none",t[l].display="block",t[l].boxSizing="border-box",t[l].width="100%",t[l].height="100%",t[l].background="transparent",t[l].padding="22px",t[l].fontFamily="monospace",t[l].fontSize="14px",t[l].color="#333",t[l].resize="none",t[l].outline="none",t.readOnly=!0,s.appendChild(t),document.body.appendChild(s),t.addEventListener("click",function(e){e.stopImmediatePropagation()}),t.select(),document.addEventListener("keydown",c),document.addEventListener("click",c)}})}a.isEmbedded=-1!==window.location.search.indexOf("_ab=0&_fd=0&_sc=1"),a.path=a.state.path||window.location.pathname,a.basePath=a.state.locale_root_url.concat("/apps/locksmith").replace(/^\/\//,"/"),a.reloading=!1,a.util.console=window.console||{log:function(){},error:function(){}},a.util.makeUrl=function(e,t){var n,s=a.basePath+e,r=[],o=a.cache();for(n in o)r.push(n+"="+encodeURIComponent(o[n]));for(n in t)r.push(n+"="+encodeURIComponent(t[n]));return a.state.customer_id&&(r.push("customer_id="+encodeURIComponent(a.state.customer_id)),r.push("customer_id_signature="+encodeURIComponent(a.state.customer_id_signature))),s+=(-1===s.indexOf("?")?"?":"&")+r.join("&")},a._initializeCallbacks=[],a.on=function(e,t){if("initialize"!==e)throw'Locksmith.on() currently only supports the "initialize" event';a._initializeCallbacks.push(t)},a.initializeSession=function(e){if(!a.isEmbedded){var t=!1,n=!0,s=!0;(e=e||{}).silent&&(s=n=!(t=!0)),a.ping({silent:t,spinner:n,reload:s,callback:function(){a._initializeCallbacks.forEach(function(e){e()})}})}},a.cache=function(e){var t={};try{var n=function r(e){return(document.cookie.match("(^|; )"+e+"=([^;]*)")||0)[2]};t=JSON.parse(decodeURIComponent(n("locksmith-params")||"{}"))}catch(u){}if(e){for(var s in e)t[s]=e[s];document.cookie="locksmith-params=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/",document.cookie="locksmith-params="+encodeURIComponent(JSON.stringify(t))+"; path=/"}return t},a.cache.cart=a.state.cart,a.cache.cartLastSaved=null,a.params=a.cache(),a.util.reload=function(){a.reloading=!0;try{window.location.href=window.location.href.replace(/#.*/,"")}catch(u){a.util.console.error("Preferred reload method failed",u),window.location.reload()}},a.cache.saveCart=function(e){if(!a.cache.cart||a.cache.cart===a.cache.cartLastSaved)return e?e():null;var t=a.cache.cartLastSaved;a.cache.cartLastSaved=a.cache.cart,reqwest({url:"/cart/update.json",method:"post",type:"json",data:{attributes:{locksmith:a.cache.cart}},complete:e,error:function(e){if(a.cache.cartLastSaved=t,!a.reloading)throw e}})},a.util.spinnerHTML='<style>body{background:#FFF}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#loading{display:flex;width:100%;height:50vh;color:#777;align-items:center;justify-content:center}#loading .spinner{display:block;animation:spin 600ms linear infinite;position:relative;width:50px;height:50px}#loading .spinner-ring{stroke:currentColor;stroke-dasharray:100%;stroke-width:2px;stroke-linecap:round;fill:none}</style><div id="loading"><div class="spinner"><svg width="100%" height="100%"><svg preserveAspectRatio="xMinYMin"><circle class="spinner-ring" cx="50%" cy="50%" r="45%"></circle></svg></svg></div></div>',a.util.clobberBody=function(e){document.body.innerHTML=e},a.util.clobberDocument=function(e){e.responseText&&(e=e.responseText),document.documentElement&&document.removeChild(document.documentElement);var t=document.open("text/html","replace");t.writeln(e),t.close(),setTimeout(function(){var e=t.querySelector("[autofocus]");e&&e.focus()},100)},a.util.serializeForm=function(e){if(e&&"FORM"===e.nodeName){var t,n,s={};for(t=e.elements.length-1;0<=t;t-=1)if(""!==e.elements[t].name)switch(e.elements[t].nodeName){case"INPUT":switch(e.elements[t].type){default:case"text":case"hidden":case"password":case"button":case"reset":case"submit":s[e.elements[t].name]=e.elements[t].value;break;case"checkbox":case"radio":e.elements[t].checked&&(s[e.elements[t].name]=e.elements[t].value);break;case"file":}break;case"TEXTAREA":s[e.elements[t].name]=e.elements[t].value;break;case"SELECT":switch(e.elements[t].type){case"select-one":s[e.elements[t].name]=e.elements[t].value;break;case"select-multiple":for(n=e.elements[t].options.length-1;0<=n;n-=1)e.elements[t].options[n].selected&&(s[e.elements[t].name]=e.elements[t].options[n].value)}break;case"BUTTON":switch(e.elements[t].type){case"reset":case"submit":case"button":s[e.elements[t].name]=e.elements[t].value}}return s}},a.util.on=function(e,o,a,t){t=t||document;var i="locksmith-"+e+o,n=function(e){var t=e.target,n=e.target.parentElement,s=t.className.baseVal||t.className||"",r=n.className.baseVal||n.className||"";("string"==typeof s&&-1!==s.split(/\s+/).indexOf(o)||"string"==typeof r&&-1!==r.split(/\s+/).indexOf(o))&&!e[i]&&(e[i]=!0,a(e))};t.attachEvent?t.attachEvent(e,n):t.addEventListener(e,n,!1)},a.util.enableActions=function(e){a.util.on("click","locksmith-action",function(e){e.preventDefault();var t=e.target;t.dataset.confirmWith&&!confirm(t.dataset.confirmWith)||(t.disabled=!0,t.innerText=t.dataset.disableWith,a.post("/action",t.dataset.locksmithParams,{spinner:!1,type:"text",success:function(e){(e=JSON.parse(e.responseText)).message&&alert(e.message),a.util.reload()}}))},e)},a.util.inject=function(e,t){var n=["data","locksmith","append"];if(-1!==t.indexOf(n.join("-"))){var s=document.createElement("div");s.innerHTML=t,e.appendChild(s)}else e.innerHTML=t;var r,o,a=e.querySelectorAll("script");for(o=0;o<a.length;++o){r=a[o];var i=document.createElement("script");if(r.type&&(i.type=r.type),r.src)i.src=r.src;else{var l=document.createTextNode(r.innerHTML);i.appendChild(l)}e.appendChild(i)}var c=e.querySelector("[autofocus]");c&&c.focus()},a.post=function(e,t,n){!1!==(n=n||{}).spinner&&a.util.clobberBody(a.util.spinnerHTML);var s={};n.container===document?(s.layout=1,n.success=function(e){document.getElementById(n.container);a.util.clobberDocument(e)}):n.container&&(s.layout=0,n.success=function(e){var t=document.getElementById(n.container);a.util.inject(t,e),t.id===t.firstChild.id&&t.parentElement.replaceChild(t.firstChild,t)}),a.loading=!0;var r=a.util.makeUrl(e,s);reqwest({url:r,method:"post",type:n.type||"html",data:t,complete:function(){a.loading=!1},error:function(e){if(!a.reloading)if("dashboard.weglot.com"!==window.location.host){if(!n.silent)throw alert("Something went wrong! Please refresh and try again."),e;console.error(e)}else console.error(e)},success:n.success||a.util.clobberDocument})},a.postResource=function(e,t){e.path=a.path,e.search=window.location.search,e.state=a.state,e.passcode&&(e.passcode=e.passcode.trim()),e.email&&(e.email=e.email.trim()),e.state.cart=a.cache.cart,e.locksmith_json=a.jsonTag,e.locksmith_json_signature=a.jsonTagSignature,a.post("/resource",e,t)},a.ping=function(e){if(!a.isEmbedded){e=e||{};a.post("/ping",{path:a.path,search:window.location.search,state:a.state},{spinner:!!e.spinner,silent:"undefined"==typeof e.silent||e.silent,type:"text",success:function(e){(e=JSON.parse(e.responseText)).messages&&0<e.messages.length&&a.showMessages(e.messages)}})}},a.timeoutMonitor=function(){var e=a.cache.cart;a.ping({callback:function(){e!==a.cache.cart||setTimeout(function(){a.timeoutMonitor()},6e4)}})},a.showMessages=function(e){var t=document.createElement("div");t.style.position="fixed",t.style.left=0,t.style.right=0,t.style.bottom="-50px",t.style.opacity=0,t.style.background="#191919",t.style.color="#ddd",t.style.transition="bottom 0.2s, opacity 0.2s",t.style.zIndex=999999,t.innerHTML=" <style> .locksmith-ab .locksmith-b { display: none; } .locksmith-ab.toggled .locksmith-b { display: flex; } .locksmith-ab.toggled .locksmith-a { display: none; } .locksmith-flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px 20px; } .locksmith-message + .locksmith-message { border-top: 1px #555 solid; } .locksmith-message a { color: inherit; font-weight: bold; } .locksmith-message a:hover { color: inherit; opacity: 0.8; } a.locksmith-ab-toggle { font-weight: inherit; text-decoration: underline; } .locksmith-text { flex-grow: 1; } .locksmith-cta { flex-grow: 0; text-align: right; } .locksmith-cta button { transform: scale(0.8); transform-origin: left; } .locksmith-cta > * { display: block; } .locksmith-cta > * + * { margin-top: 10px; } .locksmith-message a.locksmith-close { flex-grow: 0; text-decoration: none; margin-left: 15px; font-size: 30px; font-family: monospace; display: block; padding: 2px 10px; } @media screen and (max-width: 600px) { .locksmith-wide-only { display: none !important; } .locksmith-flex { padding: 0 15px; } .locksmith-flex > * { margin-top: 5px; margin-bottom: 5px; } .locksmith-cta { text-align: left; } } @media screen and (min-width: 601px) { .locksmith-narrow-only { display: none !important; } } </style> "+e.map(function(e){return'<div class="locksmith-message">'+e+"</div>"}).join(""),document.body.appendChild(t),document.body.style.position="relative",document.body.parentElement.style.paddingBottom=t.offsetHeight+"px",setTimeout(function(){t.style.bottom=0,t.style.opacity=1},50),a.util.on("click","locksmith-ab-toggle",function(e){e.preventDefault();for(var t=e.target.parentElement;-1===t.className.split(" ").indexOf("locksmith-ab");)t=t.parentElement;-1!==t.className.split(" ").indexOf("toggled")?t.className=t.className.replace("toggled",""):t.className=t.className+" toggled"}),a.util.enableActions(t)}}()}();</script>
<script data-locksmith>Locksmith.cache.cart=null</script>
<script data-locksmith>Locksmith.jsonTag="\u003cscript type=\"application\/vnd.locksmith+json\" data-locksmith\u003e{\"version\":\"v109\",\"locked\":false,\"initialized\":true,\"scope\":\"index\",\"access_granted\":true,\"access_denied\":false,\"requires_customer\":false,\"manual_lock\":false,\"remote_lock\":false,\"has_timeout\":false,\"remote_rendered\":null,\"hide_resource\":false,\"hide_links_to_resource\":false,\"transparent\":true,\"locks\":{\"all\":[],\"opened\":[]},\"keys\":[],\"keys_signature\":\"8daebca3ab0cf0cf73fbcbc24fa9e92929e5bdca2d1bbd4cc9c54f0697b43132\",\"state\":{\"template\":\"index\",\"theme\":123879555158,\"product\":null,\"collection\":null,\"page\":null,\"blog\":null,\"article\":null,\"app\":null},\"now\":1713930924,\"path\":\"\\\/\",\"locale_root_url\":\"\\\/\",\"canonical_url\":\"https:\\\/\\\/1stphorm.com\\\/\",\"customer_id\":null,\"customer_id_signature\":\"8daebca3ab0cf0cf73fbcbc24fa9e92929e5bdca2d1bbd4cc9c54f0697b43132\",\"cart\":null}\u003c\/script\u003e";Locksmith.jsonTagSignature="c6ba6e61a9167efad63139a269944353e825626edd8023de9af45ded59bf0261"</script>
<link rel='preconnect dns-prefetch' href='https://api.config-security.com/' crossorigin />
<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
<link rel='preconnect dns-prefetch' href='https://whale.camera/' crossorigin />
<script>
/* >> TriplePixel :: start*/
window.TriplePixelData={TripleName:"1p-ecomm.myshopify.com",ver:"2.12",plat:"SHOPIFY",isHeadless:false},function(W,H,A,L,E,_,B,N){function O(U,T,P,H,R){void 0===R&&(R=!1),H=new XMLHttpRequest,P?(H.open("POST",U,!0),H.setRequestHeader("Content-Type","text/plain")):H.open("GET",U,!0),H.send(JSON.stringify(P||{})),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes(".txt")?eval(R):P||(N[B]=R)):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(U,T-1,P))}}if(N=window,!N[H+"sn"]){N[H+"sn"]=1,L=function(){return Date.now().toString(36)+"_"+Math.random().toString(36)};try{A.setItem(H,1+(0|A.getItem(H)||0)),(E=JSON.parse(A.getItem(H+"U")||"[]")).push({u:location.href,r:document.referrer,t:Date.now(),id:L()}),A.setItem(H+"U",JSON.stringify(E))}catch(e){}var i,m,p;A.getItem('"!nC`')||(_=A,A=N,A[H]||(E=A[H]=function(t,e,a){return void 0===a&&(a=[]),"State"==t?E.s:(W=L(),(E._q=E._q||[]).push([W,t,e].concat(a)),W)},E.s="Installed",E._q=[],E.ch=W,B="configSecurityConfModel",N[B]=1,O("https://conf.config-security.com/model",5),i=L(),m=A[atob("c2NyZWVu")],_.setItem("di_pmt_wt",i),p={id:i,action:"profile",avatar:_.getItem("auth-security_rand_salt_"),time:m[atob("d2lkdGg=")]+":"+m[atob("aGVpZ2h0")],host:A.TriplePixelData.TripleName,plat:A.TriplePixelData.plat,url:window.location.href,ref:document.referrer,ver:A.TriplePixelData.ver},O("https://api.config-security.com/event",5,p),O("https://whale.camera/live/dot.txt",5)))}}("","TriplePixel",localStorage);
/* << TriplePixel :: end*/
</script>
<!--CCPA Banner Start-->
<script id="Cookiebot"
src="https://consent.cookiebot.com/uc.js"
data-cbid="b715004c-d8f5-4f22-a91e-31c2fc88096d"
data-blockingmode="auto"
type="text/javascript"
data-georegions="{'region':'US-06','cbid':'508a94bf-ac80-4229-8943-63164ace6f65'}"
></script>
<!--CCPA Banner End-->
<meta name="shogun-data" content="page_type=index, page_id=index, site_id=53ca05b6-9fab-4946-ae4c-25b6483152b8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="#00a7d3">
<link rel="canonical" href="https://1stphorm.com/">
<link rel="preconnect" href="https://cdn.shopify.com">
<link rel="preconnect" href="https://fonts.shopifycdn.com">
<link rel="dns-prefetch" href="https://productreviews.shopifycdn.com">
<link rel="dns-prefetch" href="https://ajax.googleapis.com">
<link rel="dns-prefetch" href="https://maps.googleapis.com">
<link rel="dns-prefetch" href="https://maps.gstatic.com">
<link rel="shortcut icon" href="//1stphorm.com/cdn/shop/files/1st_Phorm_Logo_1f647b08-280e-40be-9f8b-f370f755d573_32x32.png?v=1675721983" type="image/png" /><title>1st Phorm | The Foundation of High Performance Nutrition
</title>
<meta name="description" content="Founded on Quality, Built on Service, Measured on Results. 1st Phorm offers everything you need to elevate your fitness journey, including premium supplements, athletic apparel, and the 1st Phorm app.">
<meta property="og:site_name" content="1st Phorm">
<meta property="og:url" content="https://1stphorm.com/"><meta property="og:title" content="1st Phorm | The Foundation of High Performance Nutrition">
<meta property="og:type" content="website">
<meta property="og:description" content="Founded on Quality, Built on Service, Measured on Results. 1st Phorm offers everything you need to elevate your fitness journey, including premium supplements, athletic apparel, and the 1st Phorm app.">
<meta property="og:image" content="http://1stphorm.com/cdn/shop/files/1st_Phorm_Logo_3842ed06-c539-4872-8216-73acd05e8ecd.png?v=1672092405">
<meta property="og:image:secure_url" content="https://1stphorm.com/cdn/shop/files/1st_Phorm_Logo_3842ed06-c539-4872-8216-73acd05e8ecd.png?v=1672092405">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="628"><meta name="twitter:site" content="@1stPhorm">
<meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="1st Phorm | The Foundation of High Performance Nutrition">
<meta name="twitter:description" content="Founded on Quality, Built on Service, Measured on Results. 1st Phorm offers everything you need to elevate your fitness journey, including premium supplements, athletic apparel, and the 1st Phorm app.">
<style data-shopify>
</style><link href="//1stphorm.com/cdn/shop/t/296/assets/theme.css?v=60154237985004401581705950150" rel="stylesheet" type="text/css" media="all" />
<style data-shopify>:root {
--typeHeaderPrimary: -apple-system;
--typeHeaderFallback: BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
--typeHeaderSize: 36px;
--typeHeaderWeight: 400;
--typeHeaderLineHeight: 1;
--typeHeaderSpacing: 0.0em;
--typeBasePrimary:-apple-system;
--typeBaseFallback:BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
--typeBaseSize: 18px;
--typeBaseWeight: 400;
--typeBaseSpacing: 0.0em;
--typeBaseLineHeight: 1.4;
--typeCollectionTitle: 20px;
--iconWeight: 2px;
--iconLinecaps: miter;
--buttonRadius: 0px;
--colorGridOverlayOpacity: 0.1;
}
.placeholder-content {
background-image: linear-gradient(100deg, #ffffff 40%, #f7f7f7 63%, #ffffff 79%);
}</style><link href="//1stphorm.com/cdn/shop/t/296/assets/custom.css?v=95280217587728851861710191708" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script>
document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
window.theme = window.theme || {};
theme.routes = {
home: "/",
cart: "/cart.js",
cartPage: "/cart",
cartAdd: "/cart/add.js",
cartChange: "/cart/change.js",
search: "/search"
};
theme.strings = {
soldOut: "Sold Out",
unavailable: "Unavailable",
inStockLabel: "In stock, ready to ship",
stockLabel: "Low stock - [count] items left",
willNotShipUntil: "Ready to ship [date]",
willBeInStockAfter: "Back in stock [date]",
waitingForStock: "Inventory on the way",
savePrice: "Save [saved_amount]",
cartEmpty: "Your cart is currently empty.",
cartTermsConfirmation: "You must agree with the terms and conditions of sales to check out",
searchCollections: "Collections:",
searchPages: "Pages:",
searchArticles: "Articles:"
};
theme.settings = {
dynamicVariantsEnable: true,
cartType: "drawer",
isCustomerTemplate: false,
moneyFormat: "${{amount}}",
saveType: "dollar",
productImageSize: "square",
productImageCover: false,
predictiveSearch: false,
predictiveSearchType: "product",
quickView: false,
themeName: 'Impulse',
themeVersion: "5.5.1"
};
</script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="A0fHjIfs-yG0CNliAH_VqgX4HRiyDC2_6vF9N32qmAk">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/7277543493/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="6fd6cfd5fc1620e669ee292baf3d8f2a">
<meta id="in-context-paypal-metadata" data-shop-id="7277543493" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<meta id="amazon-payments-metadata" data-amazon-payments="true" data-amazon-payments-seller-id="AAKEWS19KCJ0F" data-amazon-payments-callback-url="https://1stphorm.com/7277543493/amazon_payments/callback" data-amazon-payments-sandbox-mode="false" data-amazon-payments-client-id="amzn1.application-oa2-client.bb6a7e97d86b4bc0b520ad7d68b75245" data-amazon-payments-region="US" data-amazon-payments-language="en-US" data-amazon-payments-widget-library-url="https://static-na.payments-amazon.com/OffAmazonPayments/us/js/Widgets.js">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=7277543493" crossorigin="anonymous"></script>
<script id="shopify-features" type="application/json">{"accessToken":"6fd6cfd5fc1620e669ee292baf3d8f2a","betas":["rich-media-storefront-analytics"],"domain":"1stphorm.com","predictiveSearch":true,"shopId":7277543493,"smart_payment_buttons_url":"https:\/\/1stphorm.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/1stphorm.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en","flg4ff40b22":false}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "1p-ecomm.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"1ptheme\/main","id":123879555158,"theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "1stphorm.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>(function() {
function asyncLoad() {
var urls = ["https:\/\/s3.amazonaws.com\/jstags\/1071-b8b5f555e3fc.js?shop=1p-ecomm.myshopify.com","https:\/\/analytics.getshogun.com\/collector.js?shop=1p-ecomm.myshopify.com","https:\/\/d3hw6dc1ow8pp2.cloudfront.net\/reviewsWidget.min.js?shop=1p-ecomm.myshopify.com","https:\/\/1stphorm.postaffiliatepro.com\/plugins\/Shopify\/shopify.php?ac=getCode\u0026shop=1p-ecomm.myshopify.com","https:\/\/d18eg7dreypte5.cloudfront.net\/scripts\/integrations\/subscription.js?shop=1p-ecomm.myshopify.com","https:\/\/cdn-scripts.signifyd.com\/shopify\/script-tag.js?shop=1p-ecomm.myshopify.com","https:\/\/1stphorm.postaffiliatepro.com\/custom_plugins\/u181399\/ShopifyConversationScriptsCustom\/getScript.php?ac=getInitCode\u0026shop=1p-ecomm.myshopify.com","\/\/cdn.shopify.com\/proxy\/a496b8681f732f214740d108216ca5e16e33784aabcea63f31ff77792cb8c873\/s3-us-west-2.amazonaws.com\/jsstore\/a\/NXGH7J3\/ge.js?shop=1p-ecomm.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","\/\/cdn.shopify.com\/proxy\/c6e085aeb5dacdf165d8f3612e44d4dc8690eaab0cf39965f5f4b3e584357bb6\/app.retention.com\/shopify\/shopify_app_add_to_cart_script.js?shop=1p-ecomm.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA","https:\/\/static.rechargecdn.com\/assets\/js\/widget.min.js?shop=1p-ecomm.myshopify.com","https:\/\/config.gorgias.chat\/bundle-loader\/01HF4YBQ19SEJJ27TYYG5QR8FR?source=shopify1click\u0026shop=1p-ecomm.myshopify.com","https:\/\/countryblocker.tible.tech\/app\/scripts\/1p-ecomm-countryblocker-20240101222401.js?shop=1p-ecomm.myshopify.com","https:\/\/bundle.dyn-rev.app\/loader.js?g_cvt_id=20ad1914-b2e0-4308-9eb9-7be8cb2d767f\u0026shop=1p-ecomm.myshopify.com","https:\/\/s3.eu-west-1.amazonaws.com\/production-klarna-il-shopify-osm\/c3d88faaccfe38f80c12c3720c99d87fd3161a3a\/1p-ecomm.myshopify.com-1710183504622.js?shop=1p-ecomm.myshopify.com","\/\/app.backinstock.org\/widget\/17933_1713363961.js?category=bis\u0026v=6\u0026shop=1p-ecomm.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=1p-ecomm.myshopify.com"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":7277543493,"offset":-18000,"reqid":"db89b250-5215-4359-9870-7eaf14689cfd-1713930924","pageurl":"1stphorm.com\/","u":"70cfd2ecb87c","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script>!function(o){o.addEventListener("DOMContentLoaded",function(){window.Shopify=window.Shopify||{},window.Shopify.recaptchaV3=window.Shopify.recaptchaV3||{siteKey:"6LeHG2ApAAAAAO4rPaDW-qVpPKPOBfjbCpzJB9ey"};var t=['form[action*="/contact"] input[name="form_type"][value="contact"]','form[action*="/comments"] input[name="form_type"][value="new_comment"]','form[action*="/account"] input[name="form_type"][value="customer_login"]','form[action*="/account"] input[name="form_type"][value="recover_customer_password"]','form[action*="/account"] input[name="form_type"][value="create_customer"]','form[action*="/contact"] input[name="form_type"][value="customer"]'].join(",");function n(e){e=e.target;null==e||null!=(e=function e(t,n){if(null==t.parentElement)return null;if("FORM"!=t.parentElement.tagName)return e(t.parentElement,n);for(var o=t.parentElement.action,r=0;r<n.length;r++)if(-1!==o.indexOf(n[r]))return t.parentElement;return null}(e,["/contact","/comments","/account"]))&&null!=e.querySelector(t)&&((e=o.createElement("script")).setAttribute("src","https://cdn.shopify.com/shopifycloud/storefront-recaptcha-v3/v0.6/index.js"),o.body.appendChild(e),o.removeEventListener("focus",n,!0),o.removeEventListener("change",n,!0),o.removeEventListener("click",n,!0))}o.addEventListener("click",n,!0),o.addEventListener("change",n,!0),o.addEventListener("focus",n,!0)})}(document);</script>
<script integrity="sha256-n5Uet9jVOXPHGd4hH4B9Y6+BxkTluaaucmYaxAjUcvY=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//1stphorm.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-9f951eb7d8d53973c719de211f807d63af81c644e5b9a6ae72661ac408d472f6.js" crossorigin="anonymous"></script>
<script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//1stphorm.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script>
<style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) {
#dynamic-checkout-cart {
min-height: 50px;
}
}
@media screen and (max-width: 750px) {
#dynamic-checkout-cart {
min-height: 180px;
}
}
</style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<script src="//1stphorm.com/cdn/shop/t/296/assets/vendor-scripts-v11.js" defer="defer"></script><script src="//1stphorm.com/cdn/shop/t/296/assets/theme.js?v=126398010363796769961709132254" defer="defer"></script>
<script src="//1stphorm.com/cdn/shop/t/296/assets/custom.js?v=142645449724329834541702052343" defer="defer"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="//1stphorm.com/cdn/shop/t/296/assets/hammer.js?v=50904250349499066121702052349" ></script>
<!-- Start VWO Async SmartCode -->
<link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" />
<script type='text/javascript' id='vwoCode'>
window._vwo_code || (function() {
var account_id=725068,
version=2.0,
settings_tolerance=2000,
hide_element='body',
hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important',
/* DO NOT EDIT BELOW THIS LINE */
f=false,w=window,d=document,v=d.querySelector('#vwoCode'),cK='_vwo_'+account_id+'_settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=this.getSettings(),n=d.createElement('script'),i=this;if(t){n.textContent=t;d.getElementsByTagName('head')[0].appendChild(n);if(!w.VWO||VWO.caE){stT.removeItem(cK);i.load(e)}}else{n.fetchPriority='high';n.src=e;n.type='text/javascript';n.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(n)}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t=d.currentScript,n=d.createElement('style'),i=this.hide_element(),r=t&&!t.async&&i?i+this.hide_element_style():'',c=d.getElementsByTagName('head')[0];n.setAttribute('id','_vis_opt_path_hides');v&&n.setAttribute('nonce',v.nonce);n.setAttribute('type','text/css');if(n.styleSheet)n.styleSheet.cssText=r;else n.appendChild(d.createTextNode(r));c.appendChild(n);this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&vn='+version)}};w._vwo_code=code;code.init();})();
</script>
<!-- End VWO Async SmartCode -->
<!-- Algolia head -->
<script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_config.js?v=35558568514130433091702052355" type="text/javascript"></script>
<script type="text/template" id="template_algolia_money_format">${{amount}}
</script>
<script type="text/template" id="template_algolia_current_collection_id">{
"currentCollectionID":
}
</script>
<script type="text/template" id="template_algolia_autocomplete.css">/* ----------------
1. CSS Variables
2. Dark Mode
3. Autocomplete
4. Panel
5. Sources
6. Hit Layout
7. Panel Header
8. Panel Footer
9. Detached Mode
10. Gradients
11. Utilities
12. Multi column layout
----------------
Note:
This theme reflects the markup structure of autocomplete with SCSS indentation.
We use the SASS `@at-root` function to keep specificity low.
----------------
1. CSS Variables
---------------- */
:root {
/* Input */
--aa-search-input-height: 44px;
--aa-input-icon-size: 20px;
/* Size and spacing */
--aa-base-unit: 16;
--aa-spacing-factor: 1;
--aa-spacing: calc(var(--aa-base-unit) * var(--aa-spacing-factor) * 1px);
--aa-spacing-half: calc(var(--aa-spacing) / 2);
--aa-panel-max-height: 650px;
/* Z-index */
--aa-base-z-index: 9999;
/* Font */
--aa-font-size: calc(var(--aa-base-unit) * 1px);
--aa-font-family: inherit;
--aa-font-weight-medium: 500;
--aa-font-weight-semibold: 600;
--aa-font-weight-bold: 700;
/* Icons */
--aa-icon-size: 20px;
--aa-icon-stroke-width: 1.6;
--aa-icon-color-rgb: 119, 119, 163;
--aa-icon-color-alpha: 1;
--aa-action-icon-size: 20px;
/* Text colors */
--aa-text-color-rgb: 38, 38, 39;
--aa-text-color-alpha: 1;
--aa-primary-color-rgb: 62, 52, 211;
--aa-primary-color-alpha: 0.2;
--aa-muted-color-rgb: 128, 126, 163;
--aa-muted-color-alpha: 0.6;
--aa-highlight-color-rgb: 62, 52, 211;
/* Border colors */
--aa-panel-border-color-rgb: 128, 126, 163;
--aa-panel-border-color-alpha: 0.3;
--aa-input-border-color-rgb: 128, 126, 163;
--aa-input-border-color-alpha: 0.8;
/* Background colors */
--aa-background-color-rgb: 255, 255, 255;
--aa-background-color-alpha: 1;
--aa-input-background-color-rgb: 255, 255, 255;
--aa-input-background-color-alpha: 1;
--aa-selected-color-rgb: 179, 173, 214;
--aa-selected-color-alpha: 0.205;
--aa-description-highlight-background-color-rgb: 245, 223, 77;
--aa-description-highlight-background-color-alpha: 0.5;
/* Detached mode */
--aa-detached-media-query: (
max-width: 680px);
--aa-detached-modal-media-query: (
min-width: 680px);
--aa-detached-modal-max-width: 680px;
--aa-detached-modal-max-height: 500px;
--aa-overlay-color-rgb: 115, 114, 129;
--aa-overlay-color-alpha: 0.4;
/* Shadows */
--aa-panel-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1),
0 6px 16px -4px rgba(35, 38, 59, 0.15);
/* Scrollbar */
--aa-scrollbar-width: 13px;
--aa-scrollbar-track-background-color-rgb: 234, 234, 234;
--aa-scrollbar-track-background-color-alpha: 1;
--aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);
--aa-scrollbar-thumb-background-color-alpha: 1;
}
/* Touch screens */
@media (hover: none) and (pointer: coarse) {
:root {
--aa-spacing-factor: 1.2;
--aa-action-icon-size: 22px;
}
}
/* ----------------
2. Dark Mode
---------------- */
body {
/* stylelint-disable selector-no-qualifying-type, selector-class-pattern */
/* stylelint-enable selector-no-qualifying-type, selector-class-pattern */
}
body[data-theme='dark'], body.dark {
/* Text colors */
--aa-text-color-rgb: 183, 192, 199;
--aa-primary-color-rgb: 146, 138, 255;
--aa-muted-color-rgb: 146, 138, 255;
/* Background colors */
--aa-input-background-color-rgb: 0, 3, 9;
--aa-background-color-rgb: 21, 24, 42;
--aa-selected-color-rgb: 146, 138, 255;
--aa-selected-color-alpha: 0.25;
--aa-description-highlight-background-color-rgb: 0 255 255;
--aa-description-highlight-background-color-alpha: 0.25;
/* Icons */
--aa-icon-color-rgb: 119, 119, 163;
/* Shadows */
--aa-panel-shadow: inset 1px 1px 0 0 rgb(44, 46, 64),
0 3px 8px 0 rgb(0, 3, 9);
/* Scrollbar */
--aa-scrollbar-track-background-color-rgb: 44, 46, 64;
--aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);
}
/* Reset for `@extend` */
.aa-Autocomplete *,
.aa-DetachedFormContainer *, .aa-Panel * {
box-sizing: border-box;
}
/* Init for `@extend` */
.aa-Autocomplete,
.aa-DetachedFormContainer, .aa-Panel {
color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
font-family: var(--aa-font-family);
font-size: var(--aa-font-size);
font-weight: normal;
line-height: 1em;
margin: auto 0px;
padding: 0;
text-align: left;
width:100%
}
/* ----------------
3. Autocomplete
---------------- */
/* Search box */
.aa-MainContainer {
min-width:650px;
}
.aa-Form {
align-items: center;
background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha));
/*border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));*/
border-radius: 3px;
display: flex;
line-height: 1em;
margin: 0;
position: relative;
width: 100%;
}
.aa-Form:focus-within {
border-color: rgba(var(--aa-primary-color-rgb), 1);
box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
outline: currentColor none medium;
}
.aa-InputWrapperPrefix {
align-items: center;
display: flex;
flex-shrink: 0;
height: var(--aa-search-input-height);
order: 1;
}
/* Container for search and loading icons */
.aa-Label,
.aa-LoadingIndicator {
cursor: initial;
flex-shrink: 0;
height: 100%;
padding: 0;
text-align: left;
}
.aa-Label svg,
.aa-LoadingIndicator svg {
color: rgba(var(--aa-primary-color-rgb), 1);
height: auto;
max-height: var(--aa-input-icon-size);
stroke-width: var(--aa-icon-stroke-width);
width: var(--aa-input-icon-size);
margin-top: 15px;
}
.aa-SubmitButton,
.aa-LoadingIndicator {
height: 100%;
padding-left: calc(var(--aa-spacing) * 0.75 - 1px);
padding-right: var(--aa-spacing-half);
width: calc(var(--aa-spacing) * 1.75 + var(--aa-icon-size) - 1px);
}
@media (hover: none) and (pointer: coarse) {
.aa-SubmitButton,
.aa-LoadingIndicator {
padding-left: calc(var(--aa-spacing-half) / 2 - 1px);
width: calc(var(--aa-icon-size) + (var(--aa-spacing) * 1.25) - 1px);
}
}
.aa-SubmitButton {
appearance: none;
background: none;
border: 0;
margin: 0;
}
.aa-LoadingIndicator {
align-items: center;
display: flex;
justify-content: center;
}
.aa-LoadingIndicator[hidden] {
display: none;
}
.aa-InputWrapper {
order: 3;
position: relative;
width: 100%;
}
/* Search box input (with placeholder and query) */
.aa-Input {
appearance: none;
background: none;
border: 0;
color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
font: inherit;
height: var(--aa-search-input-height);
padding: 0;
width: 100%;
}
.aa-Input::placeholder {
color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
opacity: 1;
}
/* Focus is set and styled on the parent, it isn't necessary here */
.aa-Input:focus {
border-color: none;
box-shadow: none;
outline: none;
}
/* Remove native appearence */
.aa-Input::-webkit-search-decoration, .aa-Input::-webkit-search-cancel-button, .aa-Input::-webkit-search-results-button, .aa-Input::-webkit-search-results-decoration {
appearance: none;
}
.aa-InputWrapperSuffix {
align-items: center;
display: flex;
height: var(--aa-search-input-height);
order: 4;
}
/* Accelerator to clear the query */
.aa-ClearButton {
align-items: center;
background: none;
border: 0;
color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
cursor: pointer;
height: 100%;
margin: 0;
padding: 0 calc(var(--aa-spacing) * (5 / 6) - 0.5px);
display: none;
}
@media (hover: none) and (pointer: coarse) {
.aa-ClearButton {
padding: 0 calc(var(--aa-spacing) * (2 / 3) - 0.5px);
}
}
.aa-ClearButton:hover, .aa-ClearButton:focus {
color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
}
.aa-ClearButton[hidden] {
display: none;
}
.aa-ClearButton svg {
stroke-width: var(--aa-icon-stroke-width);
width: var(--aa-icon-size);
}
/* ----------------
4. Panel
---------------- */
.aa-Panel {
background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
border-radius: calc(var(--aa-spacing) / 4);
box-shadow: var(--aa-panel-shadow);
margin: 50px 0 0;
overflow: hidden;
position: absolute;
transition: opacity 200ms ease-in, filter 200ms ease-in;
display: block;
z-index: 60;
}
@media screen and (prefers-reduced-motion) {
.aa-Panel {
transition: none;
}
}
.aa-Panel button {
appearance: none;
background: none;
border: 0;
margin: 0;
padding: 0;
}
.aa-PanelLayout {
height: 100%;
margin: 0;
max-height: var(--aa-panel-max-height);
overflow-y: auto;
padding: 0;
position: relative;
text-align: left;
}
.aa-PanelLayoutColumns--twoGolden {
display: grid;
grid-template-columns: 39.2% auto;
overflow: hidden;
padding: 0;
}
.aa-PanelLayoutColumns--two {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
overflow: hidden;
padding: 0;
}
.aa-PanelLayoutColumns--three {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
overflow: hidden;
padding: 0;
}
/* When a request isn't resolved yet */
.aa-Panel--stalled .aa-Source {
filter: grayscale(1);
opacity: 0.8;
}
.aa-Panel--scrollable {
margin: 0;
max-height: var(--aa-panel-max-height);
overflow-x: hidden;
overflow-y: auto;
padding: var(--aa-spacing-half);
scrollbar-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
scrollbar-width: thin;
}
.aa-Panel--scrollable::-webkit-scrollbar {
width: var(--aa-scrollbar-width);
}
.aa-Panel--scrollable::-webkit-scrollbar-track {
background-color: rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
}
.aa-Panel--scrollable::-webkit-scrollbar-thumb {
background-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha));
border-color: rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
border-radius: 9999px;
border-style: solid;
border-width: 3px 2px 3px 3px;
}
/* ----------------
5. Sources
Each source can be styled independently
---------------- */
/*Hide empty section */
.aa-Source {
margin: 0;
padding: 0;
position: relative;
width: 100%;
}
.aa-Source:empty {
display: none;
}
.aa-SourceNoResults {
font-size: 1em;
margin: 0;
padding: var(--aa-spacing);
}
/* List of results inside the source */
.aa-List {
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
/*Source title */
.aa-SourceHeader {
margin: var(--aa-spacing-half) 0.5em var(--aa-spacing-half) 0;
padding: 0;
position: relative;
}
/* Hide empty header */
.aa-SourceHeader:empty {
display: none;
}
/* Title typography */
.aa-SourceHeaderTitle {
background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
color: rgba(var(--aa-primary-color-rgb), 1);
display: inline-block;
font-size: 0.8em;
font-weight: var(--aa-font-weight-semibold);
margin: 0;
padding: 0 var(--aa-spacing-half) 0 0;
position: relative;
z-index: var(--aa-base-z-index);
}
/* Line separator */
.aa-SourceHeaderLine {
border-bottom: solid 1px rgba(var(--aa-primary-color-rgb), 1);
display: block !important;
height: 2px;
left: 0;
margin: 0;
opacity: 0.3;
padding: 0;
position: absolute;
right: 0;
top: var(--aa-spacing-half);
z-index: calc(var(--aa-base-z-index) - 1);
}
/* See all button */
.aa-SourceFooterSeeAll {
background: linear-gradient(180deg, rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)), rgba(128, 126, 163, 0.14));
border: 1px solid rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
border-radius: 5px;
box-shadow: inset 0 0 2px #fff, 0 2px 2px -1px rgba(76, 69, 88, 0.15);
color: inherit;
font-size: 0.95em;
font-weight: var(--aa-font-weight-medium);
padding: 0.475em 1em 0.6em;
text-decoration: none;
}
.aa-SourceFooterSeeAll:focus, .aa-SourceFooterSeeAll:hover {
border: 1px solid rgba(var(--aa-primary-color-rgb), 1);
color: rgba(var(--aa-primary-color-rgb), 1);
}
/* ----------------
6. Hit Layout
---------------- */
.aa-Item {
align-items: center;
border-radius: 3px;
cursor: pointer;
display: grid;
min-height: calc(var(--aa-spacing) * 2.5);
padding: calc(var(--aa-spacing-half) / 2);
}
/* When the result is active */
.aa-Item[aria-selected='true'] {
background-color: rgba(var(--aa-selected-color-rgb), var(--aa-selected-color-alpha));
}
.aa-Item[aria-selected='true'] .aa-ItemActionButton,
.aa-Item[aria-selected='true'] .aa-ActiveOnly {
visibility: visible;
}
/* The result type icon inlined SVG or image */
.aa-ItemIcon {
align-items: center;
background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
border-radius: 3px;
box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
color: rgba(var(--aa-icon-color-rgb), var(--aa-icon-color-alpha));
display: flex;
flex-shrink: 0;
font-size: 0.7em;
height: calc(var(--aa-icon-size) + var(--aa-spacing-half));
justify-content: center;
overflow: hidden;
stroke-width: var(--aa-icon-stroke-width);
text-align: center;
width: calc(var(--aa-icon-size) + var(--aa-spacing-half));
}
.aa-ItemIcon img {
height: auto;
max-height: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
max-width: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
width: auto;
}
.aa-ItemIcon svg {
height: var(--aa-icon-size);
width: var(--aa-icon-size);
}
.aa-ItemIcon--alignTop {
align-self: flex-start;
}
.aa-ItemIcon--noBorder {
background: none;
box-shadow: none;
}
.aa-ItemIcon--picture {
height: 96px;
width: 96px;
}
.aa-ItemIcon--picture img {
max-height: 100%;
max-width: 100%;
padding: var(--aa-spacing-half);
}
.aa-ItemContent {
align-items: center;
cursor: pointer;
display: grid;
gap: var(--aa-spacing-half);
grid-auto-flow: column;
line-height: 1.25em;
overflow: hidden;
}
.aa-ItemContent:empty {
display: none;
}
.aa-ItemContent mark {
background: none;
color: rgba(var(--aa-highlight-color-rgb), 1);
font-style: normal;
font-weight: var(--aa-font-weight-bold);
}
.aa-ItemContent--dual {
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: left;
}
.aa-ItemContent--dual .aa-ItemContentTitle,
.aa-ItemContent--dual .aa-ItemContentSubtitle {
display: block;
}
.aa-ItemContent--indented {
padding-left: calc(var(--aa-icon-size) + var(--aa-spacing));
}
.aa-ItemContentBody {
display: grid;
gap: calc(var(--aa-spacing-half) / 2);
}
.aa-ItemContentTitle {
display: inline-block;
margin: 0 0.5em 0 0;
max-width: 100%;
overflow: hidden;
padding: 0;
text-overflow: ellipsis;
white-space: nowrap;
}
.aa-ItemContentSubtitle {
font-size: 0.92em;
}
.aa-ItemContentSubtitleIcon::before {
border-color: rgba(var(--aa-muted-color-rgb), 0.64);
border-style: solid;
content: '';
display: inline-block;
left: 1px;
position: relative;
top: -3px;
}
.aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon::before {
border-width: 0 0 1.5px;
margin-left: var(--aa-spacing-half);
margin-right: calc(var(--aa-spacing-half) / 2);
width: calc(var(--aa-spacing-half) + 2px);
}
.aa-ItemContentSubtitle--standalone {
align-items: center;
color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
display: grid;
gap: var(--aa-spacing-half);
grid-auto-flow: column;
justify-content: start;
}
.aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon::before {
border-radius: 0 0 0 3px;
border-width: 0 0 1.5px 1.5px;
height: var(--aa-spacing-half);
width: var(--aa-spacing-half);
}
.aa-ItemContentSubtitleCategory {
color: rgba(var(--aa-muted-color-rgb), 1);
font-weight: 500;
}
.aa-ItemContentDescription {
color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
font-size: 0.85em;
max-width: 100%;
overflow-x: hidden;
text-overflow: ellipsis;
}
.aa-ItemContentDescription:empty {
display: none;
}
.aa-ItemContentDescription mark {
background: rgba(var(--aa-description-highlight-background-color-rgb), var(--aa-description-highlight-background-color-alpha));
color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
font-style: normal;
font-weight: var(--aa-font-weight-medium);
}
.aa-ItemContentDash {
color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
display: none;
opacity: 0.4;
}
.aa-ItemContentTag {
background-color: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha));
border-radius: 3px;
margin: 0 0.4em 0 0;
padding: 0.08em 0.3em;
}
/* wrap hit with url but we don't need to see it */
.aa-ItemWrapper,
.aa-ItemLink {
align-items: center;
color: inherit;
display: grid;
gap: calc(var(--aa-spacing-half) / 2);
grid-auto-flow: column;
justify-content: space-between;
width: 100%;
}
.aa-ItemLink {
color: inherit;
text-decoration: none;
}
/* Secondary click actions */
.aa-ItemActions {
display: grid;
grid-auto-flow: column;
height: 100%;
justify-self: end;
margin: 0 calc(var(--aa-spacing) / -3);
padding: 0 2px 0 0;
}
.aa-ItemActionButton {
align-items: center;
background: none;
border: 0;
color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
cursor: pointer;
display: flex;
flex-shrink: 0;
padding: 0;
}
.aa-ItemActionButton:hover svg, .aa-ItemActionButton:focus svg {
color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
}
@media (hover: none) and (pointer: coarse) {
.aa-ItemActionButton:hover svg, .aa-ItemActionButton:focus svg {
color: inherit;
}
}
.aa-ItemActionButton svg {
color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
margin: 0;
margin: calc(var(--aa-spacing) / 3);
stroke-width: var(--aa-icon-stroke-width);
width: var(--aa-action-icon-size);
}
.aa-ActiveOnly {
visibility: hidden;
}
/* ----------------
7. Panel Header
---------------- */
.aa-PanelHeader {
align-items: center;
background: rgba(var(--aa-primary-color-rgb), 1);
color: #fff;
display: grid;
height: var(--aa-modal-header-height);
margin: 0;
padding: var(--aa-spacing-half) var(--aa-spacing);
position: relative;
}
.aa-PanelHeader::after {
background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0));
bottom: calc(var(--aa-spacing-half) * -1);
content: '';
height: var(--aa-spacing-half);
left: 0;
pointer-events: none;
position: absolute;
right: 0;
z-index: var(--aa-base-z-index);
}
/* ----------------
8. Panel Footer
---------------- */
.aa-PanelFooter {
background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
box-shadow: inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
display: flex;
justify-content: space-between;
margin: 0;
padding: var(--aa-spacing);
position: relative;
z-index: var(--aa-base-z-index);
}
.aa-PanelFooter::after {
background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)));
content: '';
height: var(--aa-spacing);
left: 0;
opacity: 0.12;
pointer-events: none;
position: absolute;
right: 0;
top: calc(var(--aa-spacing) * -1);
z-index: calc(var(--aa-base-z-index) - 1);
}
/* ----------------
9. Detached Mode
---------------- */
.aa-DetachedContainer {
background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
bottom: 0;
box-shadow: var(--aa-panel-shadow);
display: flex;
flex-direction: column;
left: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: fixed;
right: 0;
top: 0;
z-index: var(--aa-base-z-index);
}
.aa-DetachedContainer::after {
height: 32px;
}
.aa-DetachedContainer .aa-SourceHeader {
margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px;
}
.aa-DetachedContainer .aa-Panel {
background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
border-radius: 0;
box-shadow: none;
flex-grow: 1;
margin: 0;
padding: 0;
position: relative;
}
.aa-DetachedContainer .aa-PanelLayout {
bottom: 0;
box-shadow: none;
left: 0;
margin: 0;
max-height: none;
overflow-y: auto;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.aa-DetachedFormContainer {
border-bottom: solid 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 0;
padding: var(--aa-spacing-half);
}
.aa-DetachedCancelButton {
background: none;
border: 0;
border-radius: 3px;
color: inherit;
color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
cursor: pointer;
font: inherit;
margin: 0 0 0 var(--aa-spacing-half);
padding: 0 var(--aa-spacing-half);
}
.aa-DetachedCancelButton:hover, .aa-DetachedCancelButton:focus {
box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
}
.aa-DetachedContainer--modal {
border-radius: 6px;
bottom: inherit;
height: auto;
margin: 0 auto;
max-width: var(--aa-detached-modal-max-width);
position: absolute;
top: 3%;
}
.aa-DetachedContainer--modal .aa-PanelLayout {
max-height: var(--aa-detached-modal-max-height);
padding-bottom: var(--aa-spacing-half);
position: static;
}
/* Search Button */
.aa-DetachedSearchButton {
align-items: center;
background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha));
border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));
border-radius: 3px;
color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
cursor: pointer;
display: flex;
font: inherit;
font-family: var(--aa-font-family);
font-size: var(--aa-font-size);
height: var(--aa-search-input-height);
margin: 0;
padding: 0 calc(var(--aa-search-input-height) / 8);
position: relative;
text-align: left;
width: 100%;
}
.aa-DetachedSearchButton:focus {
border-color: rgba(var(--aa-primary-color-rgb), 1);
box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 3px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
outline: currentColor none medium;
}
.aa-DetachedSearchButtonIcon {
align-items: center;
color: rgba(var(--aa-primary-color-rgb), 1);
cursor: initial;
display: flex;
height: 100%;
justify-content: center;
width: calc(var(--aa-icon-size) + var(--aa-spacing));
}
/* Remove scroll on `body` */
.aa-Detached {
height: 100vh;
overflow: hidden;
}
/* Remove scroll on `body` */
.aa-DetachedOverlay {
background-color: rgba(var(--aa-overlay-color-rgb), var(--aa-overlay-color-alpha));
height: 100vh;
left: 0;
margin: 0;
padding: 0;
position: fixed;
right: 0;
top: 0;
z-index: calc(var(--aa-base-z-index) - 1);
}
/* ----------------
10. Gradients
---------------- */
.aa-GradientTop,
.aa-GradientBottom {
height: var(--aa-spacing-half);
left: 0;
pointer-events: none;
position: absolute;
right: 0;
z-index: var(--aa-base-z-index);
}
.aa-GradientTop {
background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0));
top: 0;
}
.aa-GradientBottom {
background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-background-color-rgb), 1));
border-bottom-left-radius: calc(var(--aa-spacing) / 4);
border-bottom-right-radius: calc(var(--aa-spacing) / 4);
bottom: 0;
}
/* ----------------
11. Utilities
---------------- */
@media (hover: none) and (pointer: coarse) {
.aa-DesktopOnly {
display: none;
}
}
@media (hover: hover) {
.aa-TouchOnly {
display: none;
}
}
/* ----------------
12. Multi column layout
---------------- */
/* Panel section */
.aa-PanelSections {
column-gap: var(--aa-spacing);
display: flex;
}
.aa-PanelSection {
display: flex;
flex-direction: column;
}
.aa-PanelSection--left {
width: 30%;
}
.aa-PanelSection--right {
width: 70%;
}
/* Item */
.aa-ItemPicture {
width: 100%;
height: 100%;
border-radius: 3px;
overflow: hidden;
}
.aa-ItemPicture img {
object-fit: scale-down;
width: 100%;
height: auto;
max-height: 150px;
opacity: 0;
transition: opacity 0.2s ease-out;
}
.aa-ItemPicture--loaded img {
opacity: 1;
}
/* No results */
.aa-NoResultsHeader {
font-size: 1.15em;
line-height: 1.3;
margin-bottom: var(--aa-spacing);
}
.aa-NoResultsContent {
font-size: 0.9em
}
.aa-NoResultsLink {
color: rgba(var(--aa-primary-color-rgb), 1);
font-size: 0.8em;
text-decoration: underline;
}
/* Products */
/* --- Common */
.aa-Source[data-autocomplete-source-id='products'] .aa-List {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.aa-Source[data-autocomplete-source-id='products'] .aa-Item {
padding: var(--aa-spacing-half);
}
.aa-Source[data-autocomplete-source-id='products'] .aa-ItemLink {
justify-content: stretch;
height: 100%;
}
/* --- Content */
.aa-Source[data-autocomplete-source-id='products'] .aa-ItemContent {
display: flex;
flex-direction: column;
height: 100%;
}
.aa-Source[data-autocomplete-source-id='products'] .aa-ItemContent mark {
color: rgb(var(--aa-highlight-color-rgb));
}
.aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentBody {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: var(--aa-spacing-half);
}
/* --- Brand */
.aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentBrand {
font-size: 0.7em;
text-transform: uppercase;
color: rgb(var(--aa-muted-color-rgb));
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/* cs update */
display: none;
}
.aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentBrand mark {
font-weight: normal;
}
/* --- Title */
.aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentTitleWrapper {
height: calc(var(--aa-spacing) * 2.5);
}
.aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentTitle {
/* font-size: 0.9em;
cs update
*/
font-family: gothamblack;
text-align: center;
margin: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
white-space: normal;
}
/* --- Price */
.aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentPrice {
display: flex;
column-gap: var(--aa-spacing-half);
}
.aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentPriceCurrent {
/* font-weight: bold;
cs update
*/
font-family: gothamblack;
}
.aa-Source[data-autocomplete-source-id='products'] .aa-ItemContentPriceDiscounted {
font-size: 0.9em;
text-decoration: line-through;
color: rgb(var(--aa-muted-color-rgb));
}
/* --- Footer */
.aa-footer {
text-align: center
}
.aa-SeeAllBtn,
.aa-SeeAllLink {
display: inline-block;
text-decoration: none;
margin: var(--aa-spacing) auto 0 auto;
font-size: 0.9em;
font-weight: 600;
}
.aa-SeeAllBtn {
background-color: rgba(var(--aa-primary-color-rgb), 0.8);
transition: background 0.2s ease-out;
color: #fff;
padding: calc(var(--aa-spacing-half) * 1.5) var(--aa-spacing);
border-radius: calc(var(--aa-spacing-half) / 2);
}
.aa-SeeAllLink {
color: rgb(var(--aa-primary-color-rgb));
transition: opacity 0.2s ease-out;
margin-bottom: var(--aa-spacing-half);
}
.aa-SeeAllBtn:hover {
background-color: rgba(var(--aa-primary-color-rgb), 1);
}
.aa-SeeAllLink:hover {
opacity: 0.8;
}
.aa-SeeAllBtn:not([disabled]):hover {
color: #fff;
}
/* Media queries */
@media screen and (max-width: 680px) {
/* Search box */
.aa-MainContainer {
min-width:inherit;
margin-left: 10px;
}
/* Panel section */
.aa-PanelSections {
flex-direction: column;
row-gap: var(--aa-spacing);
}
.aa-PanelSection--left,
.aa-PanelSection--right {
width: 100%;
}
/* Products */
.aa-Source[data-autocomplete-source-id='products'] .aa-List {
display: flex;
flex-wrap: wrap;
gap: var(--aa-spacing-half);
}
.aa-Source[data-autocomplete-source-id='products'] .aa-Item {
width: calc(50% - var(--aa-spacing-half) / 2);
}
}
/* custom css 202309 */
input#autocomplete-0-input {
border: 0px;
}
</script>
<script type="text/template" id="template_algolia_instant_search.css">
/* CSS Variables */
:root {
--main-color: #000;
--secondary-color: #888;
--highlight-bg-color: 0,0,0;
}
/* Page */
.ais-page {
max-width: 1430px;
margin: 30px auto 10px;
padding: 0 15px;
}
.ais-page .aa-highlight {
color: black;
font-weight: bold;
}
/* Resets */
.ais-page div,
.ais-page p,
.ais-page span,
.ais-page a,
.ais-page ul,
.ais-page li,
.ais-page input {
box-sizing: border-box;
margin: 0;
padding: 0;
line-height: 1;
font-size: initial;
}
/* font */
.ais-h2 {
font-size: 24px;
text-align: center;
}
.ais-page ol,
.ais-page ul {
list-style: none;
}
.ais-page input {
padding-left: 24px !important;
}
/* Links */
.ais-page .ais-link,
.ais-page a,
.ais-page a:hover,
.ais-page a:focus,
.ais-page a:active {
font-weight: initial;
font-style: initial;
text-decoration: initial;
color: var(--main-color);
cursor: pointer;
}
.ais-page a:hover,
.ais-page a:focus,
.ais-page a:active,
.ais-page .ais-link:hover {
text-decoration: underline;
}
/* Columns */
.ais-page .ais-facets {
width: 25%;
float: left;
padding-right: 8px;
position: relative;
}
.ais-page .ais-block {
width: 75%;
float: right;
padding-left: 8px;
}
.ais-results-size-xs .ais-page .ais-facets,
.ais-results-size-xs .ais-page .ais-block,
.ais-results-size-sm .ais-page .ais-facets,
.ais-results-size-sm .ais-page .ais-block {
width: 100%;
padding-left: 0px;
}
.ais-page .ais-Pagination-list {
clear: both;
}
/* Refine button */
.ais-page .ais-facets-button {
display: none;
margin: 16px 0;
padding: 8px;
border: 1px solid #e0e0e0;
text-align: center;
cursor: pointer;
}
.ais-results-size-xs .ais-page .ais-facets-button,
.ais-results-size-sm .ais-page .ais-facets-button {
display: block;
}
.ais-results-size-xs .ais-page .ais-facets,
.ais-results-size-sm .ais-page .ais-facets {
display: none;
}
.ais-results-size-xs .ais-page .ais-facets__shown,
.ais-results-size-sm .ais-page .ais-facets__shown {
display: block;
}
/* Facets */
.ais-page .ais-facet {
border-width: 0 1px 1px;
margin-bottom: 16px;
padding: 8px;
color: #636363;
}
.ais-page .ais-facet a,
.ais-page .ais-facet a:hover,
.ais-page .ais-facet a:focus,
.ais-page .ais-facet a:active {
color: #666;
}
.ais-page .ais-facet--header {
border-width: 1px 1px 0;
padding: 6px 8px;
background: #f4f4f4;
font-size: 0.95em;
color: #757575;
text-transform: uppercase;
display: block;
}
.ais-page .ais-facet--body {
padding: 8px;
}
.ais-page .ais-facet--item {
position: relative;
width: 100%;
padding: 6px 50px 6px 0;
cursor: pointer;
}
.ais-page .ais-facet--label {
display: inline-block;
margin-top: -0.15em;
margin-bottom: -0.15em;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
line-height: 1.3;
}
.ais-page .ais-facet--checkbox{
margin-right:0.5rem;
}
.ais-page .ais-facet--count-distinct {
display: none;
position: absolute;
top: 6px;
right: 0px;
color: var(--secondary-color);
}
.ais-page .ais-facet--count {
position: absolute;
top: 6px;
right: 0px;
color: var(--secondary-color);
}
.ais-page .ais-RefinementList-item--selected {
font-weight: bold;
}
.ais-page .ais-RefinementList-item--selected,
.ais-page .ais-facet--item:hover {
margin-left: -8px;
padding-left: 4px;
padding-right: 42px;
border-left: 4px solid var(--main-color);
}
.ais-page .ais-RefinementList-item--selected .ais-facet--count,
.ais-page .ais-facet--item:hover .ais-facet--count {
right: -8px;
}
.ais-page .ais-CurrentRefinements {
position: relative;
}
.ais-page .ais-CurrentRefinements--header {
padding-right: 72px;
}
.ais-page .ais-clear-refinements-container {
position: absolute;
right: 11px;
top: 1px;
}
.ais-page .ais-ClearRefinements-button {
border: 0;
background: 0;
color: #666;
}
.ais-page .ais-ClearRefinements-button:hover {
text-decoration: underline;
}
.ais-page .ais-CurrentRefinements-label {
display: table;
width: 100%;
margin: 4px 0;
border: 1px solid #e0e0e0;
cursor: pointer;
}
.ais-page .ais-CurrentRefinements-label:before {
content: '\2a2f';
display: table-cell;
vertical-align: middle;
width: 0;
padding: 4px 6px;
background: #e0e0e0;
}
.ais-page .ais-CurrentRefinements-label div {
display: inline;
}
.ais-page .ais-CurrentRefinements-label > div {
display: table-cell;
vertical-align: middle;
margin-top: -0.15em;
margin-bottom: -0.15em;
padding: 4px 6px;
background: #f4f4f4;
width: 100%;
max-width: 1px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.3;
}
.ais-page .ais-CurrentRefinements-label:hover {
text-decoration: none;
}
.ais-page .ais-CurrentRefinements-label:hover > div {
text-decoration: line-through;
}
.ais-page .ais-CurrentRefinements-label {
font-weight: bold;
}
.ais-RangeSlider .rheostat-tooltip {
display: none;
background: transparent;
position: absolute;
font-size: 0.8em;
transform: translate(-50%, -100%);
left: 50%;
line-height: 1.5em;
text-align: center;
}
.ais-page .ais-current-refined-values--link {
display: table;
width: 100%;
margin: 4px 0;
border: 1px solid #e0e0e0;
cursor: pointer;
}
.ais-page .ais-current-refined-values--link:hover {
text-decoration: none;
}
.ais-page .ais-current-refined-values--link:before {
content: '\2a2f';
display: table-cell;
vertical-align: middle;
width: 0;
padding: 4px 6px;
background: #e0e0e0;
}
.ais-page .ais-current-refined-values--link div {
display: inline;
}
.ais-page .ais-current-refined-values--link > div {
display: table-cell;
vertical-align: middle;
margin-top: -0.15em;
margin-bottom: -0.15em;
padding: 4px 6px;
background: #f4f4f4;
width: 100%;
max-width: 1px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.3;
}
.ais-page .ais-current-refined-values--link:hover > div {
text-decoration: line-through;
}
.ais-page .ais-current-refined-values--label {
font-weight: bold;
}
.ais-RangeSlider .rheostat-handle:hover .rheostat-tooltip {
display: block;
}
.ais-RangeSlider .rheostat-handle {
background: #fff;
border-radius: 50%;
cursor: grab;
height: 20px;
outline: none;
transform: translate(-50%, calc(-50% + -3px));
border: 1px solid #ccc;
width: 20px;
z-index: 1;
}
.ais-RangeSlider .rheostat-value {
padding-top: 15px;
font-size: 0.8em;
transform: translateX(-50%);
position: absolute;
}
.ais-RangeSlider .rheostat-horizontal {
cursor: pointer;
margin: 16px 16px 24px;
}
.ais-RangeSlider .rheostat-background {
background-color: rgba(65, 66, 71, 0.08);
border: 1px solid #ddd;
height: 6px;
display: block;
}
.ais-RangeSlider .rheostat-progress {
background-color: var(--main-color);
cursor: pointer;
height: 4px;
top: 1px;
position: absolute;
display: block;
}
.ais-RangeSlider .rheostat-marker-horizontal {
background: #ddd;
width: 1px;
height: 5px;
pointer-events: none;
display: block;
}
.ais-RangeSlider .rheostat-marker-large {
background: #ddd;
width: 2px;
height: 12px;
display: block;
}
/* Search box */
.ais-page .ais-input {
display: table;
width: 100%;
border: 1px solid #b0b0b0;
margin: 4rem auto 4.5rem;
max-width: 47.8rem;
}
.ais-SearchBox {
position: relative;
height: 40px;
}
.ais-SearchBox-form {
margin-top: 8px;
}
.ais-SearchBox-submit {
display: block;
position: absolute;
top: calc(50% - 3px);
transform: translateY(-50%);
right: 0;
border: inherit;
background-color: inherit;
cursor: pointer;
}
.ais-SearchBox-submitIcon {
background-color: transparent;
fill: #7b7b7b;
width: 16px;
height: 16px;
}
.ais-SearchBox-reset {
position: absolute;
top: calc(50% - 4px);
transform: translateY(-50%);
right: 27px;
border: inherit;
background-color: inherit;
cursor: pointer;
}
.ais-page .ais-input--label {
display: table-cell;
vertical-align: middle;
width: 0;
padding: 8px;
padding-right: 24px;
white-space: nowrap;
color: white;
background: var(--main-color);
}
.ais-results-size-xs .ais-page .ais-input--label {
display: none;
}
.ais-page .ais-search-box-container {
display: table-cell;
width: 100%;
vertical-align: middle;
}
.ais-page .ais-SearchBox-input {
width: 100%;
padding: 8px 16px 8px 4px;
border: none;
}
.ais-page .ais-SearchBox-input::-ms-clear,
.ais-page .ais-SearchBox-input::-ms-reveal {
display: none;
width: 0;
height: 0;
}
.ais-page .ais-SearchBox-input::-webkit-search-decoration,
.ais-page .ais-SearchBox-input::-webkit-search-cancel-button,
.ais-page .ais-SearchBox-input::-webkit-search-results-button,
.ais-page .ais-SearchBox-input::-webkit-search-results-decoration {
display: none;
}
.ais-page .ais-SearchBox-input,
.ais-page .ais-SearchBox-input:focus {
outline: 0;
box-shadow: none;
height: 32px;
padding: 0 48px 0 38px;
}
/* Facet */
.ais-facet-dropdown-wrapper .ais-dropdown-checkbox,
.ais-dropdown-checkbox:checked ~ .ais-facet-dropdown-container {
display: none;
}
.ais-dropdown-checkbox:not(:checked) ~ .ais-facet-dropdown-container {
display: block;
}
.ais-facets .ais-facet-dropdown-wrapper {
margin-top: 20px
}
.ais-facet-dropdown-wrapper.ais-facet-hidden {
display: none;
}
.ais-facets .ais-facet-dropdown-wrapper:first-child {
margin-top: 0;
}
.ais-page .ais-input-button {
display: table-cell;
vertical-align: middle;
width: 0;
padding: 4px 8px;
}
.ais-page .ais-clear-input-icon,
.ais-page .ais-algolia-icon {
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
}
.ais-page .ais-clear-input-icon {
display: none;
width: 16px;
height: 16px;
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBvcGFjaXR5PSIwLjYiPjxwYXRoIGQ9Ik0uNTY2IDEuNjk4TDAgMS4xMyAxLjEzMiAwbC41NjUuNTY2TDYgNC44NjggMTAuMzAyLjU2NiAxMC44NjggMCAxMiAxLjEzMmwtLjU2Ni41NjVMNy4xMzIgNmw0LjMwMiA0LjMuNTY2LjU2OEwxMC44NjggMTJsLS41NjUtLjU2Nkw2IDcuMTMybC00LjMgNC4zMDJMMS4xMyAxMiAwIDEwLjg2OGwuNTY2LS41NjVMNC44NjggNiAuNTY2IDEuNjk4eiIvPjwvc3ZnPg==');
}
.ais-page .ais-algolia-icon {
width: 24px;
height: 24px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgOTUgOTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPmFsZ29saWEtbmV3LWxvZ288L3RpdGxlPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iLTM3LjkwMSUiIHkxPSIxMzQuNzY4JSIgeDI9IjEzMC4xMTQlIiB5Mj0iLTI3LjgwMiUiIGlkPSJhIj48c3RvcCBzdG9wLWNvbG9yPSIjMDBBRUZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzMzNjlFNyIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCBmaWxsPSJ1cmwoI2EpIiB3aWR0aD0iOTQuMDQ1IiBoZWlnaHQ9Ijk0LjA3MiIgcng9IjEyLjM3NCIvPjxwYXRoIGQ9Ik00OC4xMjUgMjMuNzc1Yy0xNC42NzEgMC0yNi41OCAxMS44OTgtMjYuNTggMjYuNTg4IDAgMTQuNjkgMTEuODk1IDI2LjU4OCAyNi41OCAyNi41ODggMTQuNjg1IDAgMjYuNTgtMTEuOTEyIDI2LjU4LTI2LjYwMlM2Mi44MSAyMy43NzUgNDguMTI1IDIzLjc3NXptMCA0NS4zMDdjLTEwLjM0MyAwLTE4LjcyNy04LjM4Ni0xOC43MjctMTguNzMzIDAtMTAuMzQ2IDguMzg0LTE4LjczMiAxOC43MjctMTguNzMyIDEwLjM0NCAwIDE4LjcyNyA4LjM4NiAxOC43MjcgMTguNzMyIDAgMTAuMzQ3LTguMzgzIDE4LjczMy0xOC43MjcgMTguNzMzem0wLTMzLjZ2MTMuOTU1YzAgLjQwOC40MzYuNjguODAzLjQ5TDYxLjMgNDMuNTAxYS41NDguNTQ4IDAgMCAwIC4yMTctLjc2MmMtMi41NzItNC41MDYtNy4zMzUtNy41OTYtMTIuODM0LTcuOGEuNTQ5LjU0OSAwIDAgMC0uNTU4LjU0NHpNMzAuNzYgMjUuMjQ2bC0xLjYyLTEuNjJhNC4wODIgNC4wODIgMCAwIDAtNS43NyAwbC0xLjkzMyAxLjkzM2E0LjA4NSA0LjA4NSAwIDAgMCAwIDUuNzczbDEuNjA2IDEuNjA2Yy4yNDUuMjQ1LjY0LjIwNC44NDQtLjA2OGEzMC41NzIgMzAuNTcyIDAgMCAxIDMuMTE2LTMuNjYyIDI5LjcyMyAyOS43MjMgMCAwIDEgMy42ODktMy4xMzFjLjI3Mi0uMTkuMy0uNi4wNjgtLjgzem0yNi4wNjMtNC4yMzR2LTMuMjI2YTQuMDc4IDQuMDc4IDAgMCAwLTQuMDgzLTQuMDg0aC05LjVhNC4wNzggNC4wNzggMCAwIDAtNC4wODMgNC4wODR2My4zMDhjMCAuMzY4LjM1NC42MjYuNzA4LjUzMWEyOS41NjIgMjkuNTYyIDAgMCAxIDguMjc1LTEuMTU3YzIuNzIyIDAgNS40MDMuMzY3IDcuOTg5IDEuMDc1YS41NS41NSAwIDAgMCAuNjk0LS41M3oiIGZpbGw9IiNGRkYiLz48L2c+PC9zdmc+);
}
/* Search header */
.ais-page .ais-search-header {
padding: 0 0.9em 0.4em 0.9em;
background-color: transparent;
color: var(--secondary-color);
font-size: 0.85em;
margin-top: 20px;
}
.ais-page .ais-search-header:after {
content: '';
clear: both;
display: block;
}
.ais-page .ais-search-header * {
font-size: inherit;
line-height: 1.6;
}
/* Stats */
.ais-page .ais-Stats {
float: left;
}
.ais-page .ais-stats--nb-results {
font-weight: bold;
}
.ais-results-size-xs .ais-page .ais-Stats {
float: none;
}
/* Display mode */
.ais-page .ais-change-display {
float: right;
margin-left: 10px;
cursor: pointer;
}
.ais-page .ais-change-display-block{
margin-right: 3px;
}
.ais-page .ais-change-display-block:hover,
.ais-page .ais-change-display-list:hover,
.ais-page .ais-change-display-selected {
color: var(--main-color);
}
/* Sort orders */
.ais-page .ais-sort {
float: right;
}
.ais-results-size-xs .ais-page .ais-sort {
float: none;
}
.ais-page .ais-SortBy {
display: inline-block;
}
.ais-page .ais-SortBy-select {
height: 1.6em;
padding: 0px 30px 0px 5px;
margin-top: -0.1em;
border: none;
}
/* Hits */
.ais-page .ais-Hits:after {
content: '';
clear: both;
display: block;
}
.ais-page .ais-hit-empty {
margin-top: 60px;
margin-bottom: 60px;
text-align: center;
}
.ais-page .ais-hit-empty .ais-hit-empty--title {
margin-bottom: 15px;
}
.ais-page .ais-Highlight-highlighted {
color: var(--main-color);
background-color: rgba(var(--highlight-bg-color), 0.1);
font-weight: bold;
}
.ais-page .ais-hit {
position: relative;
float: left;
margin: 8px 0 16px 0;
cursor: pointer;
}
.ais-page .ais-hit:hover {
border-color: var(--main-color);
}
.ais-page .ais-hit--details > * {
width: 100%;
margin-top: -0.15em;
margin-bottom: -0.15em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.3;
}
.ais-page .ais-hit--title {
text-align: center;
color: var(--main-color);
/* cs updates */
font-family: gothamblack;
text-transform: capitalize;
letter-spacing: 0;
font-size: 18px;
line-height: 21px;
}
.ais-page .ais-hit--subtitle {
font-size: 0.9em;
text-align: left;
color: var(--secondary-color);
}
.ais-page .ais-hit--subtitle * {
font-size: inherit;
/* cs added */
display:none;
}
.ais-page .ais-hit--price {
/*margin: 10px 0;
cs update
text-align: left;
*/
text-align: center;
color: var(--main-color);
font-family: gothambold;
font-size: 18px;
line-height: 15px;
}
/* cs updated */
.ais-hit--description {
font-size: 12px!important;
line-height: 30px !important;
text-transform: uppercase;
color: #898a8d;
margin: 0px 0px !important;
font-family: gothambold;
}
.ais-hit--description span {
font-size: 12px!important;
line-height: 30px !important;
text-transform: uppercase;
color: #898a8d;
margin: 0px 0px !important;
font-family: gothambold;
display: inline-block;
}
.ais-page .ais-hit--price-striked {
text-decoration: line-through;
color: var(--secondary-color);
margin-left: 10px;
}
.ais-page .ais-hit--price-striked span {
color: var(--main-color);
}
.ais-page .ais-hit--price-discount {
color: var(--secondary-color);
margin-left: 10px;
}
.ais-page .ais-hit--cart-button {
display: inline-block;
width: auto;
padding: 8px 16px;
margin-top: 8px;
color: var(--secondary-color);
background: #e0e0e0;
font-size: 0.9em;
text-transform: uppercase;
}
.ais-page .ais-hit--cart-button:not(.ais-hit--cart-button__disabled):hover {
background-color: var(--main-color);
color: white;
text-decoration: none;
}
.ais-page .ais-hit--cart-button__disabled {
background: #ccc;
}
.ais-page .ais-results-as-list .ais-hit {
padding: 30px 25px; /* $v_padding $h_padding */
width: 100%;
min-height: 170px; /* $img_size + 2 * $v_padding */
}
.ais-page .ais-results-as-list .ais-hit--picture {
position: absolute;
top: 30px; /* $v_padding */
left: 25px; /* $h_padding */
width: 110px; /* $img_size */
height: 110px; /* $img_size */
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
display: block;
}
.ais-page .ais-results-as-list .ais-hit--details {
margin-left: 160px; /* $img_size + 2 * $h_padding */
}
.ais-page .ais-results-as-block .ais-hit {
padding: 30px 25px; /* $v_padding $h_padding */
text-align: center;
}
@media (max-width: 576px) {
.ais-page .ais-results-as-block .ais-hit {
padding: 30px 0;
}
}
.ais-results-size-xs .ais-page .ais-results-as-block .ais-hit {
width: 98%;
margin-left: 2%;
}
.ais-results-size-sm .ais-page .ais-results-as-block .ais-hit,
.ais-results-size-md .ais-page .ais-results-as-block .ais-hit {
width: 47.5%;
margin-left: 5%;
}
.ais-results-size-sm
.ais-page
.ais-results-as-block
.ais-Hits-item:nth-of-type(2n + 1)
.ais-hit,
.ais-results-size-md
.ais-page
.ais-results-as-block
.ais-Hits-item:nth-of-type(2n + 1)
.ais-hit {
margin-left: -26px;
}
.ais-results-size-lg .ais-page .ais-results-as-block .ais-hit {
width: 30%;
margin-left: 5%;
}
.ais-results-size-lg
.ais-page
.ais-results-as-block
.ais-Hits-item:nth-of-type(3n + 1)
.ais-hit {
margin-left: 0;
}
.ais-page .ais-results-as-block .ais-hit--picture {
position: absolute;
top: 10px; /* $v_padding */
left: 45%; /* $h_padding */
margin-left: -55px; /* -$img_size / 2 */
width: 145px; /* $img_size */
height: 145px; /* $img_size */
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
display: block;
}
.ais-page .ais-results-as-block .ais-hit--details {
margin-top: 140px; /* $img_size + $v_padding */
}
/* Pagination */
.ais-page .ais-Pagination-list {
text-align: center;
}
.ais-page .ais-Pagination-item {
display: inline-block;
width: 32px;
height: 32px;
margin: 0px 5px;
border: 1px solid #e0e0e0;
border-radius: 2px;
text-align: center;
}
.ais-page .ais-Pagination--active {
border-color: var(--main-color);
}
.ais-page .ais-Pagination-item--disabled {
visibility: hidden;
}
.ais-page .ais-Pagination-link {
display: inline-block;
width: 100%;
height: 100%;
padding: 8px 0;
font-size: 0.9em;
color: var(--main-color);
}
</script>
<link href="//1stphorm.com/cdn/shop/t/296/assets/algolia_dependency_font-awesome-4-4-0.min.css?v=36583777724753847531702052356" rel="stylesheet" type="text/css" media="all" />
<script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_externals.js?v=29519840178773972841702052349" defer></script>
<script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_init.js?v=25323283398682428951702052355" type="text/javascript"></script>
<script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_translations.js?v=55931636861960859011702052355" defer></script>
<script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_helpers.js?v=75024231454933821221702052355" defer></script>
<script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_autocomplete_suggestions_plugin.js?v=20544817144674948331702052355" defer></script>
<script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_autocomplete_product_plugin.js?v=127020124768442110291702052355" defer></script>
<script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_autocomplete_collections_plugin.js?v=183716233134721181081702052355" defer></script>
<script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_autocomplete_articles_plugin.js?v=22379447095590808261702052355" defer></script>
<script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_autocomplete_pages_plugin.js?v=75161756404638679641702052355" defer></script>
<script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_autocomplete.js?v=12798088797187491051702052355" defer></script>
<script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_facets.js?v=1352670846996683781702052355" defer></script>
<script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_sort_orders.js?v=66237125660405380101702052355" defer></script>
<script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_instant_search.js?v=180072219345954262031702052355" defer></script>
<script src="//1stphorm.com/cdn/shop/t/296/assets/algolia_analytics.js?v=52309557948119233881702052355" defer></script>
<script>
(function(algolia) {
'use strict';
algolia.mainTemplate = function mainTemplate({ html, state }, elements, displaySuggestions ) {
return html `<div class="aa-PanelLayout aa-Panel--scrollable">
<div class="aa-PanelSections">
<div class="aa-PanelSection--left">
${displaySuggestions &&
html`<div class="aa-SourceHeader">
<span class="aa-SourceHeaderTitle">Suggestions</span>
<div class="aa-SourceHeaderLine" />
</div>
${elements.querySuggestionsPlugin}`}
${elements.collections}
${elements.articles}
${elements.pages}
</div>
<div class="aa-PanelSection--right">
${elements.products}
</div>
</div>
</div>`
};
})(window.algoliaShopify);
</script>
<script>
(function(algolia) {
'use strict';
algolia.mainProductsTemplate = function mainProductsTemplate({ html, state }, elements) {
return html `<div class="aa-PanelLayout aa-Panel--scrollable">
<div class="aa-PanelSection">
${elements.products}
</div>
</div>`
};
})(window.algoliaShopify);
</script>
<script>
(function(algolia) {
'use strict';
algolia.pagesTemplate = function pagesTemplate({ item, html, components }, itemLink) {
return html `<a
href="${itemLink}"
class="aa-ItemLink aa-ProductItem"
>
<div class="aa-ItemWrapper">
<div class="aa-ItemContent">
<div class="aa-ItemIcon aa-ItemIcon--noBorder">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
</div>
<div class="aa-ItemContentBody">
<div class="aa-ItemContentTitle">
${components.Highlight({ hit: item, attribute: 'title' })}
</div>
</div>
</div>
</div>
</a>`
};
})(window.algoliaShopify);
</script>
<script>
(function(algolia) {
'use strict';
algolia.collectionsTemplate = function collectionsTemplate({ item, html, components }, itemLink) {
return html `<a
href="${itemLink}"
class="aa-ItemLink"
>
<div class="aa-ItemWrapper">
<div class="aa-ItemContent">
<div class="aa-ItemIcon aa-ItemIcon--noBorder">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"
/>
</svg>
</div>
<div class="aa-ItemContentBody">
<div class="aa-ItemContentTitle">
${components.Highlight({ hit: item, attribute: 'title' })}
</div>
</div>
</div>
</div>
</a>`
};
})(window.algoliaShopify);
</script>
<script>
(function(algolia) {
'use strict';
algolia.articlesTemplate = function articlesTemplate({ item, html, components }, itemLink) {
return html `<a
href="${itemLink}"
class="aa-ItemLink"
>
<div class="aa-ItemWrapper">
<div class="aa-ItemContent">
<div class="aa-ItemIcon aa-ItemIcon--noBorder">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"
/>
</svg>
</div>
<div class="aa-ItemContentBody">
<div class="aa-ItemContentTitle">
${components.Highlight({ hit: item, attribute: 'title' })}
</div>
</div>
</div>
</div>
</a>`
};
})(window.algoliaShopify);
</script>
<script>
(function(algolia) {
'use strict';
algolia.productTemplate = function productTemplate({ item, html, components }, distinct, itemLink, getConversionData) {
return html `<a
href="${itemLink}"
class="aa-ItemLink aa-ProductItem"
onClick="${(event) => getConversionData(event, item)}"
>
<div class="aa-ItemContent">
<div class="aa-ItemPicture aa-ItemPicture--loaded">
<img src="${algolia.helpers.compactImage(item)}" alt="${item.title}" />
</div>
<div class="aa-ItemContentBody">
<div class="aa-ItemContentBrand">
${item.product_type && components.Highlight({ hit: item, attribute: 'product_type' })}
${item.vendor && html`<span> by </span>`}
${item.vendor && components.Highlight({ hit: item, attribute: 'vendor' })}
</div>
<div class="aa-ItemContentTitleWrapper">
<div class="aa-ItemContentTitle">
${components.Highlight({ hit: item, attribute: 'title' })}
<span class="algolia-variant">
${algolia.helpers.variantTitleAddition (item, distinct)}
</span>
</div>
</div>
<div class="aa-ItemContentPrice">
<div class="aa-ItemContentPriceCurrent" style=" margin:auto; text-align: center !important">
${algolia.helpers.displayPrice(item, distinct)}
</div>
</div>
</div>
</div>
</a>`
};
})(window.algoliaShopify);
</script>
<script>
(function(algolia) {
'use strict';
algolia.suggestionsTemplate = function suggestionsTemplate({ item, html, components }) {
return html`<a
class="aa-ItemLink aa-ItemWrapper"
href="/search?q=${item.query}"
>
<div class="aa-ItemContent">
<div class="aa-ItemIcon aa-ItemIcon--noBorder">
<svg viewBox="0 0 24 24" fill="currentColor">
<path d="M16.041 15.856c-0.034 0.026-0.067 0.055-0.099 0.087s-0.060 0.064-0.087 0.099c-1.258 1.213-2.969 1.958-4.855 1.958-1.933 0-3.682-0.782-4.95-2.050s-2.050-3.017-2.050-4.95 0.782-3.682 2.050-4.95 3.017-2.050 4.95-2.050 3.682 0.782 4.95 2.050 2.050 3.017 2.050 4.95c0 1.886-0.745 3.597-1.959 4.856zM21.707 20.293l-3.675-3.675c1.231-1.54 1.968-3.493 1.968-5.618 0-2.485-1.008-4.736-2.636-6.364s-3.879-2.636-6.364-2.636-4.736 1.008-6.364 2.636-2.636 3.879-2.636 6.364 1.008 4.736 2.636 6.364 3.879 2.636 6.364 2.636c2.125 0 4.078-0.737 5.618-1.968l3.675 3.675c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414z" />
</svg>
</div>
<div class="aa-ItemContentBody">
<div class="aa-ItemContentTitle">
${components.Highlight({ hit: item, attribute: 'query' })}
</div>
</div>
</div>
<div class="aa-ItemActions">
<button
class="aa-ItemActionButton"
title={"Fill query with ${item.query}"} >
<svg viewBox="0 0 24 24" fill="currentColor">
<path d="M8 17v-7.586l8.293 8.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-8.293-8.293h7.586c0.552 0 1-0.448 1-1s-0.448-1-1-1h-10c-0.552 0-1 0.448-1 1v10c0 0.552 0.448 1 1 1s1-0.448 1-1z" />
</svg>
</button>
</div>
</a>`
};
})(window.algoliaShopify);
</script>
<script>
(function(algolia) {
'use strict';
algolia.headerTemplate = function headerTemplate({ html, state }, resource) {
return html `<div class="aa-SourceHeader">
<span class="aa-SourceHeaderTitle">${algolia.translation_helpers.render_title(resource, state.query)}</span>
<div class="aa-SourceHeaderLine" />
</div>`
};
})(window.algoliaShopify);
</script>
<script>
(function(algolia) {
'use strict';
algolia.footerTemplate = function footerTemplate({ html, state }) {
return html `<div class="aa-footer">
<a class="aa-SeeAllBtn" href="/search?q=${state.query}">
${algolia.translations.allProducts}
(${algolia.helpers.formatNumber(state.context.nbProducts)})
</a>
</div>`
};
})(window.algoliaShopify);
</script>
<script>
(function(algolia) {
'use strict';
algolia.noResultsTemplate = function noResultsTemplate({ html, state }) {
return html `<div class="aa-PanelLayout aa-Panel--scrollable">
<p class="aa-NoResultsHeader">
${algolia.translation_helpers.no_result_for(state.query)}
</p>
<a class="aa-NoResultsLink" href="/search?q=">
${algolia.translations.allProducts}
</a>
</div>`
};
})(window.algoliaShopify);
</script>
<script>
(function(algolia) {
'use strict';
algolia.instantSearchMainTemplate = function instantSearchMainTemplate( html, data ) {
return html `<div class="ais-page">
<h1 class="ais-h2">${algolia.translations.searchTitle}</h1>
<div class="ais-input">
<div class="ais-search-box-container"></div>
<div class="ais-input-button">
<div class="ais-clear-input-icon"></div>
</div>
</div>
<div class="ais-facets-button">
Show filters
</div>
<div class="ais-facets">
<div class="ais-clear-refinements-container"></div>
<div class="ais-current-refined-values-container"></div>
${data.facets.map( facet =>
html`<div class="ais-facet-dropdown-wrapper ais-facet-${facet.type} ais-facet-${facet.escapedName}">
<label for="${facet.escapedName}" class="ais-range-slider--header ais-facet--header ais-header">${facet.title}</label>
<input class="ais-dropdown-checkbox" type="checkbox" id="${facet.escapedName}" name="dropdown" />
<div class="ais-facet-${facet.escapedName}-container ais-facet-dropdown-container"></div>
</div>`
)}
</div>
<div class="ais-block">
<div class="ais-search-header">
<div class="ais-stats-container"></div>
<div class="ais-change-display">
<span class="ais-change-display-block ais-change-display-selected"><i class="fa fa-th-large"></i></span>
<span class="ais-change-display-list"><i class="fa fa-th-list"></i></span>
</div>
<div class="ais-sort">
${data.multipleSortOrders ?
html`${algolia.translations.sortBy} <span class="ais-sort-orders-container"></span>`
: html`${algolia.translations.sortBy} ${algolia.translations.relevance}`
}
</div>
</div>
<div class="ais-hits-container ais-results-as-block"></div>
</div>
<div class="ais-pagination-container"></div>
</div>`
};
})(window.algoliaShopify);
</script>
<script>
(function(algolia) {
'use strict';
algolia.instantSearchStatsTemplate = function instantSearchStatsTemplate(data, html) {
return html `${data.hasNoResults && algolia.translations.noResultFound}
${data.hasOneResult &&
html`<span class="ais-stats--nb-results">
${algolia.translations.oneResultFound}
</span>`}
${data.hasManyResults &&
html`${algolia.translation_helpers.outOf(data.page, data.hitsPerPage, data.nbHits)}
<span class="ais-stats--nb-results">
${' '}
${algolia.helpers.formatNumber(data.nbHits)}
${' '}
${algolia.translations.resultsFound}
</span>`}
${' '}
${algolia.translation_helpers.in(data.processingTimeMS)}`
};
})(window.algoliaShopify);
</script>
<script>
(function(algolia) {
'use strict';
algolia.instantSearchShowMore = function instantSearchShowMore(data, html) {
return html `<span>${data.isShowingMore ? algolia.translations.showLess : algolia.translations.showMore }</span>`
};
})(window.algoliaShopify);
</script>
<script>
(function(algolia) {
'use strict';
algolia.instantSearchFacetItem = function instantSearchFacetItem(item, html) {
return html `<label class="${item.cssClasses.label}">
${item.type === "disjunctive" &&
(item.isRefined ?
html`<input type="checkbox" class="${item.cssClasses.checkbox}" checked />`
: html`<input type="checkbox" class="${item.cssClasses.checkbox}" />`)
}
${ item.label}
<span class="${item.cssClasses.count}">
${algolia.helpers.formatNumber(item.count)}
</span>
</label>`
};
})(window.algoliaShopify);
</script>
<script>
(function(algolia) {
'use strict';
algolia.instantSearchProductTemplate = function instantSearchProductTemplate(hit, html, components) {
return html `<div data-algolia-index="${hit.index}" data-algolia-position="${hit.productPosition}" data-algolia-queryid="${hit.queryID}" data-algolia-objectid="${hit.objectID}" class="ais-hit ais-product" data-handle="${hit.handle}" data-variant-id="${hit.objectID}" data-distinct="${hit._distinct}">
<div class="ais-hit--picture" style="background-image: url('${algolia.helpers.mediumImage(hit)}')"></div>
<div class="ais-hit--details">
<p class="ais-hit--title">
<a data-algolia-index="${hit.index}"
data-algolia-position="${hit.productPosition}"
data-algolia-queryid="${hit.queryID}"
data-algolia-objectid="${hit.objectID}"
href="${algolia.helpers.instantsearchLink(hit)}"
onclick="void(0)"
title="${algolia.helpers.fullTitle(hit.title, hit._distinct, hit.variant_title)}">
${components.Highlight({ attribute: 'title', hit })}
${algolia.helpers.variantTitleAddition (hit, hit._distinct)}
</a>
</p>
<p class="ais-hit--subtitle" title="${hit.product_type}${algolia.translation_helpers.by(hit.vendor)}">
${components.Highlight({ attribute: 'product_type', hit })}
${hit.vendor && html`<span> by </span>`}
${hit.vendor && components.Highlight({ attribute: 'vendor', hit })}
</p>
<p class="ais-hit--description">
<span>${hit.meta.my_fields && html`${hit.meta.my_fields.short_description}`}</span>
</p>
<p class="ais-hit--price">
<b>${algolia.helpers.displayPrice(hit, hit._distinct)}</b>
${!hit._distinct && html`<span class="ais-hit--price-striked"><span>${algolia.helpers.displayStrikedPrice(hit.price, hit.compare_at_price)}</span></span>`}
${!hit._distinct && html`<span class="ais-hit--price-discount">${algolia.helpers.displayDiscount(hit.price, hit.compare_at_price, hit.price_ratio)}</span>`}
</p>
<!-- Extra info examples - Remove the display: none to show them -->
<p class="ais-hit--info" style="display: none">
${hit.sku && html`<span class="algolia-sku">${components.Highlight({ attribute: 'sku', hit })}</span>`}
${hit.barcode && html`<span class="algolia-barcode">${components.Highlight({ attribute: 'barcode', hit })}</span>`}
${hit.weight && html`<span class="algolia-weight">${hit.weight}</span>`}
${!hit.taxable && html`<span class="algolia-taxable">Tax free</span>`}
</p>
<!-- Tags example - Remove the display: none to show them -->
<p class="ais-hit--tags" style="display: none">
${hit._highlightResult.tags?.map( tag => html`<span class="ais-hit--tag">${tag.value}</span>`)}
</p>
${!hit._distinct && html`
<form id="algolia-add-to-cart-${hit.objectID}" style="display: none;" action="/cart/add" method="post" enctype="multipart/form-data">
<input type="hidden" name="id" value="${hit.objectID}" />
</form>
<p class="ais-hit--cart">
${hit.can_order ? html`
<button class="ais-hit--cart-button" data-form-id="algolia-add-to-cart-${hit.objectID}">
${ algolia.translations.addToCart }
</button>`
: html`
<button class="ais-hit--cart-button ais-hit--cart-button__disabled">
${ algolia.translations.outOfStock }
</button>`}
</p>`}
</div>
</div>`
};
})(window.algoliaShopify);
</script>
<script>
(function(algolia) {
'use strict';
algolia.instantSearchNoResultTemplate = function instantSearchNoResultTemplate(html) {
return html `<div class="ais-hit-empty">
<div class="ais-hit-empty--title">${algolia.translations.noResultFound}</div>
<div class="ais-hit-empty--clears">
${algolia.translations.try}
${' '}
<a class="ais-hit-empty--clear-filters ais-link">
${algolia.translations.clearFilters}
${' '}
</a>
${algolia.translations.or}
${' '}
<a class="ais-hit-empty--clear-input ais-link">
${algolia.translations.changeInput}
</a>
</div>
</div>`
};
})(window.algoliaShopify);
</script>
<!-- /Algolia head -->
<script src="https://static.rechargecdn.com/assets/storefront/recharge-client-1.8.0.min.js"></script>
<script>
console.log('init')
const key = 'strfnt_51a653e6c5017f992908f3a6f96a0e9e6c3c0ee8823276a112bc15de9d3448d7';
recharge.init({
// optional when in a shopify environment
storeIdentifier: '1p-ecomm.myshopify.com',
// required for API access
storefrontAccessToken: key,
// retry middleware function if/when Recharge session expires
loginRetryFn: () => {
return recharge.auth.loginShopifyAppProxy().then(session => {
console.log('session', session);
return session;
});
},
});
</script>
<!-- Sweep head -->
<script async type="text/javascript" src="https://app.viralsweep.com/assets/js/store.js?id=153737_862292"></script>
<!-- /Sweep head -->
<!-- BEGIN app block: shopify://apps/easygift-auto-add-to-cart/blocks/app-embed/0f7d4f74-1e89-4820-aec4-6564d7e535d2 -->
<script async type="text/javascript" src="https://cdn.506.io/eg/script.js?shop=1p-ecomm.myshopify.com"></script>
<!-- END app app block --><!-- BEGIN app block: shopify://apps/xo-insert-code/blocks/insert-code-header/72017b12-3679-442e-b23c-5c62460717f5 --><!-- XO-InsertCode Header -->
<script type="text/javascript">
window._mfq = window._mfq || [];
(function() {
var mf = document.createElement("script");
mf.type = "text/javascript"; mf.async = true;
mf.src = "//cdn.mouseflow.com/projects/4b1a82fd-4fc6-4b58-9078-5a5812223e73.js";
document.getElementsByTagName("head")[0].appendChild(mf);
})();
</script>
<!-- Start 1P Google Site En-Conv Pixel -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-997614262"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-997614262', {'allow_enhanced_conversions': true});
var enhanced_conversion_data = {
"first_name": "{{ checkout.billing_address.first_name }}",
"last_name": "{{ checkout.billing_address.last_name }}",
"home_address": {
"street": "{{ checkout.billing_address.street }}",
"city": "{{ checkout.billing_address.city }}",
"region": "{{ checkout.billing_address.province }}",
"postal_code": "{{ checkout.billing_address.zip }}",
"country": "{{ checkout.billing_address.country_code }}"
}
}
if ("{{ checkout.email }}") {
enhanced_conversion_data.email = "{{ checkout.email }}";
}
if ("{{ checkout.billing_address.phone }}") {
enhanced_conversion_data.phone_number = "{{ checkout.billing_address.phone }}";
}
</script>
<!-- End 1P Google Site En-Conv Pixel -->
<!-- Begin X Base Pixel -->
<script>
!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='https://static.ads-twitter.com/uwt.js',
a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
twq('config','ok5j8');
</script>
<!-- End X Base Pixel -->
<!-- Start 1P Bing Page View Pixel -->
<script>(function(w,d,t,r,u){var f,n,I;w[u]=w[u]||[],f=function(){var o={ti:"25037131"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},I=d.getElementsByTagName(t)[0],I.parentNode.insertBefore(n,I)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>
<!-- End 1P Bing Page View Pixel -->
<meta name="google-site-verification" content="X_D2w9ueCuvQvSQBA5-Bf7EMOs9xPQWq2WYYR6gUiU0" />
<meta name="google-site-verification" content="X_D2w9ueCuvQvSQBA5-Bf7EMOs9xPQWq2WYYR6gUiU0" />
<meta property="og:description" content="The World Leader in Premium Nutritional Performance — NEVER SETTLE!" />
<meta name="p:domain_verify" content="2096802e7d9468d365e3f2ab374571f7"/>
<!-- End: XO-InsertCode Header -->
<!-- END app app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
<script async src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=HAZKqY"></script>
<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
<script>
window.klaviyoReviewsProductDesignMode = false
</script>
<!-- END app app block --><!-- BEGIN app block: shopify://apps/okendo-product-reviews-ugc/blocks/theme-settings/bb689e69-ea70-4661-8fb7-ad24a2e23c29 --><!-- BEGIN app snippet: header-metafields -->
<script id="okeReferralSettings" type="application/json">{"subscriberId":"e73ec6e7-ee2e-40b9-ac31-5e6166363e86","matchCustomerLocale":false,"localeAndVariant":{"code":"en"},"referralSettings":{"rewardSet":{"sender":{"description":"Get $10 in store credit on your next order with a minimum purchase of $50","value":10,"valueType":"fixed_amount"},"recipient":{"description":"Get $10 in store credit on your next order with a minimum purchase of $50","value":10,"valueType":"fixed_amount"}},"terms":{"enabled":false},"textContentSet":{"recipient":{"thankYouTitleText":"Here's your $10 in store credit!","thankYouBodyText":"Click the link below to head to the site and choose your favorites. Your $10 store credit will be automatically applied to your cart of $50 or more when you check out.","titleText":"Enter your email to see if you're eligible for $10 in store credit!"},"sender":{"thankYouTitleText":"Give Friends & Family $10 In Store Credit!","bodyText":"Give your friends $10 off their first purchase of $50 or more ... and you'll get $10 off your next order when they complete their purchase.","thankYouBodyText":"Send invites by email or share your referral link to give $10 in store credit to your friends, family, or anyone else that would benefit from 1st Phorm. When they click your link, it will be automatically applied to their cart at checkout.","titleText":"GIVE $10, GET $10"}},"showMarketingOptIn":false,"socialShare":{"options":{"sms":true,"twitter":true,"whatsApp":true,"facebookMessenger":true,"facebook":true},"defaultText":"You've got to try these products out. Here's $10 in store credit to get you started!","displayType":"monochrome","style":{"fillColor":"#00A9CE","backgroundColor":"#F4F4F6"}},"style":{"button":{"hoverBackgroundColor":"#09555A","backgroundColor":"#00A9CE","hoverTextColor":"#FFFFFF","textColor":"#FFFFFF"},"hideOkendoBranding":true,"headerImage":{"width":350,"url":"https://dov7r31oq5dkj.cloudfront.net/e73ec6e7-ee2e-40b9-ac31-5e6166363e86/ca2ab12e-e560-4798-b100-bc5999d45e1e","headerStyle":"banner","height":239},"bubble":{"textColor":"#FFFFFF","backgroundColor":"#00A9CE"},"text":{"primaryColor":"#000000","secondaryColor":"#000000"},"removeBorderRadius":true,"textField":{"border":{"color":"#E5E5EC","focusColor":"#57BFBE","focusShadowColor":"#CBF2F0"}}}}}</script><script type="text/javascript" defer="" src="https://d3hw6dc1ow8pp2.cloudfront.net/referrals/js/referrals-api.js"></script>
<link href="https://d3hw6dc1ow8pp2.cloudfront.net/styles/main.min.css" rel="stylesheet" type="text/css">
<style type="text/css">
.okeReviews .okeReviews-reviewsWidget-header-controls-writeReview {
display: inline-block;
}
.okeReviews .okeReviews-reviewsWidget.is-okeReviews-empty {
display: block;
}
</style>
<script type="application/json" id="oke-reviews-settings">
{"analyticsSettings":{"provider":"ua"},"disableInitialReviewsFetchOnProducts":false,"filtersEnabled":false,"initialReviewDisplayCount":5,"locale":"en","localeAndVariant":{"code":"en"},"omitMicrodata":true,"reviewSortOrder":"rating","subscriberId":"e73ec6e7-ee2e-40b9-ac31-5e6166363e86","widgetTemplateId":"featured-media","starRatingColor":"#FA9902","recorderPlus":true,"recorderQandaPlus":true}
</script>
<link rel="stylesheet" type="text/css" href="https://dov7r31oq5dkj.cloudfront.net/e73ec6e7-ee2e-40b9-ac31-5e6166363e86/widget-style-customisations.css?v=306f1d61-4247-47f1-b3bd-44fbde1fc165">
<!-- END app snippet -->
<!-- BEGIN app snippet: okendo-reviews-json-ld -->
<!-- END app snippet -->
<!-- BEGIN app snippet: widget-plus-initialisation-script -->
<!-- END app snippet -->
<!-- END app app block --><!-- BEGIN app block: shopify://apps/seo-manager/blocks/seomanager/c54c366f-d4bb-4d52-8d2f-dd61ce8e7e12 --><!-- BEGIN app snippet: SEOManager4 -->
<meta name='seomanager' content='4.0.2e' />
<script>
function sm_htmldecode(str) {
var txt = document.createElement('textarea');
txt.innerHTML = str;
return txt.value;
}
var venntov_title = sm_htmldecode("1st Phorm | The Foundation of High Performance Nutrition");
var venntov_description = sm_htmldecode("1st Phorm is founded on quality, built on service, and measured on results. We're not the cheapest ... but we are the best. Never Settle for anything less than the best — 1st Phorm");
if (venntov_title != '') {
document.title = venntov_title;
}
else {
document.title = "1st Phorm | The Foundation of High Performance Nutrition";
}
if (document.querySelector('meta[name="description"]') == null) {
var venntov_desc = document.createElement('meta');
venntov_desc.name = "description";
venntov_desc.content = venntov_description;
var venntov_head = document.head;
venntov_head.appendChild(venntov_desc);
} else {
document.querySelector('meta[name="description"]').setAttribute("content", venntov_description);
}
</script>
<script>
var venntov_robotVals = "index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1";
if (venntov_robotVals !== "") {
document.querySelectorAll("[name='robots']").forEach(e => e.remove());
var venntov_robotMeta = document.createElement('meta');
venntov_robotMeta.name = "robots";
venntov_robotMeta.content = venntov_robotVals;
var venntov_head = document.head;
venntov_head.appendChild(venntov_robotMeta);
}
</script>
<script>
var venntov_googleVals = "";
if (venntov_googleVals !== "") {
document.querySelectorAll("[name='google']").forEach(e => e.remove());
var venntov_googleMeta = document.createElement('meta');
venntov_googleMeta.name = "google";
venntov_googleMeta.content = venntov_googleVals;
var venntov_head = document.head;
venntov_head.appendChild(venntov_googleMeta);
}
</script><meta name="google-site-verification" content="A0fHjIfs-yG0CNliAH_VqgX4HRiyDC2_6vF9N32qmAk" />
<!-- JSON-LD support -->
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "1st Phorm",
"url": "https://1stphorm.com","logo": "https://customers.seomanager.com/knowledgegraph/logo/1p-ecomm_myshopify_com_logo.jpg?cache=7568"
,"image": "https://customers.seomanager.com/knowledgegraph/logo/1p-ecomm_myshopify_com_logo.jpg?cache=7568","contactPoint": [{
"@type": "ContactPoint",
"telephone": "+1-800-409-9732",
"contactType": "customer service"
},{
"@type": "ContactPoint",
"telephone": "+1-800-409-9732",
"contactType": "technical support"
},{
"@type": "ContactPoint",
"telephone": "+1-800-409-9732",
"contactType": "sales"
}],"sameAs": ["https://www.facebook.com/1stphorm", "https://twitter.com/1stphorm", "https://instagram.com/1stphorm", "https://pinterest.com/1stphorm", "https://www.linkedin.com/company/1st-phorm-international", "", "", ""]}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Store",
"name": "1st Phorm",
"url": "https://1stphorm.com",
"description": "Founded on Quality, Built on Service, Measured on Results. 1st Phorm offers everything you need to elevate your fitness journey, including premium supplements, athletic apparel, and the 1st Phorm app."
,"image": "https://customers.seomanager.com/knowledgegraph/logo/1p-ecomm_myshopify_com_logo.jpg?cache=7568","telephone": "+1-800-409-9732","brand": {
"@type": "Brand",
"name": "1st Phorm"
},"hasMap": "https://www.google.com/maps/place/1st+Phorm/%4038.5448817%2C-90.4570938%2C17z/data%3D%213m1%214b1%214m5%213m4%211s0x87d8d1b6d143e56d:0x4963652cbed12e2c%218m2%213d38.5448845%214d-90.4548035","geo": {
"@type": "GeoCoordinates",
"latitude": "38.5448632",
"longitude": "-90.4548803"
}
,"address": {
"@type": "PostalAddress",
"streetAddress": "2091 Fenton Logistics Park",
"addressLocality": "Fenton",
"addressRegion": "Missouri",
"postalCode": "63026",
"addressCountry": "US"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "1st Phorm",
"url": "1stphorm.com",
"potentialAction": {
"@type": "SearchAction",
"target": {
"@type": "EntryPoint",
"urlTemplate": "https://1stphorm.com/search?q={search_term_string}"
},
"query-input": "required name=search_term_string"
}
}
</script>
<!-- END app snippet -->
<!-- END app app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 7277543493,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,n,a,t,r){var o="function"==typeof BigInt&&-1!==BigInt.toString().indexOf("[native code]")?"modern":"legacy";window.Shopify=window.Shopify||{};var i=window.Shopify;i.analytics=i.analytics||{};var s=i.analytics;s.replayQueue=[],s.publish=function(e,n,a){return s.replayQueue.push([e,n,a]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=[a,"/wpm","/b",r,o.substring(0,1),".js"].join("");!function(e){var n=e.src,a=e.async,t=void 0===a||a,r=e.onload,o=e.onerror,i=document.createElement("script"),s=document.head,l=document.body;i.async=t,i.src=n,r&&i.addEventListener("load",r),o&&i.addEventListener("error",o),s?s.appendChild(i):l?l.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:l,async:!0,onload:function(){var a=window.webPixelsManager.init(e);n(a);var t=window.Shopify.analytics;t.replayQueue.forEach((function(e){var n=e[0],t=e[1],r=e[2];a.publishCustomEvent(n,t,r)})),t.replayQueue=[],t.publish=a.publishCustomEvent,t.visitor=a.visitor},onerror:function(){var n=e.storefrontBaseUrl.replace(/\/$/,""),a="".concat(n,"/.well-known/shopify/monorail/unstable/produce_batch"),r=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/2.0",payload:{version:t||"latest",page_url:self.location.href,status:"failed",error_msg:"".concat(l," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(a,r))return!0}catch(e){}var o=new XMLHttpRequest;try{return o.open("POST",a,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(r),!0}catch(e){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 7277543493,storefrontBaseUrl: "https://1stphorm.com",cdnBaseUrl: "https://1stphorm.com/cdn",surface: "storefront-renderer",enabledBetaFlags: ["5de24938"],webPixelsConfigList: [{"id":"38633558","configuration":"{\"tagID\":\"2613401077842\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"54f3ea9d23f4af69f7d812fb978ff7ee","type":"APP","apiClientId":3009811,"privacyPurposes":null},{"id":"8618070","configuration":"{\"advertiser\":\"1stphorm\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5d6ff697f8f0c56694e43434919810e4","type":"APP","apiClientId":39871250433,"privacyPurposes":null},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"063","apiClientId":"shopify-pixel","type":"APP","purposes":["ANALYTICS"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"063","apiClientId":"shopify-pixel","type":"CUSTOM","purposes":["ANALYTICS"]}],initData: {"cart":null,"checkout":null,"customer":null,"productVariants":[]},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed");},"https://1stphorm.com/cdn","985fc2fd1dd964c3f4d3675f00435aaf64456779","c5ebb223wbe565315p1786fa06macabc8e8",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'USD';
var meta = {"page":{"pageType":"home"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}</script>
<script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() {
};
</script>
<script class="analytics">(window.gaDevIds=window.gaDevIds||[]).push('BwiEti');
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 7277543493,
theme_id: 123879555158,
app_name: "storefront",
context_url: window.location.href,
source_url: "//1stphorm.com/cdn/s/trekkie.storefront.88baf04046928b6edf6574afd22dbd026cc7d568.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//1stphorm.com/cdn/s/trekkie.storefront.88baf04046928b6edf6574afd22dbd026cc7d568.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//1stphorm.com/cdn/s/trekkie.storefront.88baf04046928b6edf6574afd22dbd026cc7d568.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":7277543493,"isMerchantRequest":null,"themeId":123879555158,"themeCityHash":"12882054116415485773","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["bbcf04e6"]},"Google Analytics":{"trackingId":"UA-39945627-1","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"Facebook Pixel":{"pixelIds":["1493004450918730"],"agent":"plshopify1.2"},"Pinterest Pixel":{"pixelId":"2613401077842"},"TikTok Pixel":{"pixelId":"C6AJRJNQ6F4QVUID15N0"},"Google Gtag Pixel":{"conversionId":"G-YPLM51JMCY","eventLabels":[{"type":"begin_checkout","action_label":"G-YPLM51JMCY"},{"type":"search","action_label":"G-YPLM51JMCY"},{"type":"view_item","action_label":["G-YPLM51JMCY","MC-08Q3S9DPK8"]},{"type":"purchase","action_label":["G-YPLM51JMCY","MC-08Q3S9DPK8"]},{"type":"page_view","action_label":["G-YPLM51JMCY","MC-08Q3S9DPK8"]},{"type":"add_payment_info","action_label":"G-YPLM51JMCY"},{"type":"add_to_cart","action_label":"G-YPLM51JMCY"}],"targetCountry":"US"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"facebookAppPixelId":"1493004450918730","source":"trekkie-storefront-renderer"}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
ga('require', 'linker');
function addListener(element, type, callback) {
if (element.addEventListener) {
element.addEventListener(type, callback);
}
else if (element.attachEvent) {
element.attachEvent('on' + type, callback);
}
}
function decorate(event) {
event = event || window.event;
var target = event.target || event.srcElement;
if (target && (target.getAttribute('action') || target.getAttribute('href'))) {
ga(function (tracker) {
var linkerParam = tracker.get('linkerParam');
document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/';
});
}
}
addListener(window, 'load', function(){
for (var i=0; i < document.forms.length; i++) {
var action = document.forms[i].getAttribute('action');
if(action && action.indexOf('/cart') >= 0) {
addListener(document.forms[i], 'submit', decorate);
}
}
for (var i=0; i < document.links.length; i++) {
var href = document.links[i].getAttribute('href');
if(href && href.indexOf('/checkout') >= 0) {
addListener(document.links[i], 'click', decorate);
}
}
});
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home"});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//1stphorm.com/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script class="boomerang">
(function () {
if (window.BOOMR && (window.BOOMR.version || window.BOOMR.snippetExecuted)) {
return;
}
window.BOOMR = window.BOOMR || {};
window.BOOMR.snippetStart = new Date().getTime();
window.BOOMR.snippetExecuted = true;
window.BOOMR.snippetVersion = 12;
window.BOOMR.application = "storefront-renderer";
window.BOOMR.themeName = "1st Phorm";
window.BOOMR.themeVersion = "1.0";
window.BOOMR.shopId = 7277543493;
window.BOOMR.themeId = 123879555158;
window.BOOMR.renderRegion = "gcp-us-east1";
window.BOOMR.url =
"https://1stphorm.com/cdn/shopifycloud/boomerang/shopify-boomerang-1.0.0.min.js";
var where = document.currentScript || document.getElementsByTagName("script")[0];
var parentNode = where.parentNode;
var promoted = false;
var LOADER_TIMEOUT = 3000;
function promote() {
if (promoted) {
return;
}
var script = document.createElement("script");
script.id = "boomr-scr-as";
script.src = window.BOOMR.url;
script.async = true;
parentNode.appendChild(script);
promoted = true;
}
function iframeLoader(wasFallback) {
promoted = true;
var dom, bootstrap, iframe, iframeStyle;
var doc = document;
var win = window;
window.BOOMR.snippetMethod = wasFallback ? "if" : "i";
bootstrap = function(parent, scriptId) {
var script = doc.createElement("script");
script.id = scriptId || "boomr-if-as";
script.src = window.BOOMR.url;
BOOMR_lstart = new Date().getTime();
parent = parent || doc.body;
parent.appendChild(script);
};
if (!window.addEventListener && window.attachEvent && navigator.userAgent.match(/MSIE [67]./)) {
window.BOOMR.snippetMethod = "s";
bootstrap(parentNode, "boomr-async");
return;
}
iframe = document.createElement("IFRAME");
iframe.src = "about:blank";
iframe.title = "";
iframe.role = "presentation";
iframe.loading = "eager";
iframeStyle = (iframe.frameElement || iframe).style;
iframeStyle.width = 0;
iframeStyle.height = 0;
iframeStyle.border = 0;
iframeStyle.display = "none";
parentNode.appendChild(iframe);
try {
win = iframe.contentWindow;
doc = win.document.open();
} catch (e) {
dom = document.domain;
iframe.src = "javascript:var d=document.open();d.domain='" + dom + "';void(0);";
win = iframe.contentWindow;
doc = win.document.open();
}
if (dom) {
doc._boomrl = function() {
this.domain = dom;
bootstrap();
};
doc.write("<body onload='document._boomrl();'>");
} else {
win._boomrl = function() {
bootstrap();
};
if (win.addEventListener) {
win.addEventListener("load", win._boomrl, false);
} else if (win.attachEvent) {
win.attachEvent("onload", win._boomrl);
}
}
doc.close();
}
var link = document.createElement("link");
if (link.relList &&
typeof link.relList.supports === "function" &&
link.relList.supports("preload") &&
("as" in link)) {
window.BOOMR.snippetMethod = "p";
link.href = window.BOOMR.url;
link.rel = "preload";
link.as = "script";
link.addEventListener("load", promote);
link.addEventListener("error", function() {
iframeLoader(true);
});
setTimeout(function() {
if (!promoted) {
iframeLoader(true);
}
}, LOADER_TIMEOUT);
BOOMR_lstart = new Date().getTime();
parentNode.appendChild(link);
} else {
iframeLoader(false);
}
function boomerangSaveLoadTime(e) {
window.BOOMR_onload = (e && e.timeStamp) || new Date().getTime();
}
if (window.addEventListener) {
window.addEventListener("load", boomerangSaveLoadTime, false);
} else if (window.attachEvent) {
window.attachEvent("onload", boomerangSaveLoadTime);
}
if (document.addEventListener) {
document.addEventListener("onBoomerangLoaded", function(e) {
e.detail.BOOMR.init({
ResourceTiming: {
enabled: true,
trackedResourceTypes: ["script", "img", "css"]
},
});
e.detail.BOOMR.t_end = new Date().getTime();
});
} else if (document.attachEvent) {
document.attachEvent("onpropertychange", function(e) {
if (!e) e=event;
if (e.propertyName === "onBoomerangLoaded") {
e.detail.BOOMR.init({
ResourceTiming: {
enabled: true,
trackedResourceTypes: ["script", "img", "css"]
},
});
e.detail.BOOMR.t_end = new Date().getTime();
}
});
}
})();</script>
</head>
<body class=" template-index" data-center-text="true" data-button_style="square" data-type_header_capitalize="true" data-type_headers_align_text="true" data-type_product_capitalize="true" data-swatch_style="round" >
<a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a>
<div id="PageContainer" class="page-container">
<div class="transition-body"><div id="shopify-section-header" class="shopify-section">
<script type="text/javascript">
//array of url's that are excluded from being redirected i.e. products
var exclude = ["products", "cart", "account", "search", "products_preview", "challenge", "sarp", "login", "collections", "blogs"];
var url = window.location.href ;
var n = url.endsWith("/");
console.log("url is: " + url);
if (url.includes('%3F' && '%3D')){
location.href = location.href.replace('%3F', '?').replace('%3D', '=');
}
if (url.includes('a_aid%3F')){
location.href = location.href.replace('a_aid%3F', '');
}
if (url.includes('a_aid')) {
var urlSplit = url.split( '=' );
}else if (url.includes('?_pos=')){
var searchPath = window.location.pathname.split("?").filter(function(el) {return el.length != 0});
window.location.replace("https://1stphorm.com" + searchPath);
}else{
}
//Start Legionnaire if shopify redirect doesn't exist redirect
//Get url and filter to remove
var urlPath = window.location.pathname.split("/").filter(function(el) {return el.length != 0});
//Function to get Object size
Object.size = function(obj) {
var size = 0, key;
for (key in obj) {
if (obj.hasOwnProperty(key)) size++;
}
return size;
};
// //Get size of urlPath
var urlSize = Object.size(urlPath);
console.log(urlSize);
var xlist = exclude.includes(urlPath[0]);
//Check the size and excluded url's
if (urlSize === 1 && !xlist) {
window.location.replace("https://1stphorm.com/?a_aid=" + urlPath[0]);
};
//End Legionnaire if shopify redirect doesn't exist redirect
</script>
<input name="attributes[legionHash]" type="hidden" id="legionHashInput" value="">
<input name="attributes[legionUrl]" type="hidden" id="legionUrlInput" value="">
<script>
$(document).ready(function(){
var affiliateValue = $("#papfield1")[0].innerHTML;
var injectionInput = '<input name="attributes[legionsale]" type="hidden" id="affiliateInput" value="'+affiliateValue+'" />'
var legionHashValue = $( "#legionHashInput" ).val();
var legionUrlValue = $( "#legionUrlInput" ).val();
if (window.location.href.indexOf('a_aid') > -1) {
var urlSplit = window.location.href.split( '=' );
console.log("url: " + urlSplit[1]);
}
var legionHash = localStorage.getItem('PAPVisitorId');
if (!!legionHash) {
jQuery.post('/cart/update.js', 'attributes[legionHash]='+legionHash+'');
}
if (!!urlSplit) {
jQuery.post('/cart/update.js', 'attributes[legionUrl]='+urlSplit[1]+'');
}
});
</script>
<!-- start FiOS cookie -->
<script>
var url = window.location.href;
var n = url.endsWith("/");
console.log("FiOS URL: " + url);
let cookchck = (document.cookie.match(
/^(?:.*;)?\s*FiOS\s*=\s*([^;]+)(?:.*)?$/
) || [, null])[1];
let urlSplit1 = "undefined";
let urlSplit2;
let fcookie = '1stphorm';
if (url.includes("a_aid")) {
urlSplit1 = url.split("a_aid=");
console.log("urlSplit1: " + urlSplit1[1]);
fcookie = urlSplit1[1];
}
if (!urlSplit1 === null || !urlSplit1 === 'undefined') {
fcookie = "1stphorm";
}else{
if (urlSplit1[1].includes("&")) {
urlSplit2 = urlSplit1[1].split("&");
fcookie = urlSplit2[0];
}
}
if (!urlSplit1[1] && !urlSplit2[0]) {
fcookie = "1stphorm";
}
if (!cookchck) {
document.cookie = 'FiOS=' + fcookie + '; max-age=86400; path=/';
} else {
}
</script>
<!-- end FiOS cookie -->
<div id="NavDrawer" class="drawer drawer--left">
<div class="drawer__contents">
<div class="drawer__fixed-header">
<div class="drawer__header appear-animation appear-delay-1">
<div class="h2 drawer__title"></div>
<div class="drawer__close">
<button type="button" class="drawer__close-button js-drawer-close">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg>
<span class="icon__fallback-text">Close menu</span>
</button>
</div>
</div>
</div>
<div class="drawer__scrollable">
<ul class="mobile-nav" role="navigation" aria-label="Primary"><li class="mobile-nav__item appear-animation appear-delay-2"><div class="mobile-nav__has-sublist"><a href="/collections/products"
class="mobile-nav__link mobile-nav__link--top-level"
id="Label-collections-products1"
>
Shop
</a>
<div class="mobile-nav__toggle">
<button type="button"
aria-controls="Linklist-collections-products1"
aria-labelledby="Label-collections-products1"
class="collapsible-trigger collapsible--auto-height"><span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</span>
</button>
</div></div><div id="Linklist-collections-products1"
class="mobile-nav__sublist collapsible-content collapsible-content--all"
>
<div class="collapsible-content__inner">
<ul class="mobile-nav__sublist"><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/best-selling-supplements"
class="mobile-nav__link"
id="Sublabel-collections-best-selling-supplements1"
>
Top Rated
</a></div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/pages/new-releases"
class="mobile-nav__link"
id="Sublabel-pages-new-releases2"
>
New Releases
</a></div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/energy-drinks"
class="mobile-nav__link"
id="Sublabel-collections-energy-drinks3"
>
Energy Drinks
</a></div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/amino-acids"
class="mobile-nav__link"
id="Sublabel-collections-amino-acids4"
>
Amino Acids
</a></div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/post-workout"
class="mobile-nav__link"
id="Sublabel-collections-post-workout5"
>
Post-Workout
</a></div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/testosterone-boosters"
class="mobile-nav__link"
id="Sublabel-collections-testosterone-boosters6"
>
Testosterone Boosters
</a></div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/creatine"
class="mobile-nav__link"
id="Sublabel-collections-creatine7"
>
Creatine
</a></div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/kiddo-series"
class="mobile-nav__link"
id="Sublabel-collections-kiddo-series8"
>
Kiddo Series
</a></div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/natural-products"
class="mobile-nav__link"
id="Sublabel-collections-natural-products9"
>
Natural Products
</a></div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/vegan-friendly"
class="mobile-nav__link"
id="Sublabel-collections-vegan-friendly10"
>
Vegan Friendly
</a></div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/products/gift-card"
class="mobile-nav__link"
id="Sublabel-products-gift-card11"
>
Gift Cards
</a></div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/protein"
class="mobile-nav__link"
id="Sublabel-collections-protein12"
>
PROTEIN POWDER AND BARS
</a><button type="button"
aria-controls="Sublinklist-collections-products1-collections-protein12"
aria-labelledby="Sublabel-collections-protein12"
class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</span>
</button></div><div
id="Sublinklist-collections-products1-collections-protein12"
aria-labelledby="Sublabel-collections-protein12"
class="mobile-nav__sublist collapsible-content collapsible-content--all"
>
<div class="collapsible-content__inner">
<ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
<a href="/collections/protein-bars" class="mobile-nav__link">
Protein Bars
</a>
</li><li class="mobile-nav__item">
<a href="/collections/meal-replacement-proteins" class="mobile-nav__link">
Meal Replacement Proteins
</a>
</li><li class="mobile-nav__item">
<a href="/collections/isolate-protein" class="mobile-nav__link">
Isolate Proteins
</a>
</li><li class="mobile-nav__item">
<a href="/collections/collagen" class="mobile-nav__link">
Collagen
</a>
</li><li class="mobile-nav__item">
<a href="/collections/high-protein-meat-sticks" class="mobile-nav__link">
High Protein Meat Sticks
</a>
</li></ul>
</div>
</div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/pre-intra-workout"
class="mobile-nav__link"
id="Sublabel-collections-pre-intra-workout13"
>
PRE/INTRA WORKOUT
</a><button type="button"
aria-controls="Sublinklist-collections-products1-collections-pre-intra-workout13"
aria-labelledby="Sublabel-collections-pre-intra-workout13"
class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</span>
</button></div><div
id="Sublinklist-collections-products1-collections-pre-intra-workout13"
aria-labelledby="Sublabel-collections-pre-intra-workout13"
class="mobile-nav__sublist collapsible-content collapsible-content--all"
>
<div class="collapsible-content__inner">
<ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
<a href="/collections/pre-workout-energy" class="mobile-nav__link">
Energy
</a>
</li><li class="mobile-nav__item">
<a href="/collections/pre-workout-endurance" class="mobile-nav__link">
Endurance
</a>
</li><li class="mobile-nav__item">
<a href="/collections/pump-products" class="mobile-nav__link">
Pump
</a>
</li></ul>
</div>
</div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/fat-burners"
class="mobile-nav__link"
id="Sublabel-collections-fat-burners14"
>
FAT BURNERS
</a><button type="button"
aria-controls="Sublinklist-collections-products1-collections-fat-burners14"
aria-labelledby="Sublabel-collections-fat-burners14"
class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</span>
</button></div><div
id="Sublinklist-collections-products1-collections-fat-burners14"
aria-labelledby="Sublabel-collections-fat-burners14"
class="mobile-nav__sublist collapsible-content collapsible-content--all"
>
<div class="collapsible-content__inner">
<ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
<a href="/collections/mens-fat-burners" class="mobile-nav__link">
Men's Fat Burners
</a>
</li><li class="mobile-nav__item">
<a href="/collections/womens-fat-burners" class="mobile-nav__link">
Women's Fat Burners
</a>
</li><li class="mobile-nav__item">
<a href="/collections/cla-l-carnitine" class="mobile-nav__link">
CLA and L-Carnitine
</a>
</li></ul>
</div>
</div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/stacks"
class="mobile-nav__link"
id="Sublabel-collections-stacks15"
>
STACKS
</a><button type="button"
aria-controls="Sublinklist-collections-products1-collections-stacks15"
aria-labelledby="Sublabel-collections-stacks15"
class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</span>
</button></div><div
id="Sublinklist-collections-products1-collections-stacks15"
aria-labelledby="Sublabel-collections-stacks15"
class="mobile-nav__sublist collapsible-content collapsible-content--all"
>
<div class="collapsible-content__inner">
<ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
<a href="/collections/weight-loss-stack" class="mobile-nav__link">
Weight Loss
</a>
</li><li class="mobile-nav__item">
<a href="/collections/sports-performance-stack" class="mobile-nav__link">
Sports Performance
</a>
</li><li class="mobile-nav__item">
<a href="/collections/muscle-building-stack" class="mobile-nav__link">
Muscle Building
</a>
</li><li class="mobile-nav__item">
<a href="/collections/health-wellness-stacks" class="mobile-nav__link">
Health and Wellness
</a>
</li></ul>
</div>
</div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/vitamins-minerals"
class="mobile-nav__link"
id="Sublabel-collections-vitamins-minerals16"
>
VITAMINS AND MINERALS
</a><button type="button"
aria-controls="Sublinklist-collections-products1-collections-vitamins-minerals16"
aria-labelledby="Sublabel-collections-vitamins-minerals16"
class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</span>
</button></div><div
id="Sublinklist-collections-products1-collections-vitamins-minerals16"
aria-labelledby="Sublabel-collections-vitamins-minerals16"
class="mobile-nav__sublist collapsible-content collapsible-content--all"
>
<div class="collapsible-content__inner">
<ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
<a href="/collections/mens-multivitamin" class="mobile-nav__link">
Men's Multivitamins
</a>
</li><li class="mobile-nav__item">
<a href="/collections/womens-multivitamin" class="mobile-nav__link">
Women's Multivitamins
</a>
</li><li class="mobile-nav__item">
<a href="/products/micro-factor" class="mobile-nav__link">
Daily Nutrient Packets
</a>
</li><li class="mobile-nav__item">
<a href="/collections/vitamins-minerals" class="mobile-nav__link">
Vitamins and Minerals
</a>
</li></ul>
</div>
</div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/health-wellness"
class="mobile-nav__link"
id="Sublabel-collections-health-wellness17"
>
WELLNESS
</a><button type="button"
aria-controls="Sublinklist-collections-products1-collections-health-wellness17"
aria-labelledby="Sublabel-collections-health-wellness17"
class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</span>
</button></div><div
id="Sublinklist-collections-products1-collections-health-wellness17"
aria-labelledby="Sublabel-collections-health-wellness17"
class="mobile-nav__sublist collapsible-content collapsible-content--all"
>
<div class="collapsible-content__inner">
<ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
<a href="/products/adrenal-restore" class="mobile-nav__link">
Adrenal Support
</a>
</li><li class="mobile-nav__item">
<a href="/collections/cognitive-function" class="mobile-nav__link">
Cognitive Function
</a>
</li><li class="mobile-nav__item">
<a href="/products/symmetry" class="mobile-nav__link">
Diuretic
</a>
</li><li class="mobile-nav__item">
<a href="/products/full-mega" class="mobile-nav__link">
Fish Oil
</a>
</li><li class="mobile-nav__item">
<a href="/collections/greens-and-reds" class="mobile-nav__link">
Greens and Reds
</a>
</li><li class="mobile-nav__item">
<a href="/collections/hair-skin-and-nails" class="mobile-nav__link">
Hair, Skin & Nails
</a>
</li><li class="mobile-nav__item">
<a href="/collections/nighttime-supplements" class="mobile-nav__link">
Nighttime
</a>
</li></ul>
</div>
</div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/health"
class="mobile-nav__link"
id="Sublabel-collections-health18"
>
HEALTH
</a><button type="button"
aria-controls="Sublinklist-collections-products1-collections-health18"
aria-labelledby="Sublabel-collections-health18"
class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</span>
</button></div><div
id="Sublinklist-collections-products1-collections-health18"
aria-labelledby="Sublabel-collections-health18"
class="mobile-nav__sublist collapsible-content collapsible-content--all"
>
<div class="collapsible-content__inner">
<ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
<a href="/collections/immune-health" class="mobile-nav__link">
Immune Health
</a>
</li><li class="mobile-nav__item">
<a href="/collections/gut-health" class="mobile-nav__link">
Gut Health
</a>
</li><li class="mobile-nav__item">
<a href="/collections/heart-health" class="mobile-nav__link">
Heart Health
</a>
</li><li class="mobile-nav__item">
<a href="/collections/hormone-support" class="mobile-nav__link">
Hormone Support
</a>
</li><li class="mobile-nav__item">
<a href="/collections/joint-health" class="mobile-nav__link">
Joint Health
</a>
</li><li class="mobile-nav__item">
<a href="/collections/prenatal-health" class="mobile-nav__link">
Prenatal Health
</a>
</li><li class="mobile-nav__item">
<a href="/collections/prostate-health" class="mobile-nav__link">
Prostate Health
</a>
</li></ul>
</div>
</div></li></ul>
</div>
</div></li><li class="mobile-nav__item appear-animation appear-delay-3"><div class="mobile-nav__has-sublist"><a href="/collections/gear"
class="mobile-nav__link mobile-nav__link--top-level"
id="Label-collections-gear2"
>
Apparel
</a>
<div class="mobile-nav__toggle">
<button type="button"
aria-controls="Linklist-collections-gear2"
aria-labelledby="Label-collections-gear2"
class="collapsible-trigger collapsible--auto-height"><span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</span>
</button>
</div></div><div id="Linklist-collections-gear2"
class="mobile-nav__sublist collapsible-content collapsible-content--all"
>
<div class="collapsible-content__inner">
<ul class="mobile-nav__sublist"><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/gear"
class="mobile-nav__link"
id="Sublabel-collections-gear1"
>
SHOP ALL
</a></div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/best-selling-products"
class="mobile-nav__link"
id="Sublabel-collections-best-selling-products2"
>
TOP RATED
</a></div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/pages/new-apparel"
class="mobile-nav__link"
id="Sublabel-pages-new-apparel3"
>
NEW RELEASES
</a></div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/1st-phorm-outdoors"
class="mobile-nav__link"
id="Sublabel-collections-1st-phorm-outdoors4"
>
1ST PHORM OUTDOORS
</a></div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/clearance"
class="mobile-nav__link"
id="Sublabel-collections-clearance5"
>
DEALS
</a></div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/pages/mens-apparel"
class="mobile-nav__link"
id="Sublabel-pages-mens-apparel6"
>
MEN'S APPAREL
</a><button type="button"
aria-controls="Sublinklist-collections-gear2-pages-mens-apparel6"
aria-labelledby="Sublabel-pages-mens-apparel6"
class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</span>
</button></div><div
id="Sublinklist-collections-gear2-pages-mens-apparel6"
aria-labelledby="Sublabel-pages-mens-apparel6"
class="mobile-nav__sublist collapsible-content collapsible-content--all"
>
<div class="collapsible-content__inner">
<ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
<a href="/collections/mens-long-sleeve" class="mobile-nav__link">
Long Sleeves
</a>
</li><li class="mobile-nav__item">
<a href="/collections/mens-t-shirts" class="mobile-nav__link">
T-Shirts
</a>
</li><li class="mobile-nav__item">
<a href="/collections/mens-shorts" class="mobile-nav__link">
Shorts
</a>
</li><li class="mobile-nav__item">
<a href="/collections/mens-pants" class="mobile-nav__link">
Pants
</a>
</li><li class="mobile-nav__item">
<a href="/collections/mens-tank-tops" class="mobile-nav__link">
Tank Tops
</a>
</li><li class="mobile-nav__item">
<a href="/collections/mens-jackets" class="mobile-nav__link">
Jackets
</a>
</li><li class="mobile-nav__item">
<a href="/collections/mens-hoodies" class="mobile-nav__link">
Hoodies
</a>
</li><li class="mobile-nav__item">
<a href="/collections/mens-bike-tri-gear" class="mobile-nav__link">
Bike & Tri Gear
</a>
</li></ul>
</div>
</div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/pages/womens-apparel"
class="mobile-nav__link"
id="Sublabel-pages-womens-apparel7"
>
WOMEN'S APPAREL
</a><button type="button"
aria-controls="Sublinklist-collections-gear2-pages-womens-apparel7"
aria-labelledby="Sublabel-pages-womens-apparel7"
class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</span>
</button></div><div
id="Sublinklist-collections-gear2-pages-womens-apparel7"
aria-labelledby="Sublabel-pages-womens-apparel7"
class="mobile-nav__sublist collapsible-content collapsible-content--all"
>
<div class="collapsible-content__inner">
<ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
<a href="/collections/womens-t-shirts" class="mobile-nav__link">
T-Shirts
</a>
</li><li class="mobile-nav__item">
<a href="/collections/womens-long-sleeves" class="mobile-nav__link">
Long Sleeves
</a>
</li><li class="mobile-nav__item">
<a href="/collections/womens-shorts" class="mobile-nav__link">
Shorts
</a>
</li><li class="mobile-nav__item">
<a href="/collections/womens-leggings" class="mobile-nav__link">
Leggings and Joggers
</a>
</li><li class="mobile-nav__item">
<a href="/collections/womens-sports-bras" class="mobile-nav__link">
Sports Bras
</a>
</li><li class="mobile-nav__item">
<a href="/products/solstice-dress" class="mobile-nav__link">
Dresses
</a>
</li><li class="mobile-nav__item">
<a href="/collections/womens-tank-tops" class="mobile-nav__link">
Tank Tops
</a>
</li><li class="mobile-nav__item">
<a href="/collections/womens-jackets" class="mobile-nav__link">
Jackets
</a>
</li><li class="mobile-nav__item">
<a href="/collections/womens-hoodies" class="mobile-nav__link">
Hoodies
</a>
</li><li class="mobile-nav__item">
<a href="/collections/womens-bike-tri-gear" class="mobile-nav__link">
Bike & Tri Gear
</a>
</li></ul>
</div>
</div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/accessories"
class="mobile-nav__link"
id="Sublabel-collections-accessories8"
>
ACCESSORIES
</a><button type="button"
aria-controls="Sublinklist-collections-gear2-collections-accessories8"
aria-labelledby="Sublabel-collections-accessories8"
class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</span>
</button></div><div
id="Sublinklist-collections-gear2-collections-accessories8"
aria-labelledby="Sublabel-collections-accessories8"
class="mobile-nav__sublist collapsible-content collapsible-content--all"
>
<div class="collapsible-content__inner">
<ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
<a href="/collections/luggage" class="mobile-nav__link">
Gym Bags
</a>
</li><li class="mobile-nav__item">
<a href="/collections/decals" class="mobile-nav__link">
Decals
</a>
</li><li class="mobile-nav__item">
<a href="/collections/lifting-accessories" class="mobile-nav__link">
Lifting Accessories
</a>
</li><li class="mobile-nav__item">
<a href="/collections/patches" class="mobile-nav__link">
Patches
</a>
</li><li class="mobile-nav__item">
<a href="/collections/shaker-cups" class="mobile-nav__link">
Shaker Cups
</a>
</li><li class="mobile-nav__item">
<a href="/products/crest-cotton-crew-sock" class="mobile-nav__link">
Socks
</a>
</li><li class="mobile-nav__item">
<a href="/collections/vests" class="mobile-nav__link">
Vests
</a>
</li><li class="mobile-nav__item">
<a href="/collections/water-bottles" class="mobile-nav__link">
Water Bottles
</a>
</li></ul>
</div>
</div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/headwear"
class="mobile-nav__link"
id="Sublabel-collections-headwear9"
>
HEADWEAR
</a><button type="button"
aria-controls="Sublinklist-collections-gear2-collections-headwear9"
aria-labelledby="Sublabel-collections-headwear9"
class="collapsible-trigger"><span class="collapsible-trigger__icon collapsible-trigger__icon--circle collapsible-trigger__icon--open" role="presentation">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</span>
</button></div><div
id="Sublinklist-collections-gear2-collections-headwear9"
aria-labelledby="Sublabel-collections-headwear9"
class="mobile-nav__sublist collapsible-content collapsible-content--all"
>
<div class="collapsible-content__inner">
<ul class="mobile-nav__grandchildlist"><li class="mobile-nav__item">
<a href="/collections/headwear-snap-backs" class="mobile-nav__link">
Snap Backs
</a>
</li><li class="mobile-nav__item">
<a href="/collections/headwear-beanies" class="mobile-nav__link">
Beanies
</a>
</li><li class="mobile-nav__item">
<a href="https://1stphorm.com/collections/headwear-headbands" class="mobile-nav__link">
Headbands
</a>
</li></ul>
</div>
</div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/collections/kids-apparel"
class="mobile-nav__link"
id="Sublabel-collections-kids-apparel10"
>
KIDS APPAREL
</a></div></li></ul>
</div>
</div></li><li class="mobile-nav__item appear-animation appear-delay-4"><a href="/app" class="mobile-nav__link mobile-nav__link--top-level">App</a></li><li class="mobile-nav__item appear-animation appear-delay-5"><div class="mobile-nav__has-sublist"><a href="/pages/about-us-legacy"
class="mobile-nav__link mobile-nav__link--top-level"
id="Label-pages-about-us-legacy4"
>
Brand
</a>
<div class="mobile-nav__toggle">
<button type="button"
aria-controls="Linklist-pages-about-us-legacy4"
aria-labelledby="Label-pages-about-us-legacy4"
class="collapsible-trigger collapsible--auto-height"><span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</span>
</button>
</div></div><div id="Linklist-pages-about-us-legacy4"
class="mobile-nav__sublist collapsible-content collapsible-content--all"
>
<div class="collapsible-content__inner">
<ul class="mobile-nav__sublist"><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="https://help.1stphorm.com/en-US"
class="mobile-nav__link"
id="Sublabel-https-help-1stphorm-com-en-us1"
>
Contact Us
</a></div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/pages/about-us"
class="mobile-nav__link"
id="Sublabel-pages-about-us2"
>
About Us
</a></div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/pages/our-process"
class="mobile-nav__link"
id="Sublabel-pages-our-process3"
>
Our Process
</a></div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/pages/athletes"
class="mobile-nav__link"
id="Sublabel-pages-athletes4"
>
Our Athletes
</a></div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="https://1stphorm.com/1st-phorm-app"
class="mobile-nav__link"
id="Sublabel-https-1stphorm-com-1st-phorm-app5"
>
1st Phorm App
</a></div></li><li class="mobile-nav__item">
<div class="mobile-nav__child-item"><a href="/pages/legionnaire"
class="mobile-nav__link"
id="Sublabel-pages-legionnaire6"
>
Become a Legionnaire
</a></div></li></ul>
</div>
</div></li><li class="mobile-nav__item mobile-nav__item--secondary">
<div class="grid"><!--<div class="grid__item one-half appear-animation appear-delay-6">
<a href="/account" class="mobile-nav__link">Log in
</a>
</div>-->
<div class="login_account_mobile_box">
<a href="https://1stphorm.com/account/login?return_url=%2Faccount">Login</a>
<div class="account_s">
<p>Don't Have an Account?</p>
<a href="https://1stphorm.com/account/register">Sign Up</a>
</div>
</div></div>
</li></ul><ul class="mobile-nav__social appear-animation appear-delay-7"><li class="mobile-nav__social-item">
<a target="_blank" rel="noopener" href="https://www.instagram.com/1stphorm/" title="1st Phorm on Instagram">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 32 32"><path fill="#444" d="M16 3.094c4.206 0 4.7.019 6.363.094 1.538.069 2.369.325 2.925.544.738.287 1.262.625 1.813 1.175s.894 1.075 1.175 1.813c.212.556.475 1.387.544 2.925.075 1.662.094 2.156.094 6.363s-.019 4.7-.094 6.363c-.069 1.538-.325 2.369-.544 2.925-.288.738-.625 1.262-1.175 1.813s-1.075.894-1.813 1.175c-.556.212-1.387.475-2.925.544-1.663.075-2.156.094-6.363.094s-4.7-.019-6.363-.094c-1.537-.069-2.369-.325-2.925-.544-.737-.288-1.263-.625-1.813-1.175s-.894-1.075-1.175-1.813c-.212-.556-.475-1.387-.544-2.925-.075-1.663-.094-2.156-.094-6.363s.019-4.7.094-6.363c.069-1.537.325-2.369.544-2.925.287-.737.625-1.263 1.175-1.813s1.075-.894 1.813-1.175c.556-.212 1.388-.475 2.925-.544 1.662-.081 2.156-.094 6.363-.094zm0-2.838c-4.275 0-4.813.019-6.494.094-1.675.075-2.819.344-3.819.731-1.037.4-1.913.944-2.788 1.819S1.486 4.656 1.08 5.688c-.387 1-.656 2.144-.731 3.825-.075 1.675-.094 2.213-.094 6.488s.019 4.813.094 6.494c.075 1.675.344 2.819.731 3.825.4 1.038.944 1.913 1.819 2.788s1.756 1.413 2.788 1.819c1 .387 2.144.656 3.825.731s2.213.094 6.494.094 4.813-.019 6.494-.094c1.675-.075 2.819-.344 3.825-.731 1.038-.4 1.913-.944 2.788-1.819s1.413-1.756 1.819-2.788c.387-1 .656-2.144.731-3.825s.094-2.212.094-6.494-.019-4.813-.094-6.494c-.075-1.675-.344-2.819-.731-3.825-.4-1.038-.944-1.913-1.819-2.788s-1.756-1.413-2.788-1.819c-1-.387-2.144-.656-3.825-.731C20.812.275 20.275.256 16 .256z"/><path fill="#444" d="M16 7.912a8.088 8.088 0 0 0 0 16.175c4.463 0 8.087-3.625 8.087-8.088s-3.625-8.088-8.088-8.088zm0 13.338a5.25 5.25 0 1 1 0-10.5 5.25 5.25 0 1 1 0 10.5zM26.294 7.594a1.887 1.887 0 1 1-3.774.002 1.887 1.887 0 0 1 3.774-.003z"/></svg>
<span class="icon__fallback-text">Instagram</span>
</a>
</li><li class="mobile-nav__social-item">
<a target="_blank" rel="noopener" href="https://www.facebook.com/1stPhorm/" title="1st Phorm on Facebook">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 14222 14222"><path d="M14222 7112c0 3549.352-2600.418 6491.344-6000 7024.72V9168h1657l315-2056H8222V5778c0-562 275-1111 1159-1111h897V2917s-814-139-1592-139c-1624 0-2686 984-2686 2767v1567H4194v2056h1806v4968.72C2600.418 13603.344 0 10661.352 0 7112 0 3184.703 3183.703 1 7111 1s7111 3183.703 7111 7111zm-8222 7025c362 57 733 86 1111 86-377.945 0-749.003-29.485-1111-86.28zm2222 0v-.28a7107.458 7107.458 0 0 1-167.717 24.267A7407.158 7407.158 0 0 0 8222 14137zm-167.717 23.987C7745.664 14201.89 7430.797 14223 7111 14223c319.843 0 634.675-21.479 943.283-62.013z"/></svg>
<span class="icon__fallback-text">Facebook</span>
</a>
</li><li class="mobile-nav__social-item">
<a target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCYP3SNRRm0Z_NQhkoVOmI0A" title="1st Phorm on YouTube">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" viewBox="0 0 21 20"><path fill="#444" d="M-.196 15.803q0 1.23.812 2.092t1.977.861h14.946q1.165 0 1.977-.861t.812-2.092V3.909q0-1.23-.82-2.116T17.539.907H2.593q-1.148 0-1.969.886t-.82 2.116v11.894zm7.465-2.149V6.058q0-.115.066-.18.049-.016.082-.016l.082.016 7.153 3.806q.066.066.066.164 0 .066-.066.131l-7.153 3.806q-.033.033-.066.033-.066 0-.098-.033-.066-.066-.066-.131z"/></svg>
<span class="icon__fallback-text">YouTube</span>
</a>
</li><li class="mobile-nav__social-item">
<a target="_blank" rel="noopener" href="https://twitter.com/1stPhorm" title="1st Phorm on Twitter">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-twitter" viewBox="0 0 32 32"><path fill="#444" d="M31.281 6.733q-1.304 1.924-3.13 3.26 0 .13.033.408t.033.408q0 2.543-.75 5.086t-2.282 4.858-3.635 4.108-5.053 2.869-6.341 1.076q-5.282 0-9.65-2.836.913.065 1.5.065 4.401 0 7.857-2.673-2.054-.033-3.668-1.255t-2.266-3.146q.554.13 1.206.13.88 0 1.663-.261-2.184-.456-3.619-2.184t-1.435-3.977v-.065q1.239.652 2.836.717-1.271-.848-2.021-2.233t-.75-2.983q0-1.63.815-3.195 2.38 2.967 5.754 4.678t7.319 1.907q-.228-.815-.228-1.434 0-2.608 1.858-4.45t4.532-1.842q1.304 0 2.51.522t2.054 1.467q2.152-.424 4.01-1.532-.685 2.217-2.771 3.488 1.989-.261 3.619-.978z"/></svg>
<span class="icon__fallback-text">Twitter</span>
</a>
</li><li class="mobile-nav__social-item">
<a target="_blank" rel="noopener" href="https://www.tiktok.com/@1stphorm" title="1st Phorm on TickTok">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-tiktok" viewBox="0 0 2859 3333"><path d="M2081 0c55 473 319 755 778 785v532c-266 26-499-61-770-225v995c0 1264-1378 1659-1932 753-356-583-138-1606 1004-1647v561c-87 14-180 36-265 65-254 86-398 247-358 531 77 544 1075 705 992-358V1h551z"/></svg>
<span class="icon__fallback-text">TikTok</span>
</a>
</li></ul>
</div>
</div>
</div>
<style>
.site-nav__link,
.site-nav__dropdown-link:not(.site-nav__dropdown-link--top-level) {
font-size: 15px;
}
.site-nav__link, .mobile-nav__link--top-level {
text-transform: uppercase;
letter-spacing: 0.2em;
}
.mobile-nav__link--top-level {
font-size: 1.1em;
}
.megamenu__colection-image {
display: none;
}
</style>
<div data-section-id="header" data-section-type="header">
<div class="mobile_search">
<a href="/search" class="medium-up--hide site-nav__link site-nav__link--icon js-search-header navigable" data-open-accessibility-text-original="18px" style="font-size: 18px;">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"></path></svg>
<span class="icon__fallback-text">Search</span>
</a>
</div>
<div class="header-sticky-wrapper">
<div id="HeaderWrapper" class="header-wrapper"><header
id="SiteHeader"
class="site-header"
data-sticky="true"
data-overlay="false"
>
<div class="page-width">
<div
class="header-layout header-layout--center-left"
data-logo-align="center"
><div class="header-item header-item--left header-item--navigation"><ul
class="site-nav site-navigation small--hide"
role="navigation" aria-label="Primary"
><li
class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--is-megamenu"
aria-haspopup="true">
<a href="/collections/products" class="site-nav__link site-nav__link--underline site-nav__link--has-dropdown">
Shop
</a><div class="site-nav__dropdown megamenu text-left">
<div class="page-width">
<div class="grid">
<div class="grid__item medium-up--one-fifth appear-animation appear-delay-1"><div class="h5">
<a href="/collections/best-selling-supplements" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Top Rated</a>
</div><div class="h5">
<a href="/pages/new-releases" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">New Releases</a>
</div><div class="h5">
<a href="/collections/energy-drinks" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Energy Drinks</a>
</div><div class="h5">
<a href="/collections/amino-acids" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Amino Acids</a>
</div><div class="h5">
<a href="/collections/post-workout" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Post-Workout</a>
</div><div class="h5">
<a href="/collections/testosterone-boosters" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Testosterone Boosters</a>
</div><div class="h5">
<a href="/collections/creatine" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Creatine</a>
</div><div class="h5">
<a href="/collections/kiddo-series" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Kiddo Series</a>
</div><div class="h5">
<a href="/collections/natural-products" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Natural Products</a>
</div><div class="h5">
<a href="/collections/vegan-friendly" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Vegan Friendly</a>
</div><div class="h5">
<a href="/products/gift-card" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">Gift Cards</a>
</div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-2"><a
href="/collections/protein"
class="megamenu__colection-image"
aria-label="Protein Powders, Bars & More"
style="background-image: url(//1stphorm.com/cdn/shop/collections/TestBoost_400x.jpg?v=1652713285)"></a><div class="h5">
<a href="/collections/protein" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">PROTEIN POWDER AND BARS</a>
</div><div>
<a href="/collections/protein-bars" class="site-nav__dropdown-link">
Protein Bars
</a>
</div><div>
<a href="/collections/meal-replacement-proteins" class="site-nav__dropdown-link">
Meal Replacement Proteins
</a>
</div><div>
<a href="/collections/isolate-protein" class="site-nav__dropdown-link">
Isolate Proteins
</a>
</div><div>
<a href="/collections/collagen" class="site-nav__dropdown-link">
Collagen
</a>
</div><div>
<a href="/collections/high-protein-meat-sticks" class="site-nav__dropdown-link">
High Protein Meat Sticks
</a>
</div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-3"><a
href="/collections/pre-intra-workout"
class="megamenu__colection-image"
aria-label="Pre/Intra Workout"
style="background-image: url(//1stphorm.com/cdn/shop/collections/PreWorkout-Endurance-CategoryHeader-1800x600_8607b4df-550a-4bd2-b089-9ca878950d9b_400x.jpg?v=1675720506)"></a><div class="h5">
<a href="/collections/pre-intra-workout" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">PRE/INTRA WORKOUT</a>
</div><div>
<a href="/collections/pre-workout-energy" class="site-nav__dropdown-link">
Energy
</a>
</div><div>
<a href="/collections/pre-workout-endurance" class="site-nav__dropdown-link">
Endurance
</a>
</div><div>
<a href="/collections/pump-products" class="site-nav__dropdown-link">
Pump
</a>
</div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-4"><a
href="/collections/fat-burners"
class="megamenu__colection-image"
aria-label="Fat Burners"
style="background-image: url(//1stphorm.com/cdn/shop/collections/Womens-FatBurners-CategoryHeader-1800x600_400x.jpg?v=1652481105)"></a><div class="h5">
<a href="/collections/fat-burners" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">FAT BURNERS</a>
</div><div>
<a href="/collections/mens-fat-burners" class="site-nav__dropdown-link">
Men's Fat Burners
</a>
</div><div>
<a href="/collections/womens-fat-burners" class="site-nav__dropdown-link">
Women's Fat Burners
</a>
</div><div>
<a href="/collections/cla-l-carnitine" class="site-nav__dropdown-link">
CLA and L-Carnitine
</a>
</div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-5"><a
href="/collections/stacks"
class="megamenu__colection-image"
aria-label="Stacks"
style="background-image: url(//1stphorm.com/cdn/shop/collections/Stacks-CategoryHeader-1800x600_400x.jpg?v=1652713442)"></a><div class="h5">
<a href="/collections/stacks" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">STACKS</a>
</div><div>
<a href="/collections/weight-loss-stack" class="site-nav__dropdown-link">
Weight Loss
</a>
</div><div>
<a href="/collections/sports-performance-stack" class="site-nav__dropdown-link">
Sports Performance
</a>
</div><div>
<a href="/collections/muscle-building-stack" class="site-nav__dropdown-link">
Muscle Building
</a>
</div><div>
<a href="/collections/health-wellness-stacks" class="site-nav__dropdown-link">
Health and Wellness
</a>
</div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-6"><div class="h5">
<a href="/collections/vitamins-minerals" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">VITAMINS AND MINERALS</a>
</div><div>
<a href="/collections/mens-multivitamin" class="site-nav__dropdown-link">
Men's Multivitamins
</a>
</div><div>
<a href="/collections/womens-multivitamin" class="site-nav__dropdown-link">
Women's Multivitamins
</a>
</div><div>
<a href="/products/micro-factor" class="site-nav__dropdown-link">
Daily Nutrient Packets
</a>
</div><div>
<a href="/collections/vitamins-minerals" class="site-nav__dropdown-link">
Vitamins and Minerals
</a>
</div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-7"><a
href="/collections/health-wellness"
class="megamenu__colection-image"
aria-label="Health & Wellness"
style="background-image: url(//1stphorm.com/cdn/shop/collections/HealthWellness-CategoryHeader-1800x600_400x.jpg?v=1652481464)"></a><div class="h5">
<a href="/collections/health-wellness" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">WELLNESS</a>
</div><div>
<a href="/products/adrenal-restore" class="site-nav__dropdown-link">
Adrenal Support
</a>
</div><div>
<a href="/collections/cognitive-function" class="site-nav__dropdown-link">
Cognitive Function
</a>
</div><div>
<a href="/products/symmetry" class="site-nav__dropdown-link">
Diuretic
</a>
</div><div>
<a href="/products/full-mega" class="site-nav__dropdown-link">
Fish Oil
</a>
</div><div>
<a href="/collections/greens-and-reds" class="site-nav__dropdown-link">
Greens and Reds
</a>
</div><div>
<a href="/collections/hair-skin-and-nails" class="site-nav__dropdown-link">
Hair, Skin & Nails
</a>
</div><div>
<a href="/collections/nighttime-supplements" class="site-nav__dropdown-link">
Nighttime
</a>
</div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-8"><a
href="/collections/health"
class="megamenu__colection-image"
aria-label="Health"
style="background-image: url(//1stphorm.com/cdn/shop/collections/health-banner_copy_400x.jpg?v=1652481442)"></a><div class="h5">
<a href="/collections/health" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">HEALTH</a>
</div><div>
<a href="/collections/immune-health" class="site-nav__dropdown-link">
Immune Health
</a>
</div><div>
<a href="/collections/gut-health" class="site-nav__dropdown-link">
Gut Health
</a>
</div><div>
<a href="/collections/heart-health" class="site-nav__dropdown-link">
Heart Health
</a>
</div><div>
<a href="/collections/hormone-support" class="site-nav__dropdown-link">
Hormone Support
</a>
</div><div>
<a href="/collections/joint-health" class="site-nav__dropdown-link">
Joint Health
</a>
</div><div>
<a href="/collections/prenatal-health" class="site-nav__dropdown-link">
Prenatal Health
</a>
</div><div>
<a href="/collections/prostate-health" class="site-nav__dropdown-link">
Prostate Health
</a>
</div></div>
</div>
</div>
</div></li><li
class="site-nav__item site-nav__expanded-item site-nav--has-dropdown site-nav--is-megamenu"
aria-haspopup="true">
<a href="/collections/gear" class="site-nav__link site-nav__link--underline site-nav__link--has-dropdown">
Apparel
</a><div class="site-nav__dropdown megamenu text-left">
<div class="page-width">
<div class="grid">
<div class="grid__item medium-up--one-fifth appear-animation appear-delay-1"><div class="h5">
<a href="/collections/gear" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">SHOP ALL</a>
</div><div class="h5">
<a href="/collections/best-selling-products" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">TOP RATED</a>
</div><div class="h5">
<a href="/pages/new-apparel" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">NEW RELEASES</a>
</div><div class="h5">
<a href="/collections/1st-phorm-outdoors" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">1ST PHORM OUTDOORS</a>
</div><div class="h5">
<a href="/collections/clearance" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">DEALS</a>
</div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-2"><div class="h5">
<a href="/pages/mens-apparel" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">MEN'S APPAREL</a>
</div><div>
<a href="/collections/mens-long-sleeve" class="site-nav__dropdown-link">
Long Sleeves
</a>
</div><div>
<a href="/collections/mens-t-shirts" class="site-nav__dropdown-link">
T-Shirts
</a>
</div><div>
<a href="/collections/mens-shorts" class="site-nav__dropdown-link">
Shorts
</a>
</div><div>
<a href="/collections/mens-pants" class="site-nav__dropdown-link">
Pants
</a>
</div><div>
<a href="/collections/mens-tank-tops" class="site-nav__dropdown-link">
Tank Tops
</a>
</div><div>
<a href="/collections/mens-jackets" class="site-nav__dropdown-link">
Jackets
</a>
</div><div>
<a href="/collections/mens-hoodies" class="site-nav__dropdown-link">
Hoodies
</a>
</div><div>
<a href="/collections/mens-bike-tri-gear" class="site-nav__dropdown-link">
Bike & Tri Gear
</a>
</div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-3"><div class="h5">
<a href="/pages/womens-apparel" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">WOMEN'S APPAREL</a>
</div><div>
<a href="/collections/womens-t-shirts" class="site-nav__dropdown-link">
T-Shirts
</a>
</div><div>
<a href="/collections/womens-long-sleeves" class="site-nav__dropdown-link">
Long Sleeves
</a>
</div><div>
<a href="/collections/womens-shorts" class="site-nav__dropdown-link">
Shorts
</a>
</div><div>
<a href="/collections/womens-leggings" class="site-nav__dropdown-link">
Leggings and Joggers
</a>
</div><div>
<a href="/collections/womens-sports-bras" class="site-nav__dropdown-link">
Sports Bras
</a>
</div><div>
<a href="/products/solstice-dress" class="site-nav__dropdown-link">
Dresses
</a>
</div><div>
<a href="/collections/womens-tank-tops" class="site-nav__dropdown-link">
Tank Tops
</a>
</div><div>
<a href="/collections/womens-jackets" class="site-nav__dropdown-link">
Jackets
</a>
</div><div>
<a href="/collections/womens-hoodies" class="site-nav__dropdown-link">
Hoodies
</a>
</div><div>
<a href="/collections/womens-bike-tri-gear" class="site-nav__dropdown-link">
Bike & Tri Gear
</a>
</div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-4"><a
href="/collections/accessories"
class="megamenu__colection-image"
aria-label="Accessories"
style="background-image: url(//1stphorm.com/cdn/shop/collections/Mens_Apparel_1600x_9f6ec077-c880-44a1-8b29-30f897a39ec6_400x.jpg?v=1652478999)"></a><div class="h5">
<a href="/collections/accessories" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">ACCESSORIES</a>
</div><div>
<a href="/collections/luggage" class="site-nav__dropdown-link">
Gym Bags
</a>
</div><div>
<a href="/collections/decals" class="site-nav__dropdown-link">
Decals
</a>
</div><div>
<a href="/collections/lifting-accessories" class="site-nav__dropdown-link">
Lifting Accessories
</a>
</div><div>
<a href="/collections/patches" class="site-nav__dropdown-link">
Patches
</a>
</div><div>
<a href="/collections/shaker-cups" class="site-nav__dropdown-link">
Shaker Cups
</a>
</div><div>
<a href="/products/crest-cotton-crew-sock" class="site-nav__dropdown-link">
Socks
</a>
</div><div>
<a href="/collections/vests" class="site-nav__dropdown-link">
Vests
</a>
</div><div>
<a href="/collections/water-bottles" class="site-nav__dropdown-link">
Water Bottles
</a>
</div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-5"><a
href="/collections/headwear"
class="megamenu__colection-image"
aria-label="Headwear"
style="background-image: url(//1stphorm.com/cdn/shop/collections/Headwear_7e6eb5fe-d7de-4376-9db8-ee0bebe9b70a_400x.jpg?v=1652481321)"></a><div class="h5">
<a href="/collections/headwear" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">HEADWEAR</a>
</div><div>
<a href="/collections/headwear-snap-backs" class="site-nav__dropdown-link">
Snap Backs
</a>
</div><div>
<a href="/collections/headwear-beanies" class="site-nav__dropdown-link">
Beanies
</a>
</div><div>
<a href="https://1stphorm.com/collections/headwear-headbands" class="site-nav__dropdown-link">
Headbands
</a>
</div></div><div class="grid__item medium-up--one-fifth appear-animation appear-delay-6"><div class="h5">
<a href="/collections/kids-apparel" class="site-nav__dropdown-link site-nav__dropdown-link--top-level">KIDS APPAREL</a>
</div></div>
</div>
</div>
</div></li><li
class="site-nav__item site-nav__expanded-item"
>
<a href="/app" class="site-nav__link site-nav__link--underline">
App
</a></li><li
class="site-nav__item site-nav__expanded-item site-nav--has-dropdown"
aria-haspopup="true">
<a href="/pages/about-us-legacy" class="site-nav__link site-nav__link--underline site-nav__link--has-dropdown">
Brand
</a><ul class="site-nav__dropdown text-left"><li class="">
<a href="https://help.1stphorm.com/en-US" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Contact Us
</a></li><li class="">
<a href="/pages/about-us" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
About Us
</a></li><li class="">
<a href="/pages/our-process" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Our Process
</a></li><li class="">
<a href="/pages/athletes" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Our Athletes
</a></li><li class="">
<a href="https://1stphorm.com/1st-phorm-app" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
1st Phorm App
</a></li><li class="">
<a href="/pages/legionnaire" class="site-nav__dropdown-link site-nav__dropdown-link--second-level">
Become a Legionnaire
</a></li></ul></li></ul>
<div class="site-nav medium-up--hide">
<button
type="button"
class="site-nav__link site-nav__link--icon js-drawer-open-nav"
aria-controls="NavDrawer"
>
<svg
aria-hidden="true"
focusable="false"
role="presentation"
class="icon icon-hamburger"
viewBox="0 0 64 64"
>
<path d="M7 15h51M7 32h43M7 49h51"/>
</svg>
<span class="icon__fallback-text">Site navigation</span>
</button>
</div>
</div><div class="header-item header-item--logo"><style data-shopify>.header-item--logo,
.header-layout--left-center .header-item--logo,
.header-layout--left-center .header-item--icons {
-webkit-box-flex: 0 1 60px;
-ms-flex: 0 1 60px;
flex: 0 1 60px;
}
@media only screen and (min-width: 769px) {
.header-item--logo,
.header-layout--left-center .header-item--logo,
.header-layout--left-center .header-item--icons {
-webkit-box-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
}
}
.site-header__logo a {
width: 60px;
}
.is-light .site-header__logo .logo--inverted {
width: 60px;
}
@media only screen and (min-width: 769px) {
.site-header__logo a {
width: 100px;
}
.is-light .site-header__logo .logo--inverted {
width: 100px;
}
}</style><h1 class="site-header__logo" itemscope itemtype="http://schema.org/Organization">
<span class="visually-hidden">1st Phorm</span>
<a
href="/"
itemprop="url"
class="site-header__logo-link"
style="padding-top: 72.33532934131736%">
<img
class="small--hide"
src="//1stphorm.com/cdn/shop/files/1st_Phorm_Logo_1_100x.png?v=1670877659"
srcset="//1stphorm.com/cdn/shop/files/1st_Phorm_Logo_1_100x.png?v=1670877659 1x, //1stphorm.com/cdn/shop/files/1st_Phorm_Logo_1_100x@2x.png?v=1670877659 2x"
alt="1st Phorm"
itemprop="logo">
<img
class="medium-up--hide"
src="//1stphorm.com/cdn/shop/files/1st_Phorm_Logo_1_60x.png?v=1670877659"
srcset="//1stphorm.com/cdn/shop/files/1st_Phorm_Logo_1_60x.png?v=1670877659 1x, //1stphorm.com/cdn/shop/files/1st_Phorm_Logo_1_60x@2x.png?v=1670877659 2x"
alt="1st Phorm">
</a></h1></div><div class="header-item header-item--icons"><div class="site-nav">
<div class="site-nav__icons"><a class="site-nav__link site-nav__link--icon small--hide" href="/account">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user" viewBox="0 0 64 64"><path d="M35 39.84v-2.53c3.3-1.91 6-6.66 6-11.41 0-7.63 0-13.82-9-13.82s-9 6.19-9 13.82c0 4.75 2.7 9.51 6 11.41v2.53c-10.18.85-18 6-18 12.16h42c0-6.19-7.82-11.31-18-12.16z"/></svg>
<span class="icon__fallback-text">Log in
</span><span class="c_nm_head">Login</span></a><a href="/search" class="site-nav__link site-nav__link--icon js-search-header">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"/></svg>
<span class="icon__fallback-text">Search</span>
<span class="c_nm_head">Search</span>
</a><a href="/cart" class="site-nav__link site-nav__link--icon js-drawer-open-cart" aria-controls="CartDrawer" data-icon="cart">
<span class="cart-link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cart" viewBox="0 0 64 64"><path fill="none" d="M14 17.44h46.79l-7.94 25.61H20.96l-9.65-35.1H3"/><circle cx="27" cy="53" r="2"/><circle cx="47" cy="53" r="2"/></svg><span class="icon__fallback-text">Cart</span>
<span class="cart-link__bubble"></span>
</span>
<span class="c_nm_head">Cart</span>
</a>
</div>
</div>
</div>
</div></div>
<div class="site-header__search-container">
<div class="site-header__search">
<div class="page-width">
<form
action="/search"
method="get"
role="search"
id="HeaderSearchForm"
class="site-header__search-form"
>
<input type="hidden" name="type" value="product">
<input type="hidden" name="options[prefix]" value="last">
<button type="submit" class="text-link site-header__search-btn site-header__search-btn--submit">
<svg
aria-hidden="true"
focusable="false"
role="presentation"
class="icon icon-search"
viewBox="0 0 64 64"
>
<path d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"/>
</svg>
<span class="icon__fallback-text">Search</span>
</button>
<input
type="search"
name="q"
value=""
placeholder="Search our store"
class="site-header__search-input"
aria-label="Search our store"
>
</form>
<button type="button" id="SearchClose" class="js-search-header-close text-link site-header__search-btn">
<svg
aria-hidden="true"
focusable="false"
role="presentation"
class="icon icon-close"
viewBox="0 0 64 64"
>
<path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/>
</svg>
<span class="icon__fallback-text">"Close (esc)"</span>
</button>
</div>
</div></div>
</header>
</div>
</div></div>
</div><div id="shopify-section-cart-drawer" class="shopify-section cart-drawer"><style>
.fp_4360565620822 .js-qty__wrapper, .fp_EmptyDrop .js-qty__wrapper{
display:none;
}
.freegiftsectionclass{display:none;}
</style><div id="CartDrawer" class="drawer drawer--right">
<form id="CartDrawerForm" action="/cart" method="post" novalidate class="drawer__contents">
<div class="drawer__fixed-header">
<div class="drawer__header appear-animation appear-delay-1">
<div class="h2 drawer__title">Cart</div>
<div class="drawer__close">
<button type="button" class="drawer__close-button js-drawer-close">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg>
<span class="icon__fallback-text">Close cart</span>
</button>
</div>
</div>
</div>
<div class="drawer__free-gift-bar">
<div class="free-ship-bar px-4" data-free-gift-bar=
'{
"thresholdMax": "20000.0",
"tiers": [
{
"threshold": 7500,
"free_shipping": true,
"label": "Free USA Shipping"
},
{
"threshold": 20000,
"free_shipping": false,
"label": "Mystery T-Shirt",
"variant_select": true,
"popup_selector": "#gift-popup-00e8ed7a-9de7-41bf-af6f-68bbc4d98a1f",
"variant": [
{
"id": 40198786383958,
"title": "Men‘s XS"
},
{
"id": 32948176093270,
"title": "Men‘s Small"
},
{
"id": 32948178255958,
"title": "Men‘s Medium"
},
{
"id": 32948178681942,
"title": "Men‘s Large"
},
{
"id": 33006046347350,
"title": "Men‘s XL"
},
{
"id": 32948180385878,
"title": "Men‘s 2XL"
},
{
"id": 33006047690838,
"title": "Men‘s 3XL"
},
{
"id": 39262398611542,
"title": "Women’s XS"
},
{
"id": 32759970955350,
"title": "Women‘s Small"
},
{
"id": 32759970988118,
"title": "Women‘s Medium"
},
{
"id": 39262296866902,
"title": "Women‘s Large"
},
{
"id": 39262297030742,
"title": "Women‘s XL"
},
{
"id": 39262297129046,
"title": "Women‘s 2XL"
}
],
"product": "free-mystery-shirt-for-you"
}
]
}'
data-free-ship="">
<div style="display:block;position:relative;">
<div class="unlocked-tiers-text">
<p
data-free-gift-tier-label="1"
style="display:none;"
>
Free <br>USA Shipping Unlocked*
</p>
<p
data-free-gift-tier-label="2"
style="display:none;"
>
Mystery T-Shirt Unlocked*
</p>
<p
>
You're
<span data-next-tier-amount class="next-tier">
$75.00
</span> away from
<span data-next-tier-label class="next-tier">
Mystery T-Shirt
</span>*
</p>
</div>
<div class="bar-wrapper">
<div
style="width:0.0%;"
class="bar-inner"
data-progress
></div>
</div>
<div class="bar-thresholds">
<span data-tier="37.5" style="left: 37.5%" class="bar-tier">
<div class="marker-wrapper">
<span class="marker" ></span>
<span class="tier-title" >Free <br>USA Shipping</span>
</div>
</span>
<span data-tier="100.0" style="left: 100.0%" class="bar-tier">
<div class="marker-wrapper">
<span class="marker" style="opacity: 0;"></span>
<span class="tier-title" style="right:0;">Mystery T-Shirt</span>
</div>
</span>
</div>
</div>
</div>
</div>
<div class="drawer__inner">
<div class="drawer__scrollable">
<div data-products class="appear-animation appear-delay-2"></div>
<div data-rebuy-id="123878"></div>
</div>
<div class="drawer__footer appear-animation appear-delay-4">
<div data-discounts>
</div>
<div class="cart__item-sub cart__item-row">
<div class="ajaxcart__subtotal">Subtotal</div>
<div data-subtotal="0" data-subtotal-physical="0">$0.00</div>
</div>
<div class="cart__item-row text-center">
<small>
Shipping, taxes, and discount codes calculated at checkout.<br />
</small>
</div>
<div class="cart__checkout-wrapper">
<button type="submit" name="checkout" data-terms-required="false" class="btn cart__checkout" id="AjaxCartCheckout">
Check out
</button>
</div>
</div>
</div>
<div class="drawer__cart-empty appear-animation appear-delay-2">
<div class="drawer__scrollable">
Your cart is currently empty.
</div>
</div>
</form>
</div>
<style>
</style>
<div id="gift-popup-00e8ed7a-9de7-41bf-af6f-68bbc4d98a1f" class="gift-popup-container">
<div class="gift-popup-outer-wrapper">
<div class="inner-wrapper">
<h1 class="heading">Claim Your Free Gift</h1>
<p class="subheading">Here's a Mystery T-Shirt on us!</p>
<div class="product-container">
<div class="product">
<div class="media">
<img
srcset="
//1stphorm.com/cdn/shop/products/FreeMysteryShirt_5x.png?v=1678114677 5w,
//1stphorm.com/cdn/shop/products/FreeMysteryShirt_10x.png?v=1678114677 10w,
//1stphorm.com/cdn/shop/products/FreeMysteryShirt_15x.png?v=1678114677 15w,
//1stphorm.com/cdn/shop/products/FreeMysteryShirt_20x.png?v=1678114677 20w,
//1stphorm.com/cdn/shop/products/FreeMysteryShirt_25x.png?v=1678114677 25w,
//1stphorm.com/cdn/shop/products/FreeMysteryShirt_35x.png?v=1678114677 35w,
//1stphorm.com/cdn/shop/products/FreeMysteryShirt_40x.png?v=1678114677 40w,
//1stphorm.com/cdn/shop/products/FreeMysteryShirt_50x.png?v=1678114677 50w,
//1stphorm.com/cdn/shop/products/FreeMysteryShirt_60x.png?v=1678114677 60w,
//1stphorm.com/cdn/shop/products/FreeMysteryShirt_75x.png?v=1678114677 75w,
//1stphorm.com/cdn/shop/products/FreeMysteryShirt_100x.png?v=1678114677 100w,
//1stphorm.com/cdn/shop/products/FreeMysteryShirt_200x.png?v=1678114677 200w,
//1stphorm.com/cdn/shop/products/FreeMysteryShirt_375x.png?v=1678114677 375w,
//1stphorm.com/cdn/shop/products/FreeMysteryShirt_550x.png?v=1678114677 550w,
//1stphorm.com/cdn/shop/products/FreeMysteryShirt_750x.png?v=1678114677 750w,
//1stphorm.com/cdn/shop/products/FreeMysteryShirt_1100x.png?v=1678114677 1100w,
//1stphorm.com/cdn/shop/products/FreeMysteryShirt_1280x.png?v=1678114677 1280w,
//1stphorm.com/cdn/shop/products/FreeMysteryShirt_1500x.png?v=1678114677 1500w
"
sizes="100vw"
src="//1stphorm.com/cdn/shop/products/FreeMysteryShirt_1x.png?v=1678114677"
alt="Mystery T-Shirt"
width="1024"
height=""
loading="lazy"
>
</div>
<span class="product-title">Mystery T-Shirt</span>
<div class="product-dd">
<select name="" id="">
<option value="32948176093270">Men's Small</option>
<option value="32948178255958">Men's Medium</option>
<option value="32948178681942">Men's Large</option>
<option value="33006046347350">Men's XL</option>
<option value="32948180385878">Men's 2XL</option>
<option value="33006047690838">Men's 3XL</option>
<option value="39262398611542">Women’s XS</option>
<option value="32759970955350">Women's Small</option>
<option value="32759970988118">Women's Medium</option>
<option value="39262296866902">Women's Large</option>
<option value="39262297030742">Women's XL</option>
<option value="39262297129046">Women's 2XL</option>
</select>
<svg aria-hidden="true" focusable="false" role="presentation" viewBox="0 0 9 9" class="dropdown-icon"><path d="M8.542 2.558a.625.625 0 0 1 0 .884l-3.6 3.6a.626.626 0 0 1-.884 0l-3.6-3.6a.625.625 0 1 1 .884-.884L4.5 5.716l3.158-3.158a.625.625 0 0 1 .884 0z"></path></svg>
</div>
<button class="atc">SELECT</button>
</div>
</div>
<button class="close">Close</button>
</div>
</div>
</div>
</div><main class="main-content" id="MainContent">
<div id="shopify-section-template--14866017648726__164779618268366e47" class="shopify-section index-section--hero">
<div
data-section-id="template--14866017648726__164779618268366e47"
data-section-type="slideshow-section"
>
<div class="slideshow-wrapper"><style data-shopify>@media screen and (max-width: 768px) {
.hero-natural-mobile--template--14866017648726__164779618268366e47 {
height: 0;
padding-bottom: 146.66666666666666%;
}
}</style><div class=" hero-natural-mobile--template--14866017648726__164779618268366e47">
<div id="Slideshow-template--14866017648726__164779618268366e47"
class="hero hero--750px hero--template--14866017648726__164779618268366e47 hero--mobile--auto loaded"
data-mobile-natural="true"
data-autoplay="true"
data-speed="5000"
data-dots="true"
data-slide-count="3"><div
class="slideshow__slide slideshow__slide--0df97de5-1e55-4208-b604-d08d5ac2c928"
data-index="0"
data-id="0df97de5-1e55-4208-b604-d08d5ac2c928"><style data-shopify>.slideshow__slide--0df97de5-1e55-4208-b604-d08d5ac2c928 .hero__title {
font-size: 40.0px;
}
@media only screen and (min-width: 769px) {
.slideshow__slide--0df97de5-1e55-4208-b604-d08d5ac2c928 .hero__title {
font-size: 80px;
}
}
.slideshow__slide--0df97de5-1e55-4208-b604-d08d5ac2c928 .btn {
background: #00a7d3 !important;
border: none;
color: #000 !important;
}
</style><div class="hero__image-wrapper"><img class="hero__image hero__image--0df97de5-1e55-4208-b604-d08d5ac2c928 lazyload small--hide"
src="//1stphorm.com/cdn/shop/files/Web_Banner_4_1_300x.jpg?v=1713325811"
data-src="//1stphorm.com/cdn/shop/files/Web_Banner_4_1_{width}x.jpg?v=1713325811"
data-aspectratio="1.9333333333333333"
data-sizes="auto"
alt=""
style="object-position: 80% 50%"><img class="hero__image hero__image--0df97de5-1e55-4208-b604-d08d5ac2c928 lazyload medium-up--hide"
src="//1stphorm.com/cdn/shop/files/Mobile__Banner_4_1_300x.jpg?v=1713325823"
data-src="//1stphorm.com/cdn/shop/files/Mobile__Banner_4_1_{width}x.jpg?v=1713325823"
data-aspectratio="0.6818181818181818"
data-sizes="auto"
alt=""
style="object-position: 80% 50%"><noscript>
<img class="hero__image hero__image--0df97de5-1e55-4208-b604-d08d5ac2c928"
src="//1stphorm.com/cdn/shop/files/Web_Banner_4_1_1400x.jpg?v=1713325811"
alt="">
</noscript></div><a href="https://1stphorm.com/pages/new-apparel" class="hero__slide-link" aria-hidden="true"></a><div class="hero__text-wrap">
<div class="page-width">
<div class="hero__text-content vertical-center horizontal-center vertical-bottom-m horizontal-center-m">
<div class="hero__text-shadow"><div class="hero__top-subtitle">
<div class="animation-cropper"><div class="animation-contents">
ELEVATE YOUR LOOK
</div></div>
</div><h2 class="h1 hero__title">
<div class="animation-cropper"><div class="animation-contents">
BRAND NEW STYLES
</div></div>
</h2><div class="hero__subtitle">
<div class="animation-cropper"><div class="animation-contents">
FOR YOU
</div></div>
</div><div class="hero__link"><a href="https://1stphorm.com/pages/new-apparel" class="btn">
SHOP NOW
</a></div><div class="banner_arrow">
<img src="https://cdn.shopify.com/s/files/1/0300/8128/6188/files/arrow-down.png?v=1648211196" />
</div>
</div>
</div>
</div>
</div></div><div
class="slideshow__slide slideshow__slide--7c9f4ec4-be2b-4238-bebb-f57289e123a1"
data-index="1"
data-id="7c9f4ec4-be2b-4238-bebb-f57289e123a1"><style data-shopify>.slideshow__slide--7c9f4ec4-be2b-4238-bebb-f57289e123a1 .hero__title {
font-size: 40.0px;
}
@media only screen and (min-width: 769px) {
.slideshow__slide--7c9f4ec4-be2b-4238-bebb-f57289e123a1 .hero__title {
font-size: 80px;
}
}
.slideshow__slide--7c9f4ec4-be2b-4238-bebb-f57289e123a1 .btn {
background: #00a7d3 !important;
border: none;
color: #000 !important;
}
</style><div class="hero__image-wrapper"><img class="hero__image hero__image--7c9f4ec4-be2b-4238-bebb-f57289e123a1 lazyload small--hide"
src="//1stphorm.com/cdn/shop/files/1P_Energy_Berry_Dream_-_Web_Banner_-_Desktop_V2_1_300x.jpg?v=1713325739"
data-src="//1stphorm.com/cdn/shop/files/1P_Energy_Berry_Dream_-_Web_Banner_-_Desktop_V2_1_{width}x.jpg?v=1713325739"
data-aspectratio="1.9333333333333333"
data-sizes="auto"
alt=""
style="object-position: 80% 50%"><img class="hero__image hero__image--7c9f4ec4-be2b-4238-bebb-f57289e123a1 lazyload medium-up--hide"
src="//1stphorm.com/cdn/shop/files/1P_Energy_Berry_Dream_-_Web_Banner_-_Mobile_V2_1_300x.jpg?v=1713325791"
data-src="//1stphorm.com/cdn/shop/files/1P_Energy_Berry_Dream_-_Web_Banner_-_Mobile_V2_1_{width}x.jpg?v=1713325791"
data-aspectratio="0.6818181818181818"
data-sizes="auto"
alt=""
style="object-position: 80% 50%"><noscript>
<img class="hero__image hero__image--7c9f4ec4-be2b-4238-bebb-f57289e123a1"
src="//1stphorm.com/cdn/shop/files/1P_Energy_Berry_Dream_-_Web_Banner_-_Desktop_V2_1_1400x.jpg?v=1713325739"
alt="">
</noscript></div><a href="https://1stphorm.com/products/1st-phorm-energy" class="hero__slide-link" aria-hidden="true"></a><div class="hero__text-wrap">
<div class="page-width">
<div class="hero__text-content vertical-center horizontal-left vertical-bottom-m horizontal-center-m">
<div class="hero__text-shadow"><h2 class="h1 hero__title">
<div class="animation-cropper"><div class="animation-contents">
BERRY DREAM<br />
1ST PHORM ENERGY
</div></div>
</h2><div class="hero__subtitle">
<div class="animation-cropper"><div class="animation-contents">
IS NOW AVAILABLE!
</div></div>
</div><div class="hero__link"><a href="https://1stphorm.com/products/1st-phorm-energy" class="btn">
SHOP NOW
</a></div><div class="banner_arrow">
<img src="https://cdn.shopify.com/s/files/1/0300/8128/6188/files/arrow-down.png?v=1648211196" />
</div>
</div>
</div>
</div>
</div></div><div
class="slideshow__slide slideshow__slide--49ef3956-caa6-4450-b726-e1fc2eec7153"
data-index="2"
data-id="49ef3956-caa6-4450-b726-e1fc2eec7153"><style data-shopify>.slideshow__slide--49ef3956-caa6-4450-b726-e1fc2eec7153 .hero__title {
font-size: 40.0px;
}
@media only screen and (min-width: 769px) {
.slideshow__slide--49ef3956-caa6-4450-b726-e1fc2eec7153 .hero__title {
font-size: 80px;
}
}
.slideshow__slide--49ef3956-caa6-4450-b726-e1fc2eec7153 .btn {
background: #00a7d3 !important;
border: none;
color: #000 !important;
}
</style><div class="hero__image-wrapper"><img class="hero__image hero__image--49ef3956-caa6-4450-b726-e1fc2eec7153 lazyload small--hide"
src="//1stphorm.com/cdn/shop/files/Opti-Greens_50_Chocolate_-_Web_Banner_-_Desktop_1_8b88afbd-1661-4c83-ae75-8c7fcffe2558_300x.jpg?v=1712155986"
data-src="//1stphorm.com/cdn/shop/files/Opti-Greens_50_Chocolate_-_Web_Banner_-_Desktop_1_8b88afbd-1661-4c83-ae75-8c7fcffe2558_{width}x.jpg?v=1712155986"
data-aspectratio="1.9333333333333333"
data-sizes="auto"
alt="Opti-Greens 50"
style="object-position: 80% 50%"><img class="hero__image hero__image--49ef3956-caa6-4450-b726-e1fc2eec7153 lazyload medium-up--hide"
src="//1stphorm.com/cdn/shop/files/Opti-Greens_50_Chocolate_-_Web_Banner_-_Mobile_2_1_300x.jpg?v=1712156012"
data-src="//1stphorm.com/cdn/shop/files/Opti-Greens_50_Chocolate_-_Web_Banner_-_Mobile_2_1_{width}x.jpg?v=1712156012"
data-aspectratio="0.6818181818181818"
data-sizes="auto"
alt="Opti-Greens 50"
style="object-position: 80% 50%"><noscript>
<img class="hero__image hero__image--49ef3956-caa6-4450-b726-e1fc2eec7153"
src="//1stphorm.com/cdn/shop/files/Opti-Greens_50_Chocolate_-_Web_Banner_-_Desktop_1_8b88afbd-1661-4c83-ae75-8c7fcffe2558_1400x.jpg?v=1712155986"
alt="Opti-Greens 50">
</noscript></div><a href="/products/opti-greens-50" class="hero__slide-link" aria-hidden="true"></a><div class="hero__text-wrap">
<div class="page-width">
<div class="hero__text-content vertical-center horizontal-left vertical-bottom-m horizontal-center-m">
<div class="hero__text-shadow"><h2 class="h1 hero__title">
<div class="animation-cropper"><div class="animation-contents">
CHOCOLATE<br />
OPTI-GREENS 50
</div></div>
</h2><div class="hero__subtitle">
<div class="animation-cropper"><div class="animation-contents">
IS NOW AVAILABLE!
</div></div>
</div><div class="hero__link"><a href="/products/opti-greens-50" class="btn">
SHOP NOW
</a></div><div class="banner_arrow">
<img src="https://cdn.shopify.com/s/files/1/0300/8128/6188/files/arrow-down.png?v=1648211196" />
</div>
</div>
</div>
</div>
</div></div></div>
</div>
</div>
</div></div>
</div><div id="shopify-section-template--14866017648726__164822588176fc26dc" class="shopify-section"><style>
.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{
-ms-touch-action: auto;
touch-action: auto;
}
</style>
<!-- Best seller Section -->
<div class="best_seller">
<div class="container">
<h2>Top Rated Products</h2>
<div class="owl-carousel owl-theme seller_carousel" id=" slider- template--14866017648726__164822588176fc26dc"><div class="item">
<a href="/products/opti-greens-50">
<div class="product_img">
<img src="//1stphorm.com/cdn/shop/files/Opti-Greens50Chocolate-WEB_1_24c8412d-cde7-4df3-a71e-b8b62f464899_large.png?v=1712155122" />
</div></a>
<h6> <a href="/products/opti-greens-50">Opti-Greens 50</a></h6>
<p>Greens Superfood Powder</p>
<h6 class="price">
$69.99 <del> </del>
</h6>
<div data-oke-reviews-product-listing-rating><div data-oke-reviews-version="2.16.13" class="okeReviews okeReviews--theme">
<div class="okeReviews-reviewsSummary js-okeReviews-reviewsSummary" data-oke-ga-click-action="Star Rating Summary Click"
data-oke-ga-click-label="Opti-Greens 50"
>
<div class="okeReviews-reviewsSummary-starRating">
<span class="okeReviews-starRating okeReviews-starRating--small">
<span class="okeReviews-a11yText">Rated 4.9 out of 5</span>
<span class="okeReviews-starRating-indicator" role="presentation">
<span class="okeReviews-starRating-indicator-layer"></span>
<span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 98%"></span>
</span>
</span>
</div>
<div class="okeReviews-reviewsSummary-ratingCount">
<span aria-hidden="true">17084 Reviews</span>
<span class="okeReviews-a11yText">Based on 17084 reviews</span>
</div>
</div>
</div>
</div>
<a href="/products/opti-greens-50" class="view_detail">View Details</a>
</div>
<div class="item">
<a href="/products/postworkout-stack">
<div class="product_img">
<img src="//1stphorm.com/cdn/shop/files/salted-peanut-butter-post-workout-stack_large.png?v=1701877387" />
</div></a>
<h6> <a href="/products/postworkout-stack">Post Workout Stack</a></h6>
<p>Workout Recovery Stack</p>
<h6 class="price">
$82.99 <del>$92.98 </del>
</h6>
<div data-oke-reviews-product-listing-rating><div data-oke-reviews-version="2.16.13" class="okeReviews okeReviews--theme">
<div class="okeReviews-reviewsSummary js-okeReviews-reviewsSummary" data-oke-ga-click-action="Star Rating Summary Click"
data-oke-ga-click-label="Post Workout Stack"
>
<div class="okeReviews-reviewsSummary-starRating">
<span class="okeReviews-starRating okeReviews-starRating--small">
<span class="okeReviews-a11yText">Rated 4.9 out of 5</span>
<span class="okeReviews-starRating-indicator" role="presentation">
<span class="okeReviews-starRating-indicator-layer"></span>
<span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 99%"></span>
</span>
</span>
</div>
<div class="okeReviews-reviewsSummary-ratingCount">
<span aria-hidden="true">38034 Reviews</span>
<span class="okeReviews-a11yText">Based on 38034 reviews</span>
</div>
</div>
</div>
</div>
<a href="/products/postworkout-stack" class="view_detail">View Details</a>
</div>
<div class="item">
<a href="/products/micro-factor">
<div class="product_img">
<img src="//1stphorm.com/cdn/shop/files/micro-factor_4c4cc124-073f-4ed5-8d93-6cc56ee24736_large.png?v=1692287699" />
</div></a>
<h6> <a href="/products/micro-factor">Micro Factor</a></h6>
<p>Complete Daily Nutrient Packs</p>
<h6 class="price">
$69.99 <del> </del>
</h6>
<div data-oke-reviews-product-listing-rating><div data-oke-reviews-version="2.16.13" class="okeReviews okeReviews--theme">
<div class="okeReviews-reviewsSummary js-okeReviews-reviewsSummary" data-oke-ga-click-action="Star Rating Summary Click"
data-oke-ga-click-label="Micro Factor"
>
<div class="okeReviews-reviewsSummary-starRating">
<span class="okeReviews-starRating okeReviews-starRating--small">
<span class="okeReviews-a11yText">Rated 5.0 out of 5</span>
<span class="okeReviews-starRating-indicator" role="presentation">
<span class="okeReviews-starRating-indicator-layer"></span>
<span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 99%"></span>
</span>
</span>
</div>
<div class="okeReviews-reviewsSummary-ratingCount">
<span aria-hidden="true">6347 Reviews</span>
<span class="okeReviews-a11yText">Based on 6347 reviews</span>
</div>
</div>
</div>
</div>
<a href="/products/micro-factor" class="view_detail">View Details</a>
</div>
<div class="item">
<a href="/products/phormula-1">
<div class="product_img">
<img src="//1stphorm.com/cdn/shop/files/phormula-1-cafe-latte_large.png?v=1710878777" />
</div></a>
<h6> <a href="/products/phormula-1">Phormula-1</a></h6>
<p>Post-Workout Recovery Protein</p>
<h6 class="price">
$64.99 <del> </del>
</h6>
<div data-oke-reviews-product-listing-rating><div data-oke-reviews-version="2.16.13" class="okeReviews okeReviews--theme">
<div class="okeReviews-reviewsSummary js-okeReviews-reviewsSummary" data-oke-ga-click-action="Star Rating Summary Click"
data-oke-ga-click-label="Phormula-1"
>
<div class="okeReviews-reviewsSummary-starRating">
<span class="okeReviews-starRating okeReviews-starRating--small">
<span class="okeReviews-a11yText">Rated 4.9 out of 5</span>
<span class="okeReviews-starRating-indicator" role="presentation">
<span class="okeReviews-starRating-indicator-layer"></span>
<span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 98%"></span>
</span>
</span>
</div>
<div class="okeReviews-reviewsSummary-ratingCount">
<span aria-hidden="true">22033 Reviews</span>
<span class="okeReviews-a11yText">Based on 22033 reviews</span>
</div>
</div>
</div>
</div>
<a href="/products/phormula-1" class="view_detail">View Details</a>
</div>
<div class="item">
<a href="/products/megawatt">
<div class="product_img">
<img src="//1stphorm.com/cdn/shop/files/Megawatt_Pink_Lemonade_-_WEB_1_large.png?v=1707237328" />
</div></a>
<h6> <a href="/products/megawatt">Megawatt</a></h6>
<p>Pre-Workout</p>
<h6 class="price">
$44.99 <del> </del>
</h6>
<div data-oke-reviews-product-listing-rating><div data-oke-reviews-version="2.16.13" class="okeReviews okeReviews--theme">
<div class="okeReviews-reviewsSummary js-okeReviews-reviewsSummary" data-oke-ga-click-action="Star Rating Summary Click"
data-oke-ga-click-label="Megawatt"
>
<div class="okeReviews-reviewsSummary-starRating">
<span class="okeReviews-starRating okeReviews-starRating--small">
<span class="okeReviews-a11yText">Rated 4.9 out of 5</span>
<span class="okeReviews-starRating-indicator" role="presentation">
<span class="okeReviews-starRating-indicator-layer"></span>
<span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 98%"></span>
</span>
</span>
</div>
<div class="okeReviews-reviewsSummary-ratingCount">
<span aria-hidden="true">3796 Reviews</span>
<span class="okeReviews-a11yText">Based on 3796 reviews</span>
</div>
</div>
</div>
</div>
<a href="/products/megawatt" class="view_detail">View Details</a>
</div>
<div class="item">
<a href="/products/collagen-with-dermaval">
<div class="product_img">
<img src="//1stphorm.com/cdn/shop/files/collagen-red-velvet-cake_a0780768-b2fe-4589-91f9-b8fe69c69524_large.png?v=1707923694" />
</div></a>
<h6> <a href="/products/collagen-with-dermaval">Collagen with Dermaval</a></h6>
<p>Anti-Aging & Joint Support</p>
<h6 class="price">
$49.99 <del> </del>
</h6>
<div data-oke-reviews-product-listing-rating><div data-oke-reviews-version="2.16.13" class="okeReviews okeReviews--theme">
<div class="okeReviews-reviewsSummary js-okeReviews-reviewsSummary" data-oke-ga-click-action="Star Rating Summary Click"
data-oke-ga-click-label="Collagen with Dermaval"
>
<div class="okeReviews-reviewsSummary-starRating">
<span class="okeReviews-starRating okeReviews-starRating--small">
<span class="okeReviews-a11yText">Rated 4.9 out of 5</span>
<span class="okeReviews-starRating-indicator" role="presentation">
<span class="okeReviews-starRating-indicator-layer"></span>
<span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 98%"></span>
</span>
</span>
</div>
<div class="okeReviews-reviewsSummary-ratingCount">
<span aria-hidden="true">7820 Reviews</span>
<span class="okeReviews-a11yText">Based on 7820 reviews</span>
</div>
</div>
</div>
</div>
<a href="/products/collagen-with-dermaval" class="view_detail">View Details</a>
</div>
<div class="item">
<a href="/products/level-1">
<div class="product_img">
<img src="//1stphorm.com/cdn/shop/files/level-1-blueberry-muffin_large.png?v=1713190299" />
</div></a>
<h6> <a href="/products/level-1">Level-1</a></h6>
<p>Meal Replacement Protein Powder</p>
<h6 class="price">
$59.99 <del> </del>
</h6>
<div data-oke-reviews-product-listing-rating><div data-oke-reviews-version="2.16.13" class="okeReviews okeReviews--theme">
<div class="okeReviews-reviewsSummary js-okeReviews-reviewsSummary" data-oke-ga-click-action="Star Rating Summary Click"
data-oke-ga-click-label="Level-1"
>
<div class="okeReviews-reviewsSummary-starRating">
<span class="okeReviews-starRating okeReviews-starRating--small">
<span class="okeReviews-a11yText">Rated 4.9 out of 5</span>
<span class="okeReviews-starRating-indicator" role="presentation">
<span class="okeReviews-starRating-indicator-layer"></span>
<span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 98%"></span>
</span>
</span>
</div>
<div class="okeReviews-reviewsSummary-ratingCount">
<span aria-hidden="true">32249 Reviews</span>
<span class="okeReviews-a11yText">Based on 32249 reviews</span>
</div>
</div>
</div>
</div>
<a href="/products/level-1" class="view_detail">View Details</a>
</div>
<div class="item">
<a href="/products/1st-phorm-energy-4-pack">
<div class="product_img">
<img src="//1stphorm.com/cdn/shop/files/1P_Energy_Blue_Raspberry_4Pack_large.png?v=1708643285" />
</div></a>
<h6> <a href="/products/1st-phorm-energy-4-pack">1st Phorm Energy 4-Pack</a></h6>
<p>Energy Drink</p>
<h6 class="price">
$10.99 <del> </del>
</h6>
<div data-oke-reviews-product-listing-rating><div data-oke-reviews-version="2.16.13" class="okeReviews okeReviews--theme">
<div class="okeReviews-reviewsSummary js-okeReviews-reviewsSummary" data-oke-ga-click-action="Star Rating Summary Click"
data-oke-ga-click-label="1st Phorm Energy 4-Pack"
>
<div class="okeReviews-reviewsSummary-starRating">
<span class="okeReviews-starRating okeReviews-starRating--small">
<span class="okeReviews-a11yText">Rated 4.9 out of 5</span>
<span class="okeReviews-starRating-indicator" role="presentation">
<span class="okeReviews-starRating-indicator-layer"></span>
<span class="okeReviews-starRating-indicator-layer okeReviews-starRating-indicator-layer--foreground" style="width: 99%"></span>
</span>
</span>
</div>
<div class="okeReviews-reviewsSummary-ratingCount">
<span aria-hidden="true">3123 Reviews</span>
<span class="okeReviews-a11yText">Based on 3123 reviews</span>
</div>
</div>
</div>
</div>
<a href="/products/1st-phorm-energy-4-pack" class="view_detail">View Details</a>
</div>
</div>
<a href="/collections/best-selling-supplements" class="shop_all_btn">SHOP ALL</a>
</div>
</div>
<script>
$('.seller_carousel').owlCarousel({
loop:false,
slideBy:4,
margin:30,
nav:true,
dots:false,
responsive:{
0:{
items:1,
stagePadding: 110,
slideBy:1,
nav:false,
dots:true,
loop:true,
margin:10
},
768:{
items:3
},
1026:{
items:4
}
}
});
window.blockMenuHeaderScroll = false;
var mc = new Hammer(document);
var classname = document.getElementsByClassName("owl-carousel");
mc.on("swipeleft swiperight panleft panright", function(ev) {
window.blockMenuHeaderScroll = true;
});
mc.on("panend swipeend", function (ev){
window.blockMenuHeaderScroll = false;
});
mc.on("swipeup swipedown panup pandown", function(ev) {
window.blockMenuHeaderScroll = false;
});
for (var i = 0; i < classname.length; i++) {
classname[i].addEventListener('touchmove', function(evt) {
if (blockMenuHeaderScroll) {
evt.preventDefault();
}
}, {
passive: false
});
}
</script>
</div><div id="shopify-section-template--14866017648726__16482285328fa89a40" class="shopify-section index-section infobar"><!-- Explore by Goals section -->
<div class="explore_goals">
<div class="container">
<h2>SHOP BY GOALS</h2>
<div class="explore">
<div class="explore_item">
<img src="//1stphorm.com/cdn/shop/files/Explore-by-Goals_-_Women-Weight-Loss.jpg?v=1671132371">
<div class="explore_text">
<p>WOMEN’S WEIGHT LOSS</p>
<a href="/collections/womens-fat-burners" class="shop_now_btn">SHOP NOW</a>
</div>
</div>
<div class="explore_item">
<img src="//1stphorm.com/cdn/shop/files/Men_s_Weight_Loss_-_1st_Phorm.jpg?v=1671140309">
<div class="explore_text">
<p>MEN'S WEIGHT LOSS</p>
<a href="/collections/mens-fat-burners" class="shop_now_btn">SHOP NOW</a>
</div>
</div>
<div class="explore_item">
<img src="//1stphorm.com/cdn/shop/files/Health_1_1.jpg?v=1677818180">
<div class="explore_text">
<p>HEALTH & WELLNESS</p>
<a href="/collections/health-wellness" class="shop_now_btn">SHOP NOW</a>
</div>
</div>
<div class="explore_item">
<img src="//1stphorm.com/cdn/shop/files/Muscle_Building_1.jpg?v=1677816951">
<div class="explore_text">
<p>BUILD MUSCLE</p>
<a href="/collections/muscle-building-stack" class="shop_now_btn">SHOP NOW</a>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--14866017648726__1648657511fcdb44df" class="shopify-section"><!-- Green super food powder section -->
<div class="green_powder">
<div class="container">
<div class="green_powder_inner">
<div class="green_powder_left">
<h5>Opti-Greens 50</h5>
<h2>GREEN SUPERFOOD POWDER</h2>
<p>Build a Strong & Healthy Immune System with Opti-Greens 50! Having a strong immune system and gut is a good way to keep healthy and improve your well-being.</p>
<a href="/products/opti-greens-50-og" class="shop_all_btn view_detail_btn">Learn More</a>
</div>
<div class="green_powder_right">
<div class="green_powder_right_inner">
<ul class="green_powder_list">
<li><span>
<img src="//1stphorm.com/cdn/shop/files/digestive-system.webp?v=1649715123" />
</span> HEALTHY DIGESTION</li>
<li><span>
<img src="//1stphorm.com/cdn/shop/files/strengh-syst.webp?v=1649715111" />
</span> STRENGTHEN IMMUNE SYSTEM</li>
<li><span>
<img src="//1stphorm.com/cdn/shop/files/reduce-bloating.webp?v=1649715101" />
</span> REDUCE BLOATING</li>
</ul>
<div class="green_powder_img">
<img src="//1stphorm.com/cdn/shop/files/opti-greens-50-image_8f70a386-ee80-45ac-952d-e556d07cff86.png?v=1704488806 " />
</div>
</div>
</div>
</div>
<a href="/products/opti-greens-50-og" class="shop_all_btn view_detail_btn mobile_show">Learn More</a>
</div>
</div>
<!-- Shop apparel section -->
</div><div id="shopify-section-template--14866017648726__1648659312a01cf338" class="shopify-section infobar"><!-- Explore Apparel section -->
<div class="explore_apparel ">
<div class="container">
<h2>SHOP APPAREL</h2>
<div class="explore_apparel_inner">
<a href="/collections/womens-apparel" class="explore_apparel_col">
<img src="//1stphorm.com/cdn/shop/files/Explore_Womens_Apparel.jpg?v=1678476144">
<div class="explore_apparel_text">
<p> WOMEN'S APPAREL </p>
<span class="shop_now_btn">Shop NOW</span>
</div>
</a>
<a href="/collections/mens-apparel" class="explore_apparel_col">
<img src="//1stphorm.com/cdn/shop/files/Men_Apparel_1.jpg?v=1677816102">
<div class="explore_apparel_text">
<p> MEN'S APPAREL </p>
<span class="shop_now_btn">Shop NOW</span>
</div>
</a>
</div>
</div>
</div>
</div><div id="shopify-section-template--14866017648726__164874820779fc0ef6" class="shopify-section featured-blog-section">
<!-- Our blog section -->
<div class="our_blog">
<div class="container">
<a href="https://1stphorm.com/blogs/news"><h2>Our Blog</h2></a>
<div class="owl-carousel owl-theme blog_slider">
<div class="item">
<div class="blog_img">
<img src="//1stphorm.com/cdn/shop/articles/The_Best_Healthier_Crunchy_Snack_Alternatives_Banner.jpg?v=1709584784" />
</div>
<h6>Apr 16, 2024 •
<span> 6 min read </span>
</h6>
<a href="/blogs/news/healthy-crunchy-snacks"><h4>
The Best Healthier Crunchy Snack Alternatives
</h4></a>
<p><meta charset="utf-8">
<p data-mce-fragment="1">Growing up, I was always going to the cupboard and grabbing the easiest snacks. For me, it was chip...</p>
<a href="/blogs/news/healthy-crunchy-snacks" class="blog_read_btn">Read More</a>
</div>
<div class="item">
<div class="blog_img">
<img src="//1stphorm.com/cdn/shop/articles/Best_Protein_Powder_for_Runners.jpg?v=1712082166" />
</div>
<h6>Apr 01, 2024 •
<span> 12 min read </span>
</h6>
<a href="/blogs/news/best-protein-powder-for-runners"><h4>
Best Protein Powder For Runners
</h4></a>
<p><p data-mce-fragment="1">There are a lot of runners out there with the drive to be the best.</p>
<p data-mce-fragment="1">They train hard, they com...</p>
<a href="/blogs/news/best-protein-powder-for-runners" class="blog_read_btn">Read More</a>
</div>
<div class="item">
<div class="blog_img">
<img src="//1stphorm.com/cdn/shop/articles/How_To_Choose_The_Right_Plant-Based_Protein_Powder.jpg?v=1712082242" />
</div>
<h6>Mar 30, 2024 •
<span> 9 min read </span>
</h6>
<a href="/blogs/news/how-to-choose-the-right-plant-based-protein-powder"><h4>
How to Choose the Right Plant-Based Protein Powder
</h4></a>
<p><p data-mce-fragment="1">Protein is a hot topic today, and for good reason. As health & fitness become bigger priorities in our lives, protein ...</p>
<a href="/blogs/news/how-to-choose-the-right-plant-based-protein-powder" class="blog_read_btn">Read More</a>
</div>
</div>
</div>
</div>
</div><script data-locksmith>
var load = function () {
if (document.querySelectorAll('.locksmith-manual-trigger').length > 0) {
Locksmith.ping();
}
Locksmith.util.on('submit', 'locksmith-resource-form', function (event) {
event.preventDefault();
var data = Locksmith.util.serializeForm(event.target);
Locksmith.postResource(data, { spinner: false, container: 'locksmith-content' });
});
Locksmith.util.on('click', 'locksmith-manual-trigger', function (event) {
event.preventDefault();
Locksmith.postResource({}, { spinner: true, container: document });
});
Locksmith.submitPasscode = function (passcode) {
Locksmith.postResource(
{ passcode: passcode },
{ spinner: false, container: 'locksmith-content' }
);
};
};
if (typeof Locksmith !== 'undefined') {
load();
} else {
window.addEventListener('load', load);
}
</script>
</main><div id="shopify-section-footer-promotions" class="shopify-section index-section--footer">
</div><div id="shopify-section-footer" class="shopify-section"><footer class="site-footer" data-section-id="footer" data-section-type="footer-section">
<!-- moved from HEADER to FOOTER owlc -->
<!-- <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> -->
<!-- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js" /></script> -->
<!-- WTF these assests -->
<!-- <script src="//1stphorm.com/cdn/shop/t/296/assets/jquery.min.js?902854"></script>
<script src="<script src="//1stphorm.com/cdn/shopifycloud/shopify/assets/themes_support/api.jquery-b0af070cfe3f5cf7c92f9e2a5da2665ee07ed2aad63bb408f8d6672f894a5996.js" type="text/javascript"></script>"></script> -->
<!-- end move from HEADER to FOOTER owlc -->
<!-- custom pan code -->
<span id="papfield1"></span>
<script type="text/javascript" src="https://1stphorm.postaffiliatepro.com/plugins/AffiliateInfo/affiliateinfo.php?param=all"></script>
<!-- end pan code -->
<!-- start referred by for Legionnaire sign up form -->
<script>
window.onload = function() {
if (url.includes('legionnaire-application')) {
if (window.location.href.indexOf('a_aid') > -1) {
var urlSplit = window.location.href.split('=');
inputValue = document.getElementById('data16');
document.getElementById('data16').value = urlSplit[1];
} else {
document.getElementById('data16').value = "NA";
}
}
}
</script>
<!-- end referred by for Legionnaire sign up form -->
<div class="page-width">
<div class="grid"><div class="grid__item footer__item--9f8c98e4-e93a-4758-aad5-2dace2fdfdcd" data-type="custom"><style data-shopify>@media only screen and (min-width: 769px) and (max-width: 959px) {
.footer__item--9f8c98e4-e93a-4758-aad5-2dace2fdfdcd {
width: 50%;
padding-top: 40px;
}
.footer__item--9f8c98e4-e93a-4758-aad5-2dace2fdfdcd:nth-child(2n + 1) {
clear: left;
}
}
@media only screen and (min-width: 960px) {
.footer__item--9f8c98e4-e93a-4758-aad5-2dace2fdfdcd {
width: 30%;
}
}</style><div class="footer__item-padding"><p class="h4 footer__title small--hide">Our Commitment to you</p>
<button type="button" class="h4 footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-9f8c98e4-e93a-4758-aad5-2dace2fdfdcd">
Our Commitment to you
<span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</span>
</button><div
id="Footer-9f8c98e4-e93a-4758-aad5-2dace2fdfdcd" class="collapsible-content collapsible-content--small"
>
<div class="collapsible-content__inner">
<div class="footer__collapsible"><p>We believe in a few things: you, us, and every product we make. If at any time within 30 days after your purchase, for any reason, you’re not happy—we’ll refund your money + 10%!</p><p></p><p></p><p>*Orders containing 1st Phorm Energy 12-Packs do not qualify for Free Shipping.<br/>Purchasing gift cards or digital items does not count toward the $75 for Free Shipping or Free T-Shirt promotion.</p>
</div>
</div>
</div>
<div class="footer_badge">
<img src="https://cdn.shopify.com/s/files/1/0072/7754/3493/files/footer-img_0910a0b8-775d-4be2-9db0-b701bf7e0739.png?v=1713549379" />
</div>
<ul class="no-bullets footer__social"><li>
<a target="_blank" rel="noopener" href="https://www.facebook.com/1stPhorm/" title="1st Phorm on Facebook">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 14222 14222"><path d="M14222 7112c0 3549.352-2600.418 6491.344-6000 7024.72V9168h1657l315-2056H8222V5778c0-562 275-1111 1159-1111h897V2917s-814-139-1592-139c-1624 0-2686 984-2686 2767v1567H4194v2056h1806v4968.72C2600.418 13603.344 0 10661.352 0 7112 0 3184.703 3183.703 1 7111 1s7111 3183.703 7111 7111zm-8222 7025c362 57 733 86 1111 86-377.945 0-749.003-29.485-1111-86.28zm2222 0v-.28a7107.458 7107.458 0 0 1-167.717 24.267A7407.158 7407.158 0 0 0 8222 14137zm-167.717 23.987C7745.664 14201.89 7430.797 14223 7111 14223c319.843 0 634.675-21.479 943.283-62.013z"/></svg>
<span class="icon__fallback-text">Facebook</span>
</a>
</li><li>
<a target="_blank" rel="noopener" href="https://www.instagram.com/1stphorm/" title="1st Phorm on Instagram">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 32 32"><path fill="#444" d="M16 3.094c4.206 0 4.7.019 6.363.094 1.538.069 2.369.325 2.925.544.738.287 1.262.625 1.813 1.175s.894 1.075 1.175 1.813c.212.556.475 1.387.544 2.925.075 1.662.094 2.156.094 6.363s-.019 4.7-.094 6.363c-.069 1.538-.325 2.369-.544 2.925-.288.738-.625 1.262-1.175 1.813s-1.075.894-1.813 1.175c-.556.212-1.387.475-2.925.544-1.663.075-2.156.094-6.363.094s-4.7-.019-6.363-.094c-1.537-.069-2.369-.325-2.925-.544-.737-.288-1.263-.625-1.813-1.175s-.894-1.075-1.175-1.813c-.212-.556-.475-1.387-.544-2.925-.075-1.663-.094-2.156-.094-6.363s.019-4.7.094-6.363c.069-1.537.325-2.369.544-2.925.287-.737.625-1.263 1.175-1.813s1.075-.894 1.813-1.175c.556-.212 1.388-.475 2.925-.544 1.662-.081 2.156-.094 6.363-.094zm0-2.838c-4.275 0-4.813.019-6.494.094-1.675.075-2.819.344-3.819.731-1.037.4-1.913.944-2.788 1.819S1.486 4.656 1.08 5.688c-.387 1-.656 2.144-.731 3.825-.075 1.675-.094 2.213-.094 6.488s.019 4.813.094 6.494c.075 1.675.344 2.819.731 3.825.4 1.038.944 1.913 1.819 2.788s1.756 1.413 2.788 1.819c1 .387 2.144.656 3.825.731s2.213.094 6.494.094 4.813-.019 6.494-.094c1.675-.075 2.819-.344 3.825-.731 1.038-.4 1.913-.944 2.788-1.819s1.413-1.756 1.819-2.788c.387-1 .656-2.144.731-3.825s.094-2.212.094-6.494-.019-4.813-.094-6.494c-.075-1.675-.344-2.819-.731-3.825-.4-1.038-.944-1.913-1.819-2.788s-1.756-1.413-2.788-1.819c-1-.387-2.144-.656-3.825-.731C20.812.275 20.275.256 16 .256z"/><path fill="#444" d="M16 7.912a8.088 8.088 0 0 0 0 16.175c4.463 0 8.087-3.625 8.087-8.088s-3.625-8.088-8.088-8.088zm0 13.338a5.25 5.25 0 1 1 0-10.5 5.25 5.25 0 1 1 0 10.5zM26.294 7.594a1.887 1.887 0 1 1-3.774.002 1.887 1.887 0 0 1 3.774-.003z"/></svg>
<span class="icon__fallback-text">Instagram</span>
</a>
</li><li>
<a target="_blank" rel="noopener" href="https://www.youtube.com/channel/UCYP3SNRRm0Z_NQhkoVOmI0A" title="1st Phorm on YouTube">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-youtube" viewBox="0 0 21 20"><path fill="#444" d="M-.196 15.803q0 1.23.812 2.092t1.977.861h14.946q1.165 0 1.977-.861t.812-2.092V3.909q0-1.23-.82-2.116T17.539.907H2.593q-1.148 0-1.969.886t-.82 2.116v11.894zm7.465-2.149V6.058q0-.115.066-.18.049-.016.082-.016l.082.016 7.153 3.806q.066.066.066.164 0 .066-.066.131l-7.153 3.806q-.033.033-.066.033-.066 0-.098-.033-.066-.066-.066-.131z"/></svg>
<span class="icon__fallback-text">YouTube</span>
</a>
</li><li>
<a target="_blank" rel="noopener" href="https://www.tiktok.com/@1stphorm" title="1st Phorm on TikTok">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-tiktok" viewBox="0 0 2859 3333"><path d="M2081 0c55 473 319 755 778 785v532c-266 26-499-61-770-225v995c0 1264-1378 1659-1932 753-356-583-138-1606 1004-1647v561c-87 14-180 36-265 65-254 86-398 247-358 531 77 544 1075 705 992-358V1h551z"/></svg>
<span class="icon__fallback-text">TikTok</span>
</a>
</li><li>
<a target="_blank" rel="noopener" href="https://twitter.com/1stPhorm" title="1st Phorm on Twitter">
<svg xmlns="http://www.w3.org/2000/svg" height="1em" aria-hidden="true" focusable="false" class="icon icon-twitter" viewBox="0 0 512 512">
<style>svg{fill:#ffffff}</style><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>
<span class="icon__fallback-text">X</span>
</a>
</li></ul>
</div>
</div><div class="grid__item footer__item--1494301487049" data-type="menu"><style data-shopify>@media only screen and (min-width: 769px) and (max-width: 959px) {
.footer__item--1494301487049 {
width: 50%;
padding-top: 40px;
}
.footer__item--1494301487049:nth-child(2n + 1) {
clear: left;
}
}
@media only screen and (min-width: 960px) {
.footer__item--1494301487049 {
width: 23%;
}
}</style><p class="h4 footer__title small--hide">
SHOP
</p>
<button type="button" class="h4 footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-1494301487049">
SHOP
<span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</span>
</button><div
id="Footer-1494301487049" class="collapsible-content collapsible-content--small"
>
<div class="collapsible-content__inner">
<div class="footer__collapsible">
<ul class="no-bullets site-footer__linklist"><li><a href="/collections/new-products">New Products</a></li><li><a href="/collections/best-selling-products">Best Sellers</a></li><li><a href="/collections/mens-apparel">Men's Apparel</a></li><li><a href="/collections/womens-apparel">Women's Apparel</a></li><li><a href="/collections/accessories">Accessories</a></li><li><a href="/collections/products">All Supplements</a></li><li><a href="https://1stphorm.com/app">1st Phorm App</a></li><li><a href="/pages/1st-phorm-energy">1st Phorm Energy</a></li></ul>
</div>
</div>
</div></div><div class="grid__item footer__item--0cae19b7-7396-40f9-8145-a1d74ce40459" data-type="menu"><style data-shopify>@media only screen and (min-width: 769px) and (max-width: 959px) {
.footer__item--0cae19b7-7396-40f9-8145-a1d74ce40459 {
width: 50%;
padding-top: 40px;
}
.footer__item--0cae19b7-7396-40f9-8145-a1d74ce40459:nth-child(2n + 1) {
clear: left;
}
}
@media only screen and (min-width: 960px) {
.footer__item--0cae19b7-7396-40f9-8145-a1d74ce40459 {
width: 23%;
}
}</style><p class="h4 footer__title small--hide">
HELP
</p>
<button type="button" class="h4 footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-0cae19b7-7396-40f9-8145-a1d74ce40459">
HELP
<span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</span>
</button><div
id="Footer-0cae19b7-7396-40f9-8145-a1d74ce40459" class="collapsible-content collapsible-content--small"
>
<div class="collapsible-content__inner">
<div class="footer__collapsible">
<ul class="no-bullets site-footer__linklist"><li><a href="/search">Search the Site</a></li><li><a href="https://help.1stphorm.com/en-US">Contact Us</a></li><li><a href="https://help.1stphorm.com/en-US">Help Center</a></li><li><a href="https://1stphorm.lateshipment.com/returnportal">Start a Return or Exchange</a></li><li><a href="/pages/110-money-back-guarantee">The 110% Guarantee</a></li><li><a href="/pages/fit-guide">Apparel Size Guide</a></li><li><a href="https://help.1stphorm.com/en-US">General Questions</a></li><li><a href="https://1stphorm.com/account">Track My Order</a></li><li><a href="/pages/shipping-policy">Shipping Information</a></li><li><a href="/policies/refund-policy">Return and Exchange Policy</a></li><li><a href="/pages/subscription-terms-conditions">Subscription Terms & Conditions</a></li><li><a href="/pages/ccpa-opt-out">Do not sell or share my personal information</a></li><li><a href="/pages/cookie-preferences">Cookie Preferences</a></li></ul>
</div>
</div>
</div></div><div class="grid__item footer__item--0aa6c62e-9aa6-4a52-bc63-c4280ee20a10" data-type="menu"><style data-shopify>@media only screen and (min-width: 769px) and (max-width: 959px) {
.footer__item--0aa6c62e-9aa6-4a52-bc63-c4280ee20a10 {
width: 50%;
padding-top: 40px;
}
.footer__item--0aa6c62e-9aa6-4a52-bc63-c4280ee20a10:nth-child(2n + 1) {
clear: left;
}
}
@media only screen and (min-width: 960px) {
.footer__item--0aa6c62e-9aa6-4a52-bc63-c4280ee20a10 {
width: 23%;
}
}</style><p class="h4 footer__title small--hide">
OUR COMPANY
</p>
<button type="button" class="h4 footer__title collapsible-trigger collapsible-trigger-btn medium-up--hide" aria-controls="Footer-0aa6c62e-9aa6-4a52-bc63-c4280ee20a10">
OUR COMPANY
<span class="collapsible-trigger__icon collapsible-trigger__icon--open" role="presentation">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon-chevron-down" viewBox="0 0 28 16"><path d="M1.57 1.59l12.76 12.77L27.1 1.59" stroke-width="2" stroke="#000" fill="none" fill-rule="evenodd"/></svg>
</span>
</button><div
id="Footer-0aa6c62e-9aa6-4a52-bc63-c4280ee20a10" class="collapsible-content collapsible-content--small"
>
<div class="collapsible-content__inner">
<div class="footer__collapsible">
<ul class="no-bullets site-footer__linklist"><li><a href="/pages/about-us">About 1st Phorm</a></li><li><a href="/blogs/news">Blog</a></li><li><a href="/pages/athletes">Our Athletes</a></li><li><a href="/pages/pro-staff-search">Outdoors Pro Staff Search</a></li><li><a href="https://1stphormathletics.com/pages/team-sports">Team Sports</a></li><li><a href="https://1stphormathletics.com/">Corporate Apparel</a></li><li><a href="/pages/summer-smash">Summer Smash</a></li><li><a href="/pages/30-for-the-kids">30 For The Kids</a></li><li><a href="/pages/legionnaire">Our Legionnaire Program</a></li><li><a href="https://1stphorm.postaffiliatepro.com/affiliates/login.php">Legionnaire Back Office</a></li><li><a href="https://legionnaireconnect.com">Legionnaire Training</a></li><li><a href="/pages/work-here">Careers</a></li><li><a href="/pages/privacy-center">Privacy Center</a></li><li><a href="/pages/exclusive-retailer">Exclusive Retailer</a></li><li><a href="/policies/terms-of-service">Legal</a></li></ul>
</div>
</div>
</div></div></div><p class="footer__small-text">
© 2024 1st Phorm
All Rights Reserved.
</p></div>
<!-- remove Gorgias branding from chat widget -->
<script>
$(document).ready(function(){
GorgiasChat.init().then(function() {
// console.log("before Gorgias");
GorgiasChat.hidePoweredBy(true);
// console.log("after Gorgias");
});
})
</script>
<script>
var initGorgiasChatPromise = (window.GorgiasChat) ? window.GorgiasChat.init() : new Promise(function (resolve) { window.addEventListener('gorgias-widget-loaded', function () { resolve();})});
initGorgiasChatPromise.then(async () => {
GorgiasChat.hidePoweredBy(true)
})
</script>
</footer>
</div></div>
</div><div id="shopify-section-newsletter-popup" class="shopify-section index-section--hidden">
</div><div id="VideoModal" class="modal modal--solid">
<div class="modal__inner">
<div class="modal__centered page-width text-center">
<div class="modal__centered-content">
<div class="video-wrapper video-wrapper--modal">
<div id="VideoHolder"></div>
</div>
</div>
</div>
</div>
<button type="button" class="modal__close js-modal-close text-link">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg>
<span class="icon__fallback-text">"Close (esc)"</span>
</button>
</div>
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
<div class="pswp__bg"></div>
<div class="pswp__scroll-wrap">
<div class="pswp__container">
<div class="pswp__item"></div>
<div class="pswp__item"></div>
<div class="pswp__item"></div>
</div>
<div class="pswp__ui pswp__ui--hidden">
<button class="btn btn--body btn--circle pswp__button pswp__button--arrow--left" title="Previous">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-left" viewBox="0 0 284.49 498.98"><path d="M249.49 0a35 35 0 0 1 24.75 59.75L84.49 249.49l189.75 189.74a35.002 35.002 0 1 1-49.5 49.5L10.25 274.24a35 35 0 0 1 0-49.5L224.74 10.25A34.89 34.89 0 0 1 249.49 0z"/></svg>
</button>
<button class="btn btn--body btn--circle btn--large pswp__button pswp__button--close" title="Close (esc)">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg>
</button>
<button class="btn btn--body btn--circle pswp__button pswp__button--arrow--right" title="Next">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-right" viewBox="0 0 284.49 498.98"><path d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98z"/></svg>
</button>
</div>
</div>
</div>
<tool-tip data-tool-tip="">
<div class="tool-tip__inner" data-tool-tip-inner>
<button class="tool-tip__close" data-tool-tip-close=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="M19 17.61l27.12 27.13m0-27.12L19 44.74"/></svg></button>
<div class="tool-tip__content" data-tool-tip-content>
</div>
</div>
</tool-tip>
<script>
// Product slider
// Blog slider
$('.blog_slider').owlCarousel({
loop:false,
margin:20,
nav:false,
dots:false,
responsive:{
0:{
items:1,
dots:true,
loop:true,
margin:0
},
768:{
items:2
},
1026:{
items:3
}
}
});
</script>
<script>
$(document).ready(function(){ //wait for page to render so we know we can get that value
setTimeout(function(){
var affiliatevalue = ($('#papfield1')[0].innerHTML); //grab from the pap script
//console.log("affiliatevalue is " + affiliatevalue);
//console.log($('#papfield1')[0].innerHTML);
$('#affiliateInput').val(affiliatevalue); //inject it into our input field
},500);
});
</script>
<!-- Start 1P Google Ads Dynamic Remarketing -->
<script>
var productSku = meta.product.variants[0].sku;
gtag('event', 'page_view', {
'send_to': 'AW-997614262',
'google_business_vertical': 'retail',
'Id' : productSku,
'ecomm_prodid': productSku,
'dynx_itemid': productSku,
'ecomm_pagetype': 'product'
});
</script>
<!-- End 1P Google Ads Dynamic Remarketing -->
<!-- Start Klaviyo Script -->
<script type="text/javascript">
var _learnq = _learnq || [];
var classname = document.getElementsByClassName("add-to-cart");
var addToCart = function() {
_learnq.push(['track', 'Added to Cart', item]);
}; for (var I = 0; I < classname.length; I++) {
classname[I].addEventListener('click', addToCart, false);
}
</script>
<!-- End Klaviyo Script -->
<!-- Subscriptions Powered by ReCharge Payments: Begin Liquid Code -->
<!--
Subscription Theme Footer
http://rechargepayments.com: v2
Updated: 2017/09/12
-->
<script>
// Subscriptions Powered by ReCharge Payments: JavaScript
(function() {
// Basic function to load script files, will be used to include jQuery
var loadScript = function(url, callback) {
var script = document.createElement("script");
script.type = "text/javascript";
// If the browser is Internet Explorer
if (script.readyState){
script.onreadystatechange = function() {
if (script.readyState == "loaded" || script.readyState == "complete") {
script.onreadystatechange = null;
callback();
}
};
// For any other browser
} else {
script.onload = function() {
callback();
};
}
script.src = url;
document.getElementsByTagName("head")[0].appendChild(script);
};
function cartData() {
var result = null;
$.ajax({
url: '/cart.js',
type: 'GET',
dataType: 'json',
async: false,
success: function(data) {
console.log(data);
result = data.items;
}
});
return result;
}
getCartToken(cartData) {
if (!cartData) return;
return cartData?.token;
}
// This is our JavaScript that we'll run after jQuery is included
var reChargeThemeFooterJS = function($) {
function reChargeSaveCartNoteAndRedirectToCart() {
var has_cart_note_or_attribute = false;
try {
var data = {};
if ($('[name="note"]').val() != undefined) {
var note = $('[name="note"]').val();
data['note'] = note;
has_cart_note_or_attribute = true;
}
if (has_cart_note_or_attribute) {
$.ajax({
type: 'POST',
data: data,
url: '/cart/update.js',
dataType: 'json',
success: function() {
const cartData = cartData();
window.location.href = '/cart/checkout'
}
});
} else {
window.location.href = '/cart/checkout'
}
} catch (e) {
window.location.href = '/cart/checkout'
}
}
}
var checkout_button_selectors = '[href="/checkout"], form[action="/cart"] button[type="submit"], form[action="/cart"] input[type="submit"], form[action="/checkout"] input[type="submit"], form[action="/checkout"] button[type="submit"]';
$(document).on('click', checkout_button_selectors, function(e) {
if (!e.target.hasAttribute('data-disable-recharge')) {
e.preventDefault();
reChargeSaveCartNoteAndRedirectToCart();
window.location.href = '/cart/checkout'
} else {
console.info('ReCharge disabled');
}
});
}
// Check if jQuery is added, if not, then we'll loadScript, otherwise, run reChargeJS
if ((typeof(jQuery) == 'undefined') || (parseInt(jQuery.fn.jquery) == 1 && parseFloat(jQuery.fn.jquery.replace(/^1\./,"")) < 7.2)) {
// We'll get our jQuery from Google APIs
loadScript('//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js', function() {
jQuery172 = jQuery.noConflict(true);
reChargeThemeFooterJS(jQuery172);
});
} else {
reChargeThemeFooterJS(jQuery);
}
})();
</script>
<!-- Subscriptions Powered by ReCharge Payments: End Liquid Code -->
<script>
window.mwMotivatorObjects = {
product:[],
cart: {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0},
template_name: "index",
shop: {
domain: "1p-ecomm.myshopify.com",
money_format : "${{amount}}",
money_with_currency_format : "${{amount}} USD"
}
};
</script>
<!-- Back in Stock helper snippet -->
<script id="back-in-stock-helper">
var _BISConfig = _BISConfig || {};
</script>
<!-- End Back in Stock helper snippet -->
<!--Recharge Subscription Upsell Start-->
<!--Recharge Subscription Upsell End-->
<!--Gorgias Chat Widget Start-->
<script id="gorgias-chat-widget-install-v3"
src="https://config.gorgias.chat/bundle-loader/01GYCCB7YYNPEAJ1DA70KCX53J?source=shopify1click">
</script>
<script id="gorgias-chat-shopify-install">!function(_){_.SHOPIFY_PERMANENT_DOMAIN="1p-ecomm.myshopify.com",_.SHOPIFY_CUSTOMER_ID="",_.SHOPIFY_CUSTOMER_EMAIL=""}(window||{});
</script>
<!--Gorgias Chat Widget End-->
<div id="shopify-block-10148494829067693542" class="shopify-block shopify-app-block"><!-- XO-InsertCode Body -->
<!-- Start 1P Bing Mod Pixel -->
<script>
window.uetq = window.uetq || [];
window.uetq.push ('event', '', {'ecomm_prodid': meta.product.variants[0].sku, 'ecomm_pagetype': meta.page.pageType });
</script>
<!-- End 1P Bing Mod Pixel -->
<!-- End: XO-InsertCode Body -->
</div><div id="shopify-block-17151115064775110295" class="shopify-block shopify-app-block"><style data-recharge-theme='{"has_theme_customization": true, "design_mode": false }'>
.recharge-theme {
/* App */
--recharge-app-background: #F9F8F4;
--recharge-app-container: 1200px;
--recharge-app-vertical-padding: 32px;
/* Brand colors */
--recharge-color-brand: #00A7D3;
/* Tints */
--recharge-color-brand-120: #0083a6;
--recharge-color-brand-20: #33b9dc;
--recharge-color-brand-40: #66cae5;
--recharge-color-brand-60: #99dced;
--recharge-color-brand-75: #bfe9f4;
--recharge-color-brand-85: #d9f2f8;
/* Neutral */
--recharge-color-neutral: hsl(193, 35%, 7%);
--recharge-color-neutral-80: hsl(193, 7%, 25%);
--recharge-color-neutral-70: hsl(193, 5%, 35%);
--recharge-color-neutral-40: hsl(193, 3%, 63%);
--recharge-color-neutral-10: hsl(193, 2%, 91%);
/* Links */
--recharge-button-secondary: #00A7D3;
--recharge-button-secondary-120: #0083a6;
--recharge-button-secondary-60: #66cae5;
/* Images */
--recharge-images-ratio: 1;
/* Cards */
--recharge-cards-background: #FFFFFF;
--recharge-cards-border-color: RGBA(0,0,0,0);
/* Fonts */
--recharge-typography-scale: 16px;
--recharge-typography-size-1: calc(3 * var(--recharge-typography-scale));
--recharge-typography-size-2: calc(2.25 * var(--recharge-typography-scale));
--recharge-typography-size-3: calc(1.625 * var(--recharge-typography-scale));
--recharge-typography-size-4: calc(1.25 * var(--recharge-typography-scale));
--recharge-typography-size-5: calc(1 * var(--recharge-typography-scale));
--recharge-typography-size-6: calc(.875 * var(--recharge-typography-scale));
/** Text **/
--recharge-typography-light: #FFFFFF;
--recharge-typography-primary: var(--recharge-color-neutral);
--recharge-typography-secondary: var(--recharge-color-neutral-70);
/* Corners */
--recharge-corners-radius: 0px;
--recharge-button-border-radius: 0px;
/* Views */
--recharge-views-background: #F9F8F4;
/* Buttons */
--recharge-button-font-family: inherit;
--recharge-button-brand: var(--recharge-color-brand);
--recharge-button-color: #FFFFFF;
}
</style>
</div></body>
</html>