Chromag Bikes

<!doctype html> <html class="no-js" lang="en" ><head> <script type="application/vnd.locksmith+json" data-locksmith>{"version":"v201","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":"08a540197ae092bfbe3177eaa3b7d8bf811a612bb91980c88bde5479345c93d8","state":{"template":"index","theme":143685419140,"product":null,"collection":null,"page":null,"blog":null,"article":null,"app":null},"now":1743908936,"path":"\/","locale_root_url":"\/","canonical_url":"https:\/\/chromagbikes.com\/","customer_id":null,"customer_id_signature":"08a540197ae092bfbe3177eaa3b7d8bf811a612bb91980c88bde5479345c93d8","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++,a=e.jsonpCallback||"callback",o=e.jsonpCallbackName||reqwest.getcallbackPrefix(r),i=new RegExp("((^|[?]|&)"+a+")=([^&]+)"),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="+o):o=l[3]:s=urlappend(s,a+"="+o),context[o]=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(),a="string"==typeof s?s:s.url,o=!1!==s.processData&&s.data&&"string"!=typeof s.data?reqwest.toQueryString(s.data):s.data||null,i=!1;return("jsonp"==s.type||"GET"==r)&&o&&(a=urlappend(a,o),o=null),"jsonp"==s.type?handleJsonp(s,e,t,a):((n=s.xhr&&s.xhr(s)||xhr(s)).open(r,a,!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(o)},200):n.send(o),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,a,o=e.name,i=e.tagName.toLowerCase(),l=function(e){e&&!e.disabled&&t(o,normalize(e.attributes.value&&e.attributes.value.specified?e.value:e.text))};if(!e.disabled&&o)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(o,normalize(n&&""===r?"on":r)));break;case"textarea":t(o,normalize(e.value));break;case"select":if("select-one"===e.type.toLowerCase())l(0<=e.selectedIndex?e.options[e.selectedIndex]:null);else for(a=0;e.length&&a<e.length;a++)e.options[a].selected&&l(e.options[a])}}function eachFormElement(){var e,t,a=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],a)};for(t=0;t<arguments.length;t++)e=arguments[t],/input|select|textarea/i.test(e.tagName)&&serial(e,a),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,a,o,i=/\[\]$/;if(isArray(t))for(a=0;t&&a<t.length;a++)o=t[a],n||i.test(e)?s(e,o):buildParams(e+"["+("object"==typeof o?a:"")+"]",o,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,a=[],o=encodeURIComponent,i=function(e,t){t="function"==typeof t?t():null==t?"":t,a[a.length]=o(e)+"="+o(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 a.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 o=window.Locksmith={},e=document.querySelector('script[type="application/vnd.locksmith+json"]'),n=e&&e.innerHTML;if(o.state={},o.util={},o.loading=!1,n)try{o.state=JSON.parse(n)}catch(u){}if(document.addEventListener&&document.querySelector){var s,r,a,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(a),r.shift(),0<r.length)return void(a=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)}})}o.isEmbedded=-1!==window.location.search.indexOf("_ab=0&_fd=0&_sc=1"),o.path=o.state.path||window.location.pathname,o.basePath=o.state.locale_root_url.concat("/apps/locksmith").replace(/^\/\//,"/"),o.reloading=!1,o.util.console=window.console||{log:function(){},error:function(){}},o.util.makeUrl=function(e,t){var n,s=o.basePath+e,r=[],a=o.cache();for(n in a)r.push(n+"="+encodeURIComponent(a[n]));for(n in t)r.push(n+"="+encodeURIComponent(t[n]));return o.state.customer_id&&(r.push("customer_id="+encodeURIComponent(o.state.customer_id)),r.push("customer_id_signature="+encodeURIComponent(o.state.customer_id_signature))),s+=(-1===s.indexOf("?")?"?":"&")+r.join("&")},o._initializeCallbacks=[],o.on=function(e,t){if("initialize"!==e)throw'Locksmith.on() currently only supports the "initialize" event';o._initializeCallbacks.push(t)},o.initializeSession=function(e){if(!o.isEmbedded){var t=!1,n=!0,s=!0;(e=e||{}).silent&&(s=n=!(t=!0)),o.ping({silent:t,spinner:n,reload:s,callback:function(){o._initializeCallbacks.forEach(function(e){e()})}})}},o.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},o.cache.cart=o.state.cart,o.cache.cartLastSaved=null,o.params=o.cache(),o.util.reload=function(){o.reloading=!0;try{window.location.href=window.location.href.replace(/#.*/,"")}catch(u){o.util.console.error("Preferred reload method failed",u),window.location.reload()}},o.cache.saveCart=function(e){if(!o.cache.cart||o.cache.cart===o.cache.cartLastSaved)return e?e():null;var t=o.cache.cartLastSaved;o.cache.cartLastSaved=o.cache.cart,reqwest({url:"/cart/update.json",method:"post",type:"json",data:{attributes:{locksmith:o.cache.cart}},complete:e,error:function(e){if(o.cache.cartLastSaved=t,!o.reloading)throw e}})},o.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>',o.util.clobberBody=function(e){document.body.innerHTML=e},o.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)},o.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}},o.util.on=function(e,a,o,t){t=t||document;var i="locksmith-"+e+a,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(a)||"string"==typeof r&&-1!==r.split(/\s+/).indexOf(a))&&!e[i]&&(e[i]=!0,o(e))};t.attachEvent?t.attachEvent(e,n):t.addEventListener(e,n,!1)},o.util.enableActions=function(e){o.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,o.post("/action",t.dataset.locksmithParams,{spinner:!1,type:"text",success:function(e){(e=JSON.parse(e.responseText)).message&&alert(e.message),o.util.reload()}}))},e)},o.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,a,o=e.querySelectorAll("script");for(a=0;a<o.length;++a){r=o[a];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()},o.post=function(e,t,n){!1!==(n=n||{}).spinner&&o.util.clobberBody(o.util.spinnerHTML);var s={};n.container===document?(s.layout=1,n.success=function(e){document.getElementById(n.container);o.util.clobberDocument(e)}):n.container&&(s.layout=0,n.success=function(e){var t=document.getElementById(n.container);o.util.inject(t,e),t.id===t.firstChild.id&&t.parentElement.replaceChild(t.firstChild,t)}),n.form_type&&(t.form_type=n.form_type),n.include_layout_classes!==undefined&&(t.include_layout_classes=n.include_layout_classes),n.lock_id!==undefined&&(t.lock_id=n.lock_id),o.loading=!0;var r=o.util.makeUrl(e,s);reqwest({url:r,method:"post",type:n.type||"html",data:t,complete:function(){o.loading=!1},error:function(e){if(!o.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||o.util.clobberDocument})},o.postResource=function(e,t){e.path=o.path,e.search=window.location.search,e.state=o.state,e.passcode&&(e.passcode=e.passcode.trim()),e.email&&(e.email=e.email.trim()),e.state.cart=o.cache.cart,e.locksmith_json=o.jsonTag,e.locksmith_json_signature=o.jsonTagSignature,o.post("/resource",e,t)},o.ping=function(e){if(!o.isEmbedded){e=e||{};var t=function(){e.reload?o.util.reload():"function"==typeof e.callback&&e.callback()};o.post("/ping",{path:o.path,search:window.location.search,state:o.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&&o.showMessages(e.messages),e.cart&&o.cache.cart!==e.cart?(o.cache.cart=e.cart,o.cache.saveCart(function(){t(),e.cart&&e.cart.match(/^.+:/)&&o.util.reload()})):t()}})}},o.timeoutMonitor=function(){var e=o.cache.cart;o.ping({callback:function(){e!==o.cache.cart||setTimeout(function(){o.timeoutMonitor()},6e4)}})},o.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),o.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"}),o.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\":\"v201\",\"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\":\"08a540197ae092bfbe3177eaa3b7d8bf811a612bb91980c88bde5479345c93d8\",\"state\":{\"template\":\"index\",\"theme\":143685419140,\"product\":null,\"collection\":null,\"page\":null,\"blog\":null,\"article\":null,\"app\":null},\"now\":1743908936,\"path\":\"\\\/\",\"locale_root_url\":\"\\\/\",\"canonical_url\":\"https:\\\/\\\/chromagbikes.com\\\/\",\"customer_id\":null,\"customer_id_signature\":\"08a540197ae092bfbe3177eaa3b7d8bf811a612bb91980c88bde5479345c93d8\",\"cart\":null}\u003c\/script\u003e";Locksmith.jsonTagSignature="3571235f75c8ff3b77f80227b3353a6711ae309d610d6cf8a0f4abd052e64abc"</script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P5BKNGX6');</script>  <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,viewport-fit=cover"> <meta name="theme-color" content="#585e71"><link rel="canonical" href="https://chromagbikes.com/">  <link rel="preconnect" href="https://fonts.shopify.com" crossorigin> <link rel="preload" href="//chromagbikes.com/cdn/fonts/century_gothic/centurygothic_n4.ad57dd3bb953e5ec072f848ba96048738158e9b0.woff2?h10=c2cuY2hyb21hZ2Jpa2VzLmNvbQ&h11=cGguY2hyb21hZ2Jpa2VzLmNvbQ&h12=cGUuY2hyb21hZ2Jpa2VzLmNvbQ&h13=bm8uY2hyb21hZ2Jpa2VzLmNvbQ&h14=bnouY2hyb21hZ2Jpa2VzLmNvbQ&h15=bXguY2hyb21hZ2Jpa2VzLmNvbQ&h16=anAuY2hyb21hZ2Jpa2VzLmNvbQ&h17=aWwuY2hyb21hZ2Jpa2VzLmNvbQ&h18=aGsuY2hyb21hZ2Jpa2VzLmNvbQ&h19=Y24uY2hyb21hZ2Jpa2VzLmNvbQ&h1=Y2hyb21hZ2Jpa2VzLmNh&h20=ZGsuY2hyb21hZ2Jpa2VzLmNvbQ&h21=Y2guY2hyb21hZ2Jpa2VzLmNvbQ&h22=dXMuY2hyb21hZ2Jpa2VzLmNvbQ&h23=Y2hyb21hZy5jYQ&h24=Y2hyb21hZ2Jpa2VzLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h25=YWNjb3VudC5jaHJvbWFnYmlrZXMuY29t&h2=Y2hyb21hZ2Jpa2VzLmNvbQ&h3=c3RvcmUuY2hyb21hZ2Jpa2VzLmNvbQ&h4=dWsuY2hyb21hZ2Jpa2VzLmNvbQ&h5=c2UuY2hyb21hZ2Jpa2VzLmNvbQ&h6=Y2EuY2hyb21hZ2Jpa2VzLmNvbQ&h7=YXUuY2hyb21hZ2Jpa2VzLmNvbQ&h8=Y2wuY2hyb21hZ2Jpa2VzLmNvbQ&h9=a3IuY2hyb21hZ2Jpa2VzLmNvbQ&hmac=2884caaa47ae582457bffb96922ad99d498865b12ef786992bc5ea92859321e2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="//chromagbikes.com/cdn/fonts/montserrat/montserrat_n9.ddaed62de62f3d3d87e64f4d0463dca05fc9c8e4.woff2?h10=c2cuY2hyb21hZ2Jpa2VzLmNvbQ&h11=cGguY2hyb21hZ2Jpa2VzLmNvbQ&h12=cGUuY2hyb21hZ2Jpa2VzLmNvbQ&h13=bm8uY2hyb21hZ2Jpa2VzLmNvbQ&h14=bnouY2hyb21hZ2Jpa2VzLmNvbQ&h15=bXguY2hyb21hZ2Jpa2VzLmNvbQ&h16=anAuY2hyb21hZ2Jpa2VzLmNvbQ&h17=aWwuY2hyb21hZ2Jpa2VzLmNvbQ&h18=aGsuY2hyb21hZ2Jpa2VzLmNvbQ&h19=Y24uY2hyb21hZ2Jpa2VzLmNvbQ&h1=Y2hyb21hZ2Jpa2VzLmNh&h20=ZGsuY2hyb21hZ2Jpa2VzLmNvbQ&h21=Y2guY2hyb21hZ2Jpa2VzLmNvbQ&h22=dXMuY2hyb21hZ2Jpa2VzLmNvbQ&h23=Y2hyb21hZy5jYQ&h24=Y2hyb21hZ2Jpa2VzLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h25=YWNjb3VudC5jaHJvbWFnYmlrZXMuY29t&h2=Y2hyb21hZ2Jpa2VzLmNvbQ&h3=c3RvcmUuY2hyb21hZ2Jpa2VzLmNvbQ&h4=dWsuY2hyb21hZ2Jpa2VzLmNvbQ&h5=c2UuY2hyb21hZ2Jpa2VzLmNvbQ&h6=Y2EuY2hyb21hZ2Jpa2VzLmNvbQ&h7=YXUuY2hyb21hZ2Jpa2VzLmNvbQ&h8=Y2wuY2hyb21hZ2Jpa2VzLmNvbQ&h9=a3IuY2hyb21hZ2Jpa2VzLmNvbQ&hmac=4b47fac9a87bc5d4f6d0590a5cffa7a18b7000e0a1f1fe806f763e55b9e102a4" as="font" type="font/woff2" crossorigin> <link rel="preload" href="//chromagbikes.com/cdn/fonts/century_gothic/centurygothic_n7.9c88796e9511a086b9c0038824e3fcaa4e104f7d.woff2?h10=c2cuY2hyb21hZ2Jpa2VzLmNvbQ&h11=cGguY2hyb21hZ2Jpa2VzLmNvbQ&h12=cGUuY2hyb21hZ2Jpa2VzLmNvbQ&h13=bm8uY2hyb21hZ2Jpa2VzLmNvbQ&h14=bnouY2hyb21hZ2Jpa2VzLmNvbQ&h15=bXguY2hyb21hZ2Jpa2VzLmNvbQ&h16=anAuY2hyb21hZ2Jpa2VzLmNvbQ&h17=aWwuY2hyb21hZ2Jpa2VzLmNvbQ&h18=aGsuY2hyb21hZ2Jpa2VzLmNvbQ&h19=Y24uY2hyb21hZ2Jpa2VzLmNvbQ&h1=Y2hyb21hZ2Jpa2VzLmNh&h20=ZGsuY2hyb21hZ2Jpa2VzLmNvbQ&h21=Y2guY2hyb21hZ2Jpa2VzLmNvbQ&h22=dXMuY2hyb21hZ2Jpa2VzLmNvbQ&h23=Y2hyb21hZy5jYQ&h24=Y2hyb21hZ2Jpa2VzLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h25=YWNjb3VudC5jaHJvbWFnYmlrZXMuY29t&h2=Y2hyb21hZ2Jpa2VzLmNvbQ&h3=c3RvcmUuY2hyb21hZ2Jpa2VzLmNvbQ&h4=dWsuY2hyb21hZ2Jpa2VzLmNvbQ&h5=c2UuY2hyb21hZ2Jpa2VzLmNvbQ&h6=Y2EuY2hyb21hZ2Jpa2VzLmNvbQ&h7=YXUuY2hyb21hZ2Jpa2VzLmNvbQ&h8=Y2wuY2hyb21hZ2Jpa2VzLmNvbQ&h9=a3IuY2hyb21hZ2Jpa2VzLmNvbQ&hmac=41724e80c94550fcdc177e8c4e2202ebced4458d35791b928e2b8f3b0788f0ea" as="font" type="font/woff2" crossorigin> <link rel="shortcut icon" href="//chromagbikes.com/cdn/shop/files/Bear-Favicon_32x32.png?v=1613166796" type="image/png"> <title> Chromag Bikes </title><meta name="description" content="Chromag Bikes. Quality bicycle frames and components from BC, Canada."> <meta property="og:site_name" content="Chromag Bikes"> <meta property="og:url" content="https://chromagbikes.com/"><meta property="og:title" content="Chromag Bikes"> <meta property="og:type" content="website"> <meta property="og:description" content="Chromag Bikes. Quality bicycle frames and components from BC, Canada."> <meta property="og:image" content="http://chromagbikes.com/cdn/shop/files/chromag-social-meta_eb9b9ba7-76c8-4765-b782-3b013e76f25f.jpg?v=1630003842"> <meta property="og:image:secure_url" content="https://chromagbikes.com/cdn/shop/files/chromag-social-meta_eb9b9ba7-76c8-4765-b782-3b013e76f25f.jpg?v=1630003842"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="628"> <meta name="twitter:site" content="@"> <meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Chromag Bikes"> <meta name="twitter:description" content="Chromag Bikes. Quality bicycle frames and components from BC, Canada.">  <link href="//chromagbikes.com/cdn/shop/t/121/assets/font-settings.css?v=121360102847379892431736992871" rel="stylesheet" type="text/css" media="all" />  <style data-shopify> :root { /* ================ Layout Variables ================ */ --LAYOUT-WIDTH: 1400px; --LAYOUT-GUTTER: 24px; --LAYOUT-GUTTER-OFFSET: -24px; --NAV-GUTTER: 15px; --LAYOUT-OUTER: 50px; /* ================ Product video ================ */ --COLOR-VIDEO-BG: #f2f2f2; /* ================ Color Variables ================ */ /* === Backgrounds ===*/ --COLOR-BG: #ffffff; --COLOR-BG-ACCENT: #f7f7f7; /* === Text colors ===*/ --COLOR-TEXT-DARK: #000000; --COLOR-TEXT: #000000; --COLOR-TEXT-LIGHT: #4d4d4d; /* === Bright color ===*/ --COLOR-PRIMARY: #4bb4eb; --COLOR-PRIMARY-HOVER: #0698e4; --COLOR-PRIMARY-FADE: rgba(75, 180, 235, 0.05); --COLOR-PRIMARY-FADE-HOVER: rgba(75, 180, 235, 0.1);--COLOR-PRIMARY-OPPOSITE: #ffffff; /* === Secondary/link Color ===*/ --COLOR-SECONDARY: #585e71; --COLOR-SECONDARY-HOVER: #2d354f; --COLOR-SECONDARY-FADE: rgba(88, 94, 113, 0.05); --COLOR-SECONDARY-FADE-HOVER: rgba(88, 94, 113, 0.1);--COLOR-SECONDARY-OPPOSITE: #ffffff; /* === Shades of grey ===*/ --COLOR-A5: rgba(0, 0, 0, 0.05); --COLOR-A10: rgba(0, 0, 0, 0.1); --COLOR-A20: rgba(0, 0, 0, 0.2); --COLOR-A35: rgba(0, 0, 0, 0.35); --COLOR-A50: rgba(0, 0, 0, 0.5); --COLOR-A80: rgba(0, 0, 0, 0.8); --COLOR-A90: rgba(0, 0, 0, 0.9); --COLOR-A95: rgba(0, 0, 0, 0.95); /* ================ Inverted Color Variables ================ */ --INVERSE-BG: #2e3438; --INVERSE-BG-ACCENT: #222324; /* === Text colors ===*/ --INVERSE-TEXT-DARK: #ffffff; --INVERSE-TEXT: #ffffff; --INVERSE-TEXT-LIGHT: #c0c2c3; /* === Bright color ===*/ --INVERSE-PRIMARY: #19a47f; --INVERSE-PRIMARY-HOVER: #076a50; --INVERSE-PRIMARY-FADE: rgba(25, 164, 127, 0.05); --INVERSE-PRIMARY-FADE-HOVER: rgba(25, 164, 127, 0.1);--INVERSE-PRIMARY-OPPOSITE: #000000; /* === Second Color ===*/ --INVERSE-SECONDARY: #c6dae5; --INVERSE-SECONDARY-HOVER: #86bcd9; --INVERSE-SECONDARY-FADE: rgba(198, 218, 229, 0.05); --INVERSE-SECONDARY-FADE-HOVER: rgba(198, 218, 229, 0.1);--INVERSE-SECONDARY-OPPOSITE: #000000; /* === Shades of grey ===*/ --INVERSE-A5: rgba(255, 255, 255, 0.05); --INVERSE-A10: rgba(255, 255, 255, 0.1); --INVERSE-A20: rgba(255, 255, 255, 0.2); --INVERSE-A35: rgba(255, 255, 255, 0.3); --INVERSE-A80: rgba(255, 255, 255, 0.8); --INVERSE-A90: rgba(255, 255, 255, 0.9); --INVERSE-A95: rgba(255, 255, 255, 0.95); /* ================ Bright Color Variables ================ */ --BRIGHT-BG: #4bb4eb; --BRIGHT-BG-ACCENT: #2693cf; /* === Text colors ===*/ --BRIGHT-TEXT-DARK: #ffffff; --BRIGHT-TEXT: #ffffff; --BRIGHT-TEXT-LIGHT: #c9e9f9; /* === Bright color ===*/ --BRIGHT-PRIMARY: #4bb4eb; --BRIGHT-PRIMARY-HOVER: #0698e4; --BRIGHT-PRIMARY-FADE: rgba(75, 180, 235, 0.05); --BRIGHT-PRIMARY-FADE-HOVER: rgba(75, 180, 235, 0.1);--BRIGHT-PRIMARY-OPPOSITE: #000000; /* === Second Color ===*/ --BRIGHT-SECONDARY: #5bf3cd; --BRIGHT-SECONDARY-HOVER: #02ffc0; --BRIGHT-SECONDARY-FADE: rgba(91, 243, 205, 0.05); --BRIGHT-SECONDARY-FADE-HOVER: rgba(91, 243, 205, 0.1);--BRIGHT-SECONDARY-OPPOSITE: #000000; /* === Shades of grey ===*/ --BRIGHT-A5: rgba(255, 255, 255, 0.05); --BRIGHT-A10: rgba(255, 255, 255, 0.1); --BRIGHT-A20: rgba(255, 255, 255, 0.2); --BRIGHT-A35: rgba(255, 255, 255, 0.3); --BRIGHT-A80: rgba(255, 255, 255, 0.8); --BRIGHT-A90: rgba(255, 255, 255, 0.9); --BRIGHT-A95: rgba(255, 255, 255, 0.95); /* === Account Bar ===*/ --COLOR-ANNOUNCEMENT-BG: #000000; --COLOR-ANNOUNCEMENT-TEXT: #f7f7f7; /* === Nav and dropdown link background ===*/ --COLOR-NAV: #2e3438; --COLOR-NAV-TEXT: #f7f7f7; --COLOR-NAV-TEXT-DARK: #d7cbcb; --COLOR-NAV-TEXT-LIGHT: #bbbcbe; --COLOR-NAV-BORDER: #d7d7d7; --COLOR-NAV-A10: rgba(247, 247, 247, 0.1); --COLOR-NAV-A50: rgba(247, 247, 247, 0.5); --COLOR-HIGHLIGHT-LINK: #ff0000; /* === Site Footer ===*/ --COLOR-FOOTER-BG: #232323; --COLOR-FOOTER-TEXT: #ffffff; --COLOR-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-FOOTER-A90: rgba(255, 255, 255, 0.9); /* === Sub-Footer ===*/ --COLOR-SUB-FOOTER-BG: #000000; --COLOR-SUB-FOOTER-TEXT: #ffffff; --COLOR-SUB-FOOTER-A5: rgba(255, 255, 255, 0.05); --COLOR-SUB-FOOTER-A15: rgba(255, 255, 255, 0.15); --COLOR-SUB-FOOTER-A90: rgba(255, 255, 255, 0.9); /* === Products ===*/ --PRODUCT-GRID-ASPECT-RATIO: 100%; /* === Product badges ===*/ --COLOR-BADGE: #4bb4eb; --COLOR-BADGE-TEXT: #ffffff; --COLOR-BADGE-TEXT-DARK: #d9d9d9; --COLOR-BADGE-TEXT-HOVER: #ffffff; --COLOR-BADGE-HAIRLINE: #54b8ec; /* === Product item slider ===*/--COLOR-PRODUCT-SLIDER: #4bb4eb;--COLOR-PRODUCT-SLIDER-OPPOSITE: rgba(255, 255, 255, 0.06);/* === disabled form colors ===*/ --COLOR-DISABLED-BG: #e6e6e6; --COLOR-DISABLED-TEXT: #a6a6a6; --INVERSE-DISABLED-BG: #43484c; --INVERSE-DISABLED-TEXT: #777b7e; /* === Tailwind RGBA Palette ===*/ --RGB-CANVAS: 255 255 255; --RGB-CONTENT: 0 0 0; --RGB-PRIMARY: 75 180 235; --RGB-SECONDARY: 88 94 113; --RGB-DARK-CANVAS: 46 52 56; --RGB-DARK-CONTENT: 255 255 255; --RGB-DARK-PRIMARY: 25 164 127; --RGB-DARK-SECONDARY: 198 218 229; --RGB-BRIGHT-CANVAS: 75 180 235; --RGB-BRIGHT-CONTENT: 255 255 255; --RGB-BRIGHT-PRIMARY: 75 180 235; --RGB-BRIGHT-SECONDARY: 91 243 205; --RGB-PRIMARY-CONTRAST: 255 255 255; --RGB-SECONDARY-CONTRAST: 255 255 255; --RGB-DARK-PRIMARY-CONTRAST: 0 0 0; --RGB-DARK-SECONDARY-CONTRAST: 0 0 0; --RGB-BRIGHT-PRIMARY-CONTRAST: 0 0 0; --RGB-BRIGHT-SECONDARY-CONTRAST: 0 0 0; /* === Button Radius === */ --BUTTON-RADIUS: 2px; /* === Icon Stroke Width === */ --ICON-STROKE-WIDTH: 2px; /* ================ Typography ================ */ --FONT-STACK-BODY: "Century Gothic", sans-serif; --FONT-STYLE-BODY: normal; --FONT-WEIGHT-BODY: 400; --FONT-WEIGHT-BODY-BOLD: 700; --FONT-ADJUST-BODY: 0.95; --FONT-BODY-TRANSFORM: none; --FONT-BODY-LETTER-SPACING: normal; --FONT-STACK-HEADING: Montserrat, sans-serif; --FONT-STYLE-HEADING: normal; --FONT-WEIGHT-HEADING: 900; --FONT-WEIGHT-HEADING-BOLD: 700; --FONT-ADJUST-HEADING: 0.9; --FONT-HEADING-TRANSFORM: uppercase; --FONT-HEADING-LETTER-SPACING: 0.12em; --FONT-STACK-ACCENT: "Century Gothic", sans-serif; --FONT-STYLE-ACCENT: normal; --FONT-WEIGHT-ACCENT: 700; --FONT-WEIGHT-ACCENT-BOLD: 700; --FONT-ADJUST-ACCENT: 1.05; --FONT-ACCENT-TRANSFORM: uppercase; --FONT-ACCENT-LETTER-SPACING: 0.12em; --TYPE-STACK-NAV: "Century Gothic", sans-serif; --TYPE-STYLE-NAV: normal; --TYPE-ADJUST-NAV: 0.95; --TYPE-WEIGHT-NAV: 400; --FONT-NAV-TRANSFORM: uppercase; --FONT-NAV-LETTER-SPACING: 0.12em; --TYPE-STACK-BUTTON: "Century Gothic", sans-serif; --TYPE-STYLE-BUTTON: normal; --TYPE-ADJUST-BUTTON: 1.05; --TYPE-WEIGHT-BUTTON: 700; --FONT-BUTTON-TRANSFORM: uppercase; --FONT-BUTTON-LETTER-SPACING: 0.12em; --TYPE-STACK-KICKER: "Century Gothic", sans-serif; --TYPE-STYLE-KICKER: normal; --TYPE-ADJUST-KICKER: 1.05; --TYPE-WEIGHT-KICKER: 700; --FONT-KICKER-TRANSFORM: uppercase; --FONT-KICKER-LETTER-SPACING: 0.12em; --ICO-SELECT: url('//chromagbikes.com/cdn/shop/t/121/assets/ico-select.svg?v=35922737833055407981736993073'); /* ================ Photo correction ================ */ --PHOTO-CORRECTION: 98%; } /* ================ Typography ================ */ /* ================ type-scale.com ============ */ /* 1.16 base 13 */ :root { --font-1: 10px; --font-2: 11.3px; --font-3: 12px; --font-4: 13px; --font-5: 15.5px; --font-6: 17px; --font-7: 20px; --font-8: 23.5px; --font-9: 27px; --font-10:32px; --font-11:37px; --font-12:43px; --font-13:49px; --font-14:57px; --font-15:67px; } /* 1.175 base 13.5 */ @media only screen and (min-width: 480px) and (max-width: 1099px) { :root { --font-1: 10px; --font-2: 11.5px; --font-3: 12.5px; --font-4: 13.5px; --font-5: 16px; --font-6: 18px; --font-7: 21px; --font-8: 25px; --font-9: 29px; --font-10:34px; --font-11:40px; --font-12:47px; --font-13:56px; --font-14:65px; --font-15:77px; } } /* 1.22 base 14.5 */ @media only screen and (min-width: 1100px) { :root { --font-1: 10px; --font-2: 11.5px; --font-3: 13px; --font-4: 14.5px; --font-5: 17.5px; --font-6: 22px; --font-7: 26px; --font-8: 32px; --font-9: 39px; --font-10:48px; --font-11:58px; --font-12:71px; --font-13:87px; --font-14:106px; --font-15:129px; } } </style> <link href="//chromagbikes.com/cdn/shop/t/121/assets/theme.css?v=129097965204830068481739319044" rel="stylesheet" type="text/css" media="all" /> <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); document.documentElement.classList.add('aos-initialized');let root = '/'; if (root[root.length - 1] !== '/') { root = `${root}/`; } var theme = { routes: { root_url: root, cart: '/cart', cart_add_url: '/cart/add', product_recommendations_url: '/recommendations/products', account_addresses_url: '/account/addresses', predictive_search_url: '/search/suggest' }, state: { cartOpen: null, }, sizes: { small: 480, medium: 768, large: 1100, widescreen: 1400 }, assets: { photoswipe: '//chromagbikes.com/cdn/shop/t/121/assets/photoswipe.js?v=169308975333299535361736993108', smoothscroll: '//chromagbikes.com/cdn/shop/t/121/assets/smoothscroll.js?v=37906625415260927261736992871', swatches: '//chromagbikes.com/cdn/shop/t/121/assets/swatches.json?v=55058409164867163491742512089', noImage: '//chromagbikes.com/cdn/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif', base: '//chromagbikes.com/cdn/shop/t/121/assets/' }, strings: { swatchesKey: "Color, Colour", addToCart: "Add to Cart", estimateShipping: "Estimate shipping", noShippingAvailable: "We do not ship to this destination.", free: "Free", from: "From", preOrder: "Pre-order", soldOut: "Sold Out", sale: "Sale", subscription: "Subscription", unavailable: "Unavailable", unitPrice: "Unit price", unitPriceSeparator: "per", stockout: "All available stock is in cart", products: "Products", pages: "Pages", collections: "Collections", resultsFor: "Results for", noResultsFor: "No results for", articles: "Articles", successMessage: "Link copied to clipboard", }, settings: { badge_sale_type: "percentage", animate_hover: true, animate_scroll: true, show_locale_desktop: null, show_locale_mobile: null, show_currency_desktop: null, show_currency_mobile: null, currency_select_type: "country", currency_code_enable: true, cycle_images_hover_delay: 1.5 }, info: { name: 'pipeline' }, version: '7.5.0', moneyFormat: "${{amount}}", shopCurrency: "CAD", currencyCode: "CAD" } let windowInnerHeight = window.innerHeight; document.documentElement.style.setProperty('--full-screen', `${windowInnerHeight}px`); document.documentElement.style.setProperty('--three-quarters', `${windowInnerHeight * 0.75}px`); document.documentElement.style.setProperty('--two-thirds', `${windowInnerHeight * 0.66}px`); document.documentElement.style.setProperty('--one-half', `${windowInnerHeight * 0.5}px`); document.documentElement.style.setProperty('--one-third', `${windowInnerHeight * 0.33}px`); document.documentElement.style.setProperty('--one-fifth', `${windowInnerHeight * 0.2}px`); window.isRTL = document.documentElement.getAttribute('dir') === 'rtl'; </script> <script src="//chromagbikes.com/cdn/shop/t/121/assets/vendor.js?v=69555399850987115801736993111" defer="defer"></script> <script src="//chromagbikes.com/cdn/shop/t/121/assets/theme.js?v=141501088143975033131736993110" defer="defer"></script> <script> (function () { function onPageShowEvents() { if ('requestIdleCallback' in window) { requestIdleCallback(initCartEvent, { timeout: 500 }) } else { initCartEvent() } function initCartEvent(){ window.fetch(window.theme.routes.cart + '.js') .then((response) => { if(!response.ok){ throw {status: response.statusText}; } return response.json(); }) .then((response) => { document.dispatchEvent(new CustomEvent('theme:cart:change', { detail: { cart: response, }, bubbles: true, })); return response; }) .catch((e) => { console.error(e); }); } }; window.onpageshow = onPageShowEvents; })(); </script> <script type="text/javascript"> if (window.MSInputMethodContext && document.documentMode) { var scripts = document.getElementsByTagName('script')[0]; var polyfill = document.createElement("script"); polyfill.defer = true; polyfill.src = "//chromagbikes.com/cdn/shop/t/121/assets/ie11.js?v=144489047535103983231736992871"; scripts.parentNode.insertBefore(polyfill, scripts); } </script>  <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="G3m4FzoxDJtnTw2khzXghSo4jLCRLJFrkRvG8OXb8ow"> <meta name="facebook-domain-verification" content="x3xqxr1el1vji9y1pbxnntvy68jbx3"> <meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/5227839586/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="9d8a948f9d903b0b0b1ae566f1d96ddb"> <link rel="alternate" hreflang="x-default" href="https://chromagbikes.com/"> <link rel="alternate" hreflang="en-AU" href="https://au.chromagbikes.com/"> <link rel="alternate" hreflang="en-CH" href="https://ch.chromagbikes.com/"> <link rel="alternate" hreflang="en-CA" href="https://chromagbikes.com/"> <link rel="alternate" hreflang="en-CN" href="https://cn.chromagbikes.com/"> <link rel="alternate" hreflang="en-MX" href="https://mx.chromagbikes.com/"> <link rel="alternate" hreflang="en-NZ" href="https://nz.chromagbikes.com/"> <link rel="alternate" hreflang="en-GB" href="https://uk.chromagbikes.com/"> <link rel="alternate" hreflang="en-US" href="https://us.chromagbikes.com/"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-CA"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-CA&shop_id=5227839586" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":5227839586,"countryCode":"CA","currencyCode":"CAD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/5227839586","merchantName":"Chromag Bikes","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","interac","jcb"],"total":{"type":"pending","label":"Chromag Bikes","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"9d8a948f9d903b0b0b1ae566f1d96ddb","betas":["rich-media-storefront-analytics"],"domain":"chromagbikes.com","predictiveSearch":true,"shopId":5227839586,"smart_payment_buttons_url":"https:\/\/chromagbikes.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/chromagbikes.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "chromagbikes.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"CAD","rate":"1.0"}; Shopify.country = "CA"; Shopify.theme = {"name":"Pipeline - nested blocks 16JAN2024 [LIVE]","id":143685419140,"schema_name":"Pipeline","schema_version":"7.5.0","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "chromagbikes.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>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_B01Uuy6a.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js"],"init-windoid":["modules/v2/client.init-windoid_Dmy5w_G9.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_CI_P12tx.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_BZ9ixfpW.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_Bt96lnTm.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js","modules/v2/chunk.modal_Dh4Gio6z.esm.js"],"pay-button":["modules/v2/client.pay-button_BVP3l8eA.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_D9O2kiJW.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js","modules/v2/chunk.modal_Dh4Gio6z.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_B3hqt8Il.en.esm.js","modules/v2/client.shop-login-button_B4xlP_m0.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js","modules/v2/chunk.modal_Dh4Gio6z.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_Bp0SDXFf.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js","modules/v2/chunk.modal_Dh4Gio6z.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_B4xlP_m0.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js","modules/v2/chunk.modal_Dh4Gio6z.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_C4ZlNjPl.en.esm.js","modules/v2/client.shop-login-button_B4xlP_m0.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js","modules/v2/chunk.modal_Dh4Gio6z.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_BqBvHWDR.en.esm.js","modules/v2/client.shop-login-button_B4xlP_m0.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js","modules/v2/chunk.modal_Dh4Gio6z.esm.js"],"lead-capture":["modules/v2/client.lead-capture_DnLSfEUf.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js","modules/v2/chunk.modal_Dh4Gio6z.esm.js"],"payment-terms":["modules/v2/client.payment-terms_DVVCn4Av.en.esm.js","modules/v2/chunk.common_BwDzK4wQ.esm.js","modules/v2/chunk.modal_Dh4Gio6z.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/formbuilder.hulkapps.com\/skeletopapp.js?shop=chromagbikes.myshopify.com","https:\/\/metizapps.com\/notificationbar\/assets\/js\/app.js?shop=chromagbikes.myshopify.com","https:\/\/static.klaviyo.com\/onsite\/js\/klaviyo.js?company_id=QQG83N\u0026shop=chromagbikes.myshopify.com","https:\/\/static.klaviyo.com\/onsite\/js\/klaviyo.js?company_id=QQG83N\u0026shop=chromagbikes.myshopify.com","https:\/\/storelocator.metizapps.com\/assets\/js\/zipcode.js?shop=chromagbikes.myshopify.com","https:\/\/cdn1.judge.me\/assets\/installed.js?shop=chromagbikes.myshopify.com","https:\/\/app-visitor-counter.carecart.io\/lib\/visitorcounter.js?shop=chromagbikes.myshopify.com","https:\/\/cdn.nfcube.com\/instafeed-dc3a2cdcf512dee06e48936f6755f6c4.js?shop=chromagbikes.myshopify.com","\/\/app.backinstock.org\/widget\/25622_1739946988.js?category=bis\u0026v=6\u0026shop=chromagbikes.myshopify.com","https:\/\/cdn.hextom.com\/js\/freeshippingbar.js?shop=chromagbikes.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":5227839586,"offset":-25200,"reqid":"ae4f28a0-31d6-48bc-a96d-c20c1d7359c8-1743908936","pageurl":"chromagbikes.com\/","u":"3b4dc925609c","p":"home"};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//chromagbikes.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//chromagbikes.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//chromagbikes.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <script id='scb4127' type='text/javascript' async='' src='https://chromagbikes.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script> <link rel="stylesheet" media="screen" href="https://chromagbikes.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> <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: 120px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <script> window.BOLD = window.BOLD || {}; window.BOLD.options = window.BOLD.options || {}; window.BOLD.options.settings = window.BOLD.options.settings || {}; window.BOLD.options.settings.v1_variant_mode = window.BOLD.options.settings.v1_variant_mode || true; window.BOLD.options.settings.hybrid_fix_auto_insert_inputs = window.BOLD.options.settings.hybrid_fix_auto_insert_inputs || true; </script><script>window.BOLD = window.BOLD || {}; window.BOLD.common = window.BOLD.common || {}; window.BOLD.common.Shopify = window.BOLD.common.Shopify || {}; window.BOLD.common.Shopify.shop = { domain: 'chromagbikes.com', permanent_domain: 'chromagbikes.myshopify.com', url: 'https://chromagbikes.com', secure_url: 'https://chromagbikes.com',money_format: "${{amount}}",currency: "CAD" }; window.BOLD.common.Shopify.customer = { id: null, tags: null, }; window.BOLD.common.Shopify.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":"CAD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; window.BOLD.common.template = 'index';window.BOLD.common.Shopify.formatMoney = function(money, format) { function n(t, e) { return "undefined" == typeof t ? e : t } function r(t, e, r, i) { if (e = n(e, 2), r = n(r, ","), i = n(i, "."), isNaN(t) || null == t) return 0; t = (t / 100).toFixed(e); var o = t.split(".") , a = o[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1" + r) , s = o[1] ? i + o[1] : ""; return a + s } "string" == typeof money && (money = money.replace(".", "")); var i = "" , o = /\{\{\s*(\w+)\s*\}\}/ , a = format || window.BOLD.common.Shopify.shop.money_format || window.Shopify.money_format || "$ {{ amount }}"; switch (a.match(o)[1]) { case "amount": i = r(money, 2, ",", "."); break; case "amount_no_decimals": i = r(money, 0, ",", "."); break; case "amount_with_comma_separator": i = r(money, 2, ".", ","); break; case "amount_no_decimals_with_comma_separator": i = r(money, 0, ".", ","); break; case "amount_with_space_separator": i = r(money, 2, " ", ","); break; case "amount_no_decimals_with_space_separator": i = r(money, 0, " ", ","); break; case "amount_with_apostrophe_separator": i = r(money, 2, "'", "."); break; } return a.replace(o, i); }; window.BOLD.common.Shopify.saveProduct = function (handle, product) { if (typeof handle === 'string' && typeof window.BOLD.common.Shopify.products[handle] === 'undefined') { if (typeof product === 'number') { window.BOLD.common.Shopify.handles[product] = handle; product = { id: product }; } window.BOLD.common.Shopify.products[handle] = product; } }; window.BOLD.common.Shopify.saveVariant = function (variant_id, variant) { if (typeof variant_id === 'number' && typeof window.BOLD.common.Shopify.variants[variant_id] === 'undefined') { window.BOLD.common.Shopify.variants[variant_id] = variant; } };window.BOLD.common.Shopify.products = window.BOLD.common.Shopify.products || {}; window.BOLD.common.Shopify.variants = window.BOLD.common.Shopify.variants || {}; window.BOLD.common.Shopify.handles = window.BOLD.common.Shopify.handles || {};window.BOLD.common.Shopify.saveProduct(null, null);window.BOLD.apps_installed = {"Product Options":2} || {};window.BOLD.common.Shopify.metafields = window.BOLD.common.Shopify.metafields || {};window.BOLD.common.Shopify.metafields["bold_rp"] = {};window.BOLD.common.Shopify.metafields["bold_csp_defaults"] = {};window.BOLD.common.cacheParams = window.BOLD.common.cacheParams || {}; </script><link href="//chromagbikes.com/cdn/shop/t/121/assets/bold-options.css?v=44370535857163671051736992871" rel="stylesheet" type="text/css" media="all" /> <script defer src="https://options.shopapps.site/js/options.js"></script> <script> window.BOLD.common.cacheParams.options = 1743637144; </script>   <link rel="dns-prefetch" href="https://cdnwidget.judge.me"> <script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","badge_star_color":"#000000","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Rider Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel","widget_refresh_page_text":"Refresh","widget_summary_text":"Based on {{ number_of_reviews }} reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Name","widget_verified_name_field_text":"Verified Name","widget_name_placeholder_text":"Enter your name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Enter your email (private)","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review","widget_review_body_placeholder_text":"Please share your thoughts and comments here","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank you! Please refresh the page in a few moments to see your review.","widget_submit_success_msg_no_auto_publish":"Thank you for submitting a review!","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"{{ shop_name }}","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"last_initial","widget_rating_filter_color":"#000000","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","widget_star_color":"#000000","verified_badge_text":"Verified","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":5,"widget_hide_border":false,"widget_social_share":false,"widget_thumb":true,"all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"enable_question_anwser":true,"widget_theme":"leex","review_date_format":"timestamp","default_sort_method":"most-helpful","widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_write_a_store_review_text":"Write a Store Review","widget_other_languages_heading":"Reviews in Other Languages","widget_sorting_pictures_first_text":"Pictures First","floating_tab_button_name":"★ Reviews","floating_tab_title":"Let customers speak for us","floating_tab_url":"","floating_tab_url_enabled":false,"all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","all_reviews_text_badge_url":"","all_reviews_text_style":"branded","featured_carousel_title":"Let customers speak for us","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_url":"","verified_count_badge_style":"branded","verified_count_badge_url":"","widget_histogram_use_custom_color":true,"widget_pagination_use_custom_color":true,"picture_reminder_submit_button":"Upload Pictures","widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","remove_microdata_snippet":true,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_position":"below","remove_judgeme_branding":true,"widget_search_bar_placeholder":"Search reviews","widget_sorting_verified_only_text":"Verified only","featured_carousel_verified_badge_enable":true,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_more_text":"Load More Reviews","widget_advanced_speed_features":5,"widget_public_name_text":"displayed as:","default_reviewer_name":"Brandon Semenuk","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","show_reviewer_avatar":false,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_verified_by_shop_badge_style":"dark","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":true,"widget_load_with_code_splitting":true,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subtitle":"Tag us to see your picture featured in our page","widget_ugc_primary_button_text":"Buy Now","widget_ugc_secondary_button_text":"Load More","widget_ugc_reviews_button_text":"View Reviews","widget_primary_color":"#000000","widget_secondary_color":"#126D6D","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Rider photos","widget_media_grid_see_more_text":"See more","widget_show_product_medals":false,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_collected_by_judgeme_text":"collected by chromagbikes.com","widget_pagination_type":"load_more","widget_load_more_text":"Load More","widget_load_more_color":"#060606","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","how_reviews_are_collected":"How reviews are collected?","widget_gdpr_statement":"How we use your data: We’ll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me’s \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#339999","platform":"shopify","branding_url":"https://app.judge.me/reviews/stores/chromagbikes.com","branding_text":"Powered by Judge.me","locale":"en","reply_name":"Chromag Bikes","widget_version":"3.0","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":true,"shop_use_review_site":true,"enable_multi_locales_translations":false,"can_be_branded":true,"reply_name_text":"- Chromag Crew:"};</script> <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #000;--jdgm-secondary-color: rgba(0,0,0,0.1);--jdgm-star-color: #000;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #000000;--jdgm-paginate-color: #060606;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #000000}.jdgm-histogram__bar-content{background-color:#000000}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#000}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-rev__thumb-btn{color:#000}.jdgm-rev__thumb-btn:hover{opacity:0.8}.jdgm-rev__thumb-btn:not([disabled]):hover,.jdgm-rev__thumb-btn:hover,.jdgm-rev__thumb-btn:active,.jdgm-rev__thumb-btn:visited{color:#000}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#000000}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-rev .jdgm-rev__icon{display:none !important}.jdgm-author-fullname{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#399}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'Chromag Bikes'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )} </style> <style class='jdgm-settings-style'></style> <script data-cfasync="false" type="text/javascript" async src="https://cdn.judge.me/shopify_v2/leex.js" id="judgeme_widget_leex_js"></script> <link id="judgeme_widget_leex_css" rel="stylesheet" type="text/css" media="nope!" onload="this.media='all'" href="https://cdn.judge.me/widget_v3/theme/leex.css"> <style class='jdgm-miracle-styles'> @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-prev-badge{display:block !important} </style> <script data-cfasync='false' class='jdgm-script'> !function(e){window.jdgm=window.jdgm||{},jdgm.CDN_HOST="https://cdnwidget.judge.me/", jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)? setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){ !o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d), (a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!", a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))}, jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest; t.onreadystatechange=function(){4===t.readyState&&(Function(t.response)(),d&&d(t.response))}, t.open("GET",e),t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll( ".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting? parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_HOST+"widget_v3/base.css"): jdgm.loadCSS(jdgm.CDN_HOST+"widget/base.css"):jdgm.loadCSS(jdgm.CDN_HOST+"shopify_v2.css"), jdgm.loadJS(jdgm.CDN_HOST+"loader.js"))}))}(document); </script> <noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdnwidget.judge.me/shopify_v2.css"></noscript> <script> (function() { var jdgmThemeFixes = {"128809042052":{"html":"","css":".jdgm-widget .jdgm-picture-fieldset__box {\n\tmargin: 0 !important;\n width: 100px !important;\n height: 100px !important;\n}\n","js":""},"128951484548":{"html":"","css":"","js":""}}; if (!jdgmThemeFixes) return; var thisThemeFix = jdgmThemeFixes[Shopify.theme.id]; if (!thisThemeFix) return; if (thisThemeFix.html) { document.addEventListener("DOMContentLoaded", function() { var htmlDiv = document.createElement('div'); htmlDiv.classList.add('jdgm-theme-fix-html'); htmlDiv.innerHTML = thisThemeFix.html; document.body.append(htmlDiv); }); }; if (thisThemeFix.css) { var styleTag = document.createElement('style'); styleTag.classList.add('jdgm-theme-fix-style'); styleTag.innerHTML = thisThemeFix.css; document.head.append(styleTag); }; if (thisThemeFix.js) { var scriptTag = document.createElement('script'); scriptTag.classList.add('jdgm-theme-fix-script'); scriptTag.innerHTML = thisThemeFix.js; document.head.append(scriptTag); }; })(); </script>   <script src="https://cdn.shopify.com/extensions/77055ac2-34a2-4653-aa4c-1d113340dfac/hextom-shipping-bar-62/assets/freeshippingbar.js" type="text/javascript" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/b6afb823-75c5-4e87-9f3e-ef32ea1dc234/amai-preorder-manager-notify-13/assets/common.js" type="text/javascript" defer="defer"></script> <link href="https://cdn.shopify.com/extensions/b6afb823-75c5-4e87-9f3e-ef32ea1dc234/amai-preorder-manager-notify-13/assets/common.css" rel="stylesheet" type="text/css" media="all"> <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: 5227839586,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,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 5227839586,storefrontBaseUrl: "https://chromagbikes.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"234651780","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-1QH097EVMT\\\",\\\"target_country\\\":\\\"CA\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-1QH097EVMT\\\",\\\"AW-777705980\\/hQZ9CPye3vYZEPyz6_IC\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-1QH097EVMT\\\",\\\"AW-777705980\\/flX8CPae3vYZEPyz6_IC\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-1QH097EVMT\\\",\\\"AW-777705980\\/BQnPCPOe3vYZEPyz6_IC\\\",\\\"MC-HFCJL2S655\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-1QH097EVMT\\\",\\\"AW-777705980\\/yRFiCO2e3vYZEPyz6_IC\\\",\\\"MC-HFCJL2S655\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-1QH097EVMT\\\",\\\"AW-777705980\\/jfwqCPCe3vYZEPyz6_IC\\\",\\\"MC-HFCJL2S655\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-1QH097EVMT\\\",\\\"AW-777705980\\/g3l_CKSg3vYZEPyz6_IC\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-1QH097EVMT\\\",\\\"AW-777705980\\/F35HCPme3vYZEPyz6_IC\\\"]}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"4dfb9bba78bcc1d3298173fc750a772c","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"126615684","configuration":"{\"pixel_id\":\"758623909426785\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"29196420","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["SALE_OF_DATA"],"name":"Google Tag Manager"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "",initData: {"shop":{"name":"Chromag Bikes","paymentSettings":{"currencyCode":"CAD"},"myshopifyDomain":"chromagbikes.myshopify.com","countryCode":"CA","storefrontUrl":"https://chromagbikes.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://chromagbikes.com/cdn","fa791c4bw657adcc2p48d8cf20m74e06eb8",{"modern":"","legacy":""},{"shopId":"5227839586","storefrontBaseUrl":"https://chromagbikes.com","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[]","isMerchantRequest":"false","hashVersion":"fa791c4bw657adcc2p48d8cf20m74e06eb8"});</script><script> window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'CAD'; var meta = {"page":{"pageType":"home"}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; } </script> <script class="analytics"> (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: 5227839586, theme_id: 143685419140, app_name: "storefront", context_url: window.location.href, source_url: "//chromagbikes.com/cdn/s/trekkie.storefront.67031bb556ecae068d9d26b268af7634adc01a0c.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//chromagbikes.com/cdn/s/trekkie.storefront.67031bb556ecae068d9d26b268af7634adc01a0c.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//chromagbikes.com/cdn/s/trekkie.storefront.67031bb556ecae068d9d26b268af7634adc01a0c.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":5227839586,"isMerchantRequest":null,"themeId":143685419140,"themeCityHash":"13364307594071630160","contentLanguage":"en","currency":"CAD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; 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","shopifyEmitted":true}); 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 = "//chromagbikes.com/cdn/shopifycloud/shopify/assets/shop_events_listener-f55dd2979ec32029c7d9e0b454ab8b33f79c01ca039d17a6f5c9b95647564b19.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script> if (!window.ga || (window.ga && typeof window.ga !== 'function')) { window.ga = function ga() { (window.ga.q = window.ga.q || []).push(arguments); Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); }; Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); } </script> <script defer src="https://chromagbikes.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.5.0.min.js" data-application="storefront-renderer" data-shop-id="5227839586" data-render-region="gcp-asia-southeast1" data-page-type="index" data-theme-instance-id="143685419140" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body id="chromag-bikes" class="template-index ">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P5BKNGX6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a>  <div id="shopify-section-sections--17927160856708__header" class="shopify-section shopify-section-group-group-header"><style data-shopify> :root { --COLOR-NAV-TEXT-TRANSPARENT: #ffffff; --COLOR-HEADER-TRANSPARENT-GRADIENT: rgba(0, 0, 0, 0.2); --LOGO-PADDING: 25px; --menu-backfill-height: auto; } </style> <div class="header__wrapper" data-header-wrapper style="--bar-opacity: 0; --bar-width: 0; --bar-left: 0;" data-header-transparent="true" data-underline-current="true" data-header-sticky="directional" data-header-style="split" data-section-id="sections--17927160856708__header" data-section-type="header"> <header class="theme__header" data-header-height> <div class="header__inner header__inner--bar"> <div class="wrapper--full" data-toolbar-height> <div class="theme__header__toolbar header__desktop" data-takes-space-wrapper > <div class="theme__header__toolbar__text" data-ticker-frame> <div data-ticker-scale class="toolbar__scale ticker--unloaded"> <div data-ticker-text class="toolbar__text"> <p>🍁 Proudly Canadian owned and operated since 2003 🍁</p> </div> </div> </div> <div class="toolbar__links" data-child-takes-space> <div class="toolbar__elements" data-child-takes-space><form method="post" action="/localization" id="localization-form-drawer" accept-charset="UTF-8" class="toolbar__localization" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /> <div class="toolbar__currency toolbar__wrap"><div class="popout--toolbar js"> <h2 class="visually-hidden" id="currency-heading-localization-form-toolbar"> Currency </h2> <popout-select> <div class="popout" data-popout> <button type="button" class="popout__toggle" aria-expanded="false" aria-controls="currency-list-localization-form-toolbar" aria-describedby="currency-heading-localization-form-toolbar" data-popout-toggle> Canada (CA $)<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-down" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6"/></svg></button> <ul id="currency-list-localization-form-toolbar" class="popout-list" data-popout-list data-scroll-lock-scrollable> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AF" data-currency="AFN" data-popout-option> <span>Afghanistan (AF ؋)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AX" data-currency="EUR" data-popout-option> <span>Åland Islands (AX €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AL" data-currency="ALL" data-popout-option> <span>Albania (AL L)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DZ" data-currency="DZD" data-popout-option> <span>Algeria (DZ د.ج)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AD" data-currency="EUR" data-popout-option> <span>Andorra (AD €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AO" data-currency="CAD" data-popout-option> <span>Angola (AO $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AI" data-currency="XCD" data-popout-option> <span>Anguilla (AI $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AG" data-currency="XCD" data-popout-option> <span>Antigua & Barbuda (AG $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AR" data-currency="CAD" data-popout-option> <span>Argentina (AR $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AM" data-currency="AMD" data-popout-option> <span>Armenia (AM դր.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AW" data-currency="AWG" data-popout-option> <span>Aruba (AW ƒ)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AC" data-currency="SHP" data-popout-option> <span>Ascension Island (AC £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AU" data-currency="AUD" data-popout-option> <span>Australia (AU $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AT" data-currency="EUR" data-popout-option> <span>Austria (AT €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AZ" data-currency="AZN" data-popout-option> <span>Azerbaijan (AZ ₼)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BS" data-currency="BSD" data-popout-option> <span>Bahamas (BS $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BH" data-currency="CAD" data-popout-option> <span>Bahrain (BH $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BD" data-currency="BDT" data-popout-option> <span>Bangladesh (BD ৳)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BB" data-currency="BBD" data-popout-option> <span>Barbados (BB $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BY" data-currency="CAD" data-popout-option> <span>Belarus (BY $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BE" data-currency="EUR" data-popout-option> <span>Belgium (BE €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BZ" data-currency="BZD" data-popout-option> <span>Belize (BZ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BJ" data-currency="XOF" data-popout-option> <span>Benin (BJ Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BM" data-currency="USD" data-popout-option> <span>Bermuda (BM $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BT" data-currency="CAD" data-popout-option> <span>Bhutan (BT $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BO" data-currency="BOB" data-popout-option> <span>Bolivia (BO Bs.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BA" data-currency="BAM" data-popout-option> <span>Bosnia & Herzegovina (BA КМ)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BW" data-currency="BWP" data-popout-option> <span>Botswana (BW P)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BR" data-currency="CAD" data-popout-option> <span>Brazil (BR $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IO" data-currency="USD" data-popout-option> <span>British Indian Ocean Territory (IO $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VG" data-currency="USD" data-popout-option> <span>British Virgin Islands (VG $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BN" data-currency="BND" data-popout-option> <span>Brunei (BN $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BG" data-currency="BGN" data-popout-option> <span>Bulgaria (BG лв.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BF" data-currency="XOF" data-popout-option> <span>Burkina Faso (BF Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BI" data-currency="BIF" data-popout-option> <span>Burundi (BI Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KH" data-currency="KHR" data-popout-option> <span>Cambodia (KH ៛)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CM" data-currency="XAF" data-popout-option> <span>Cameroon (CM CFA)</span> </a> </li> <li class="popout-list__item popout-list__item--current"> <a class="popout-list__option" href="#" aria-current="true" data-value="CA" data-currency="CAD" data-popout-option> <span>Canada (CA $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CV" data-currency="CVE" data-popout-option> <span>Cape Verde (CV $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BQ" data-currency="USD" data-popout-option> <span>Caribbean Netherlands (BQ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KY" data-currency="KYD" data-popout-option> <span>Cayman Islands (KY $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CF" data-currency="XAF" data-popout-option> <span>Central African Republic (CF CFA)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TD" data-currency="XAF" data-popout-option> <span>Chad (TD CFA)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CL" data-currency="CAD" data-popout-option> <span>Chile (CL $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CN" data-currency="CNY" data-popout-option> <span>China (CN ¥)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CX" data-currency="AUD" data-popout-option> <span>Christmas Island (CX $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CC" data-currency="AUD" data-popout-option> <span>Cocos (Keeling) Islands (CC $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CO" data-currency="CAD" data-popout-option> <span>Colombia (CO $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KM" data-currency="KMF" data-popout-option> <span>Comoros (KM Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CG" data-currency="XAF" data-popout-option> <span>Congo - Brazzaville (CG CFA)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CD" data-currency="CDF" data-popout-option> <span>Congo - Kinshasa (CD Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CK" data-currency="NZD" data-popout-option> <span>Cook Islands (CK $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CR" data-currency="CRC" data-popout-option> <span>Costa Rica (CR ₡)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CI" data-currency="XOF" data-popout-option> <span>Côte d’Ivoire (CI Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="HR" data-currency="EUR" data-popout-option> <span>Croatia (HR €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CW" data-currency="ANG" data-popout-option> <span>Curaçao (CW ƒ)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CY" data-currency="EUR" data-popout-option> <span>Cyprus (CY €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CZ" data-currency="CZK" data-popout-option> <span>Czechia (CZ Kč)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DK" data-currency="DKK" data-popout-option> <span>Denmark (DK kr.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DJ" data-currency="DJF" data-popout-option> <span>Djibouti (DJ Fdj)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DM" data-currency="XCD" data-popout-option> <span>Dominica (DM $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DO" data-currency="DOP" data-popout-option> <span>Dominican Republic (DO $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="EC" data-currency="USD" data-popout-option> <span>Ecuador (EC $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="EG" data-currency="EGP" data-popout-option> <span>Egypt (EG ج.م)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SV" data-currency="USD" data-popout-option> <span>El Salvador (SV $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GQ" data-currency="XAF" data-popout-option> <span>Equatorial Guinea (GQ CFA)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ER" data-currency="CAD" data-popout-option> <span>Eritrea (ER $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="EE" data-currency="EUR" data-popout-option> <span>Estonia (EE €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SZ" data-currency="CAD" data-popout-option> <span>Eswatini (SZ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ET" data-currency="ETB" data-popout-option> <span>Ethiopia (ET Br)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="FK" data-currency="FKP" data-popout-option> <span>Falkland Islands (FK £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="FO" data-currency="DKK" data-popout-option> <span>Faroe Islands (FO kr.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="FJ" data-currency="FJD" data-popout-option> <span>Fiji (FJ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="FI" data-currency="EUR" data-popout-option> <span>Finland (FI €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="FR" data-currency="EUR" data-popout-option> <span>France (FR €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GF" data-currency="EUR" data-popout-option> <span>French Guiana (GF €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PF" data-currency="XPF" data-popout-option> <span>French Polynesia (PF Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TF" data-currency="EUR" data-popout-option> <span>French Southern Territories (TF €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GA" data-currency="XOF" data-popout-option> <span>Gabon (GA Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GM" data-currency="GMD" data-popout-option> <span>Gambia (GM D)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GE" data-currency="CAD" data-popout-option> <span>Georgia (GE $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DE" data-currency="EUR" data-popout-option> <span>Germany (DE €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GH" data-currency="CAD" data-popout-option> <span>Ghana (GH $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GR" data-currency="EUR" data-popout-option> <span>Greece (GR €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GL" data-currency="DKK" data-popout-option> <span>Greenland (GL kr.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GD" data-currency="XCD" data-popout-option> <span>Grenada (GD $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GP" data-currency="EUR" data-popout-option> <span>Guadeloupe (GP €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GT" data-currency="GTQ" data-popout-option> <span>Guatemala (GT Q)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GG" data-currency="GBP" data-popout-option> <span>Guernsey (GG £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GN" data-currency="GNF" data-popout-option> <span>Guinea (GN Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GW" data-currency="XOF" data-popout-option> <span>Guinea-Bissau (GW Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GY" data-currency="GYD" data-popout-option> <span>Guyana (GY $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="HT" data-currency="CAD" data-popout-option> <span>Haiti (HT $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="HN" data-currency="HNL" data-popout-option> <span>Honduras (HN L)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="HK" data-currency="HKD" data-popout-option> <span>Hong Kong SAR (HK $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="HU" data-currency="HUF" data-popout-option> <span>Hungary (HU Ft)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IS" data-currency="ISK" data-popout-option> <span>Iceland (IS kr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IN" data-currency="INR" data-popout-option> <span>India (IN ₹)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ID" data-currency="IDR" data-popout-option> <span>Indonesia (ID Rp)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IQ" data-currency="CAD" data-popout-option> <span>Iraq (IQ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IE" data-currency="EUR" data-popout-option> <span>Ireland (IE €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IM" data-currency="GBP" data-popout-option> <span>Isle of Man (IM £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IL" data-currency="ILS" data-popout-option> <span>Israel (IL ₪)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IT" data-currency="EUR" data-popout-option> <span>Italy (IT €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="JM" data-currency="JMD" data-popout-option> <span>Jamaica (JM $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="JP" data-currency="JPY" data-popout-option> <span>Japan (JP ¥)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="JE" data-currency="CAD" data-popout-option> <span>Jersey (JE $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="JO" data-currency="CAD" data-popout-option> <span>Jordan (JO $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KZ" data-currency="KZT" data-popout-option> <span>Kazakhstan (KZ ₸)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KE" data-currency="KES" data-popout-option> <span>Kenya (KE KSh)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KI" data-currency="CAD" data-popout-option> <span>Kiribati (KI $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="XK" data-currency="EUR" data-popout-option> <span>Kosovo (XK €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KW" data-currency="CAD" data-popout-option> <span>Kuwait (KW $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KG" data-currency="KGS" data-popout-option> <span>Kyrgyzstan (KG som)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LA" data-currency="LAK" data-popout-option> <span>Laos (LA ₭)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LV" data-currency="EUR" data-popout-option> <span>Latvia (LV €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LB" data-currency="LBP" data-popout-option> <span>Lebanon (LB ل.ل)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LS" data-currency="CAD" data-popout-option> <span>Lesotho (LS $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LR" data-currency="CAD" data-popout-option> <span>Liberia (LR $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LY" data-currency="CAD" data-popout-option> <span>Libya (LY $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LI" data-currency="CHF" data-popout-option> <span>Liechtenstein (LI CHF)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LT" data-currency="EUR" data-popout-option> <span>Lithuania (LT €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LU" data-currency="EUR" data-popout-option> <span>Luxembourg (LU €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MO" data-currency="MOP" data-popout-option> <span>Macao SAR (MO P)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MG" data-currency="CAD" data-popout-option> <span>Madagascar (MG $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MW" data-currency="MWK" data-popout-option> <span>Malawi (MW MK)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MY" data-currency="MYR" data-popout-option> <span>Malaysia (MY RM)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MV" data-currency="MVR" data-popout-option> <span>Maldives (MV MVR)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ML" data-currency="XOF" data-popout-option> <span>Mali (ML Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MT" data-currency="EUR" data-popout-option> <span>Malta (MT €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MQ" data-currency="EUR" data-popout-option> <span>Martinique (MQ €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MR" data-currency="CAD" data-popout-option> <span>Mauritania (MR $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MU" data-currency="MUR" data-popout-option> <span>Mauritius (MU ₨)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="YT" data-currency="EUR" data-popout-option> <span>Mayotte (YT €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MX" data-currency="MXN" data-popout-option> <span>Mexico (MX $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MD" data-currency="MDL" data-popout-option> <span>Moldova (MD L)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MC" data-currency="EUR" data-popout-option> <span>Monaco (MC €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MN" data-currency="MNT" data-popout-option> <span>Mongolia (MN ₮)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ME" data-currency="EUR" data-popout-option> <span>Montenegro (ME €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MS" data-currency="XCD" data-popout-option> <span>Montserrat (MS $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MA" data-currency="MAD" data-popout-option> <span>Morocco (MA د.م.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MZ" data-currency="CAD" data-popout-option> <span>Mozambique (MZ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MM" data-currency="MMK" data-popout-option> <span>Myanmar (Burma) (MM K)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NA" data-currency="CAD" data-popout-option> <span>Namibia (NA $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NR" data-currency="AUD" data-popout-option> <span>Nauru (NR $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NP" data-currency="NPR" data-popout-option> <span>Nepal (NP Rs.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NL" data-currency="EUR" data-popout-option> <span>Netherlands (NL €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NC" data-currency="XPF" data-popout-option> <span>New Caledonia (NC Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NZ" data-currency="NZD" data-popout-option> <span>New Zealand (NZ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NI" data-currency="NIO" data-popout-option> <span>Nicaragua (NI C$)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NE" data-currency="XOF" data-popout-option> <span>Niger (NE Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NG" data-currency="NGN" data-popout-option> <span>Nigeria (NG ₦)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NU" data-currency="NZD" data-popout-option> <span>Niue (NU $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NF" data-currency="AUD" data-popout-option> <span>Norfolk Island (NF $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MK" data-currency="MKD" data-popout-option> <span>North Macedonia (MK ден)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NO" data-currency="CAD" data-popout-option> <span>Norway (NO $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="OM" data-currency="CAD" data-popout-option> <span>Oman (OM $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PK" data-currency="PKR" data-popout-option> <span>Pakistan (PK ₨)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PS" data-currency="ILS" data-popout-option> <span>Palestinian Territories (PS ₪)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PA" data-currency="USD" data-popout-option> <span>Panama (PA $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PG" data-currency="PGK" data-popout-option> <span>Papua New Guinea (PG K)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PY" data-currency="PYG" data-popout-option> <span>Paraguay (PY ₲)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PE" data-currency="PEN" data-popout-option> <span>Peru (PE S/)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PH" data-currency="PHP" data-popout-option> <span>Philippines (PH ₱)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PN" data-currency="NZD" data-popout-option> <span>Pitcairn Islands (PN $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PL" data-currency="PLN" data-popout-option> <span>Poland (PL zł)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PT" data-currency="EUR" data-popout-option> <span>Portugal (PT €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="QA" data-currency="QAR" data-popout-option> <span>Qatar (QA ر.ق)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="RE" data-currency="EUR" data-popout-option> <span>Réunion (RE €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="RO" data-currency="RON" data-popout-option> <span>Romania (RO Lei)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="RU" data-currency="CAD" data-popout-option> <span>Russia (RU $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="RW" data-currency="RWF" data-popout-option> <span>Rwanda (RW FRw)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="WS" data-currency="WST" data-popout-option> <span>Samoa (WS T)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SM" data-currency="EUR" data-popout-option> <span>San Marino (SM €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ST" data-currency="STD" data-popout-option> <span>São Tomé & Príncipe (ST Db)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SA" data-currency="SAR" data-popout-option> <span>Saudi Arabia (SA ر.س)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SN" data-currency="XOF" data-popout-option> <span>Senegal (SN Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="RS" data-currency="RSD" data-popout-option> <span>Serbia (RS РСД)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SC" data-currency="CAD" data-popout-option> <span>Seychelles (SC $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SL" data-currency="SLL" data-popout-option> <span>Sierra Leone (SL Le)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SG" data-currency="SGD" data-popout-option> <span>Singapore (SG $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SX" data-currency="ANG" data-popout-option> <span>Sint Maarten (SX ƒ)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SK" data-currency="EUR" data-popout-option> <span>Slovakia (SK €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SI" data-currency="EUR" data-popout-option> <span>Slovenia (SI €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SB" data-currency="SBD" data-popout-option> <span>Solomon Islands (SB $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SO" data-currency="CAD" data-popout-option> <span>Somalia (SO $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ZA" data-currency="CAD" data-popout-option> <span>South Africa (ZA $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GS" data-currency="GBP" data-popout-option> <span>South Georgia & South Sandwich Islands (GS £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KR" data-currency="KRW" data-popout-option> <span>South Korea (KR ₩)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SS" data-currency="CAD" data-popout-option> <span>South Sudan (SS $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ES" data-currency="EUR" data-popout-option> <span>Spain (ES €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LK" data-currency="LKR" data-popout-option> <span>Sri Lanka (LK ₨)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BL" data-currency="EUR" data-popout-option> <span>St. Barthélemy (BL €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SH" data-currency="SHP" data-popout-option> <span>St. Helena (SH £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KN" data-currency="XCD" data-popout-option> <span>St. Kitts & Nevis (KN $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LC" data-currency="XCD" data-popout-option> <span>St. Lucia (LC $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MF" data-currency="EUR" data-popout-option> <span>St. Martin (MF €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PM" data-currency="EUR" data-popout-option> <span>St. Pierre & Miquelon (PM €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VC" data-currency="XCD" data-popout-option> <span>St. Vincent & Grenadines (VC $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SD" data-currency="CAD" data-popout-option> <span>Sudan (SD $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SR" data-currency="CAD" data-popout-option> <span>Suriname (SR $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SJ" data-currency="CAD" data-popout-option> <span>Svalbard & Jan Mayen (SJ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SE" data-currency="SEK" data-popout-option> <span>Sweden (SE kr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CH" data-currency="CHF" data-popout-option> <span>Switzerland (CH CHF)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TW" data-currency="TWD" data-popout-option> <span>Taiwan (TW $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TJ" data-currency="TJS" data-popout-option> <span>Tajikistan (TJ ЅМ)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TZ" data-currency="TZS" data-popout-option> <span>Tanzania (TZ Sh)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TH" data-currency="THB" data-popout-option> <span>Thailand (TH ฿)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TL" data-currency="USD" data-popout-option> <span>Timor-Leste (TL $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TG" data-currency="XOF" data-popout-option> <span>Togo (TG Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TK" data-currency="NZD" data-popout-option> <span>Tokelau (TK $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TO" data-currency="TOP" data-popout-option> <span>Tonga (TO T$)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TT" data-currency="TTD" data-popout-option> <span>Trinidad & Tobago (TT $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TA" data-currency="GBP" data-popout-option> <span>Tristan da Cunha (TA £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TN" data-currency="CAD" data-popout-option> <span>Tunisia (TN $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TR" data-currency="CAD" data-popout-option> <span>Türkiye (TR $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TM" data-currency="CAD" data-popout-option> <span>Turkmenistan (TM $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TC" data-currency="USD" data-popout-option> <span>Turks & Caicos Islands (TC $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TV" data-currency="AUD" data-popout-option> <span>Tuvalu (TV $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="UM" data-currency="USD" data-popout-option> <span>U.S. Outlying Islands (UM $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="UG" data-currency="UGX" data-popout-option> <span>Uganda (UG USh)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="UA" data-currency="UAH" data-popout-option> <span>Ukraine (UA ₴)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AE" data-currency="AED" data-popout-option> <span>United Arab Emirates (AE د.إ)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GB" data-currency="GBP" data-popout-option> <span>United Kingdom (GB £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="US" data-currency="USD" data-popout-option> <span>United States (US $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="UY" data-currency="UYU" data-popout-option> <span>Uruguay (UY $U)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="UZ" data-currency="UZS" data-popout-option> <span>Uzbekistan (UZ so'm)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VU" data-currency="VUV" data-popout-option> <span>Vanuatu (VU Vt)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VA" data-currency="EUR" data-popout-option> <span>Vatican City (VA €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VE" data-currency="USD" data-popout-option> <span>Venezuela (VE $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VN" data-currency="VND" data-popout-option> <span>Vietnam (VN ₫)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="WF" data-currency="XPF" data-popout-option> <span>Wallis & Futuna (WF Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="EH" data-currency="MAD" data-popout-option> <span>Western Sahara (EH د.م.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="YE" data-currency="YER" data-popout-option> <span>Yemen (YE ﷼)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ZM" data-currency="CAD" data-popout-option> <span>Zambia (ZM $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ZW" data-currency="USD" data-popout-option> <span>Zimbabwe (ZW $)</span> </a> </li></ul> <input type="hidden" name="country_code" id="CurrencySelector-localization-form-toolbar" value="CA" data-popout-input/> </div> </popout-select> </div> </div> </form></div> </div> </div> <div class="theme__header__toolbar header__mobile" data-takes-space-wrapper > <div class="theme__header__toolbar__text" data-ticker-frame> <div data-ticker-scale class="toolbar__scale"> <div data-ticker-text class="toolbar__text toolbar__text--center"> <p>🍁 Proudly Canadian owned and operated since 2003 🍁</p> </div> </div> </div> </div> </div> </div> <div class="header__inner" data-header-cart-full="false" > <div class="wrapper--full"> <div class="header__mobile"> <div class="header__mobile__left"> <button class="header__mobile__button" data-drawer-toggle="hamburger" aria-label="Open menu" aria-haspopup="true" aria-expanded="false" aria-controls="header-menu"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-mod-hamburger" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" stroke-linecap="square" stroke-width="2"><path d="M16 6H3M23 12H3M11 18H3"/></g></svg> </button> </div> <div class="header__logo header__logo--image header__logo--has-transparent"> <a class="header__logo__link" href="/" style="--LOGO-WIDTH: 175px" > <img src="//chromagbikes.com/cdn/shop/files/chromaglogo500white_4ff3bd00-d85c-4202-a1e7-49cf64699a6d.png?v=1735842485&width=175" alt="Chromag Bikes" width="175" height="43" loading="eager" class="logo__img logo__img--color" srcset=" //chromagbikes.com/cdn/shop/files/chromaglogo500white_4ff3bd00-d85c-4202-a1e7-49cf64699a6d.png?v=1735842485&width=350 2x, //chromagbikes.com/cdn/shop/files/chromaglogo500white_4ff3bd00-d85c-4202-a1e7-49cf64699a6d.png?v=1735842485&width=525 3x, //chromagbikes.com/cdn/shop/files/chromaglogo500white_4ff3bd00-d85c-4202-a1e7-49cf64699a6d.png?v=1735842485&width=175 "> <img src="//chromagbikes.com/cdn/shop/files/chromaglogo500white_4ff3bd00-d85c-4202-a1e7-49cf64699a6d.png?v=1735842485&width=175" alt="Chromag Bikes" width="175" height="43" loading="eager" class="logo__img logo__img--transparent" srcset=" //chromagbikes.com/cdn/shop/files/chromaglogo500white_4ff3bd00-d85c-4202-a1e7-49cf64699a6d.png?v=1735842485&width=350 2x, //chromagbikes.com/cdn/shop/files/chromaglogo500white_4ff3bd00-d85c-4202-a1e7-49cf64699a6d.png?v=1735842485&width=175 "> </a> </div> <div class="header__mobile__right"> <a class="header__mobile__button" data-drawer-toggle="drawer-cart" href="/cart"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-mod-bag" viewBox="0 0 24 24"><path class="icon-cart-full" d="M7 11h10v8H7z"/><path d="M4 6h16v16H4z"/><path d="M9 9V2h6v7"/></svg> <span class="visually-hidden">Cart</span> <span class="header__cart__status" data-test-id="cart-status"> <span data-header-cart-price="0"> $0.00 </span> <span data-header-cart-count="0"> (0) </span> <span data-header-cart-full="false" ></span> </span> </a> </div> </div> <div data-header-desktop class="header__desktop header__desktop--split"><div data-takes-space class="header__desktop__bar__l"> <div class="header__logo header__logo--image header__logo--has-transparent"> <a class="header__logo__link" href="/" style="--LOGO-WIDTH: 175px" > <img src="//chromagbikes.com/cdn/shop/files/chromaglogo500white_4ff3bd00-d85c-4202-a1e7-49cf64699a6d.png?v=1735842485&width=175" alt="Chromag Bikes" width="175" height="43" loading="eager" class="logo__img logo__img--color" srcset=" //chromagbikes.com/cdn/shop/files/chromaglogo500white_4ff3bd00-d85c-4202-a1e7-49cf64699a6d.png?v=1735842485&width=350 2x, //chromagbikes.com/cdn/shop/files/chromaglogo500white_4ff3bd00-d85c-4202-a1e7-49cf64699a6d.png?v=1735842485&width=525 3x, //chromagbikes.com/cdn/shop/files/chromaglogo500white_4ff3bd00-d85c-4202-a1e7-49cf64699a6d.png?v=1735842485&width=175 "> <img src="//chromagbikes.com/cdn/shop/files/chromaglogo500white_4ff3bd00-d85c-4202-a1e7-49cf64699a6d.png?v=1735842485&width=175" alt="Chromag Bikes" width="175" height="43" loading="eager" class="logo__img logo__img--transparent" srcset=" //chromagbikes.com/cdn/shop/files/chromaglogo500white_4ff3bd00-d85c-4202-a1e7-49cf64699a6d.png?v=1735842485&width=350 2x, //chromagbikes.com/cdn/shop/files/chromaglogo500white_4ff3bd00-d85c-4202-a1e7-49cf64699a6d.png?v=1735842485&width=175 "> </a> </div> </div> <div data-takes-space class="header__desktop__bar__r"> <div class="header__desktop__bar__inline"> <nav class="header__menu"> <div class="header__menu__inner" data-text-items-wrapper>  <div class="menu__item grandparent kids-5 " data-main-menu-text-item role="button" aria-haspopup="true" aria-expanded="false" data-hover-disclosure-toggle="dropdown-13baf73cf98ad621eac55b83f396c9ea" aria-controls="dropdown-13baf73cf98ad621eac55b83f396c9ea" > <a href="/collections/bikes" data-top-link class="navlink navlink--toplevel"> <span class="navtext">Bikes</span> </a> <div class="header__dropdown" data-hover-disclosure id="dropdown-13baf73cf98ad621eac55b83f396c9ea"> <div class="header__dropdown__wrapper"> <div class="header__dropdown__inner"> <div class="dropdown__family dropdown__family--grandchild"><a href="/collections/full-suspension" class="dropdown__image" aria-label="Full Suspension"> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/lowdown-3666.jpg?v=1739309632&width=1600" alt="Full Suspension" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/lowdown-3666.jpg?v=1739309632&width=352 352w, //chromagbikes.com/cdn/shop/collections/lowdown-3666.jpg?v=1739309632&width=400 400w, //chromagbikes.com/cdn/shop/collections/lowdown-3666.jpg?v=1739309632&width=768 768w, //chromagbikes.com/cdn/shop/collections/lowdown-3666.jpg?v=1739309632&width=932 932w, //chromagbikes.com/cdn/shop/collections/lowdown-3666.jpg?v=1739309632&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/lowdown-3666.jpg?v=1739309632&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/lowdown-3666.jpg?v=1739309632&width=1600 1600w" sizes="25vw" fetchpriority="auto" style="object-position: center center; "> </div> </a> <a href="/collections/full-suspension" data-stagger-first class="navlink navlink--child"> <span class="navtext">Full Suspension</span> </a> <a href="/collections/full-suspension/products/darco" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Darco</span> </a> <a href="/collections/full-suspension/products/darco-ti" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Darco Ti</span> </a> <a href="/collections/full-suspension/products/lowdown" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Lowdown</span> </a> <a href="/collections/full-suspension/products/minor-threat-v2" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Minor Threat V2</span> </a> </div> <div class="dropdown__family dropdown__family--grandchild"><a href="/collections/29" class="dropdown__image" aria-label="29""> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/29-collection.jpg?v=1602695619&width=1600" alt="29"" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/29-collection.jpg?v=1602695619&width=352 352w, //chromagbikes.com/cdn/shop/collections/29-collection.jpg?v=1602695619&width=400 400w, //chromagbikes.com/cdn/shop/collections/29-collection.jpg?v=1602695619&width=768 768w, //chromagbikes.com/cdn/shop/collections/29-collection.jpg?v=1602695619&width=932 932w, //chromagbikes.com/cdn/shop/collections/29-collection.jpg?v=1602695619&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/29-collection.jpg?v=1602695619&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/29-collection.jpg?v=1602695619&width=1600 1600w" sizes="25vw" fetchpriority="auto" style="object-position: center center; "> </div> </a> <a href="/collections/29" data-stagger-first class="navlink navlink--child"> <span class="navtext">29"</span> </a> <a href="/collections/29/products/darco" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Darco</span> </a> <a href="/collections/29/products/darco-ti" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Darco Ti</span> </a> <a href="/collections/29/products/lowdown" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Lowdown</span> </a> <a href="/products/rootdown-2022" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Rootdown [Series V]</span> </a> <a href="/products/rootdown-2024" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Rootdown [Series VI]</span> </a> <a href="/collections/29-27/products/rootdown-ti" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Rootdown Ti</span> </a> <a href="/collections/29-27/products/primer" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Primer 🍁</span> </a> <a href="/collections/29/products/doctahawk" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Doctahawk 🍁</span> </a> <a href="/collections/29/products/surface-voyager" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Surface Voyager 🍁</span> </a> </div> <div class="dropdown__family dropdown__family--grandchild"><a href="/collections/650b" class="dropdown__image" aria-label="27.5""> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/27.5-collection.jpg?v=1602695681&width=1600" alt="27.5"" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/27.5-collection.jpg?v=1602695681&width=352 352w, //chromagbikes.com/cdn/shop/collections/27.5-collection.jpg?v=1602695681&width=400 400w, //chromagbikes.com/cdn/shop/collections/27.5-collection.jpg?v=1602695681&width=768 768w, //chromagbikes.com/cdn/shop/collections/27.5-collection.jpg?v=1602695681&width=932 932w, //chromagbikes.com/cdn/shop/collections/27.5-collection.jpg?v=1602695681&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/27.5-collection.jpg?v=1602695681&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/27.5-collection.jpg?v=1602695681&width=1600 1600w" sizes="25vw" fetchpriority="auto" style="object-position: center center; "> </div> </a> <a href="/collections/650b" data-stagger-first class="navlink navlink--child"> <span class="navtext">27.5"</span> </a> <a href="/collections/650b/products/stylus-2022" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Stylus</span> </a> <a href="/products/wideangle-2022" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Wideangle</span> </a> <a href="/collections/650b/products/minor-threat-v2" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Minor Threat V2</span> </a> </div> <div class="dropdown__family dropdown__family--grandchild"><a href="/collections/26-24-20" class="dropdown__image" aria-label="26" / 24" / 20""> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/RobPerry_Chromag_13.webp?v=1739309582&width=1600" alt="26" / 24" / 20"" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/RobPerry_Chromag_13.webp?v=1739309582&width=352 352w, //chromagbikes.com/cdn/shop/collections/RobPerry_Chromag_13.webp?v=1739309582&width=400 400w, //chromagbikes.com/cdn/shop/collections/RobPerry_Chromag_13.webp?v=1739309582&width=768 768w, //chromagbikes.com/cdn/shop/collections/RobPerry_Chromag_13.webp?v=1739309582&width=932 932w, //chromagbikes.com/cdn/shop/collections/RobPerry_Chromag_13.webp?v=1739309582&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/RobPerry_Chromag_13.webp?v=1739309582&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/RobPerry_Chromag_13.webp?v=1739309582&width=1600 1600w" sizes="25vw" fetchpriority="auto" style="object-position: center center; "> </div> </a> <a href="/collections/26-24-20" data-stagger-first class="navlink navlink--child"> <span class="navtext">26" / 24" / 20"</span> </a> <a href="/products/signature" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Signature</span> </a> <a href="/products/monk-2024" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Monk</span> </a> <a href="/collections/26/products/minor-threat-v2" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Minor Threat V2 [Kids & Youth]</span> </a> <a href="/collections/26-24-20/products/juice-2023" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Juice [Kids & Youth]</span> </a> </div> <div class="dropdown__family dropdown__family--grandchild"><a href="/collections/bike-shed" class="dropdown__image" aria-label="Bike Shed"> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/WJW_6836.jpg?v=1606850957&width=2000" alt="Bike Shed" width="2000" height="990" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/WJW_6836.jpg?v=1606850957&width=352 352w, //chromagbikes.com/cdn/shop/collections/WJW_6836.jpg?v=1606850957&width=400 400w, //chromagbikes.com/cdn/shop/collections/WJW_6836.jpg?v=1606850957&width=768 768w, //chromagbikes.com/cdn/shop/collections/WJW_6836.jpg?v=1606850957&width=932 932w, //chromagbikes.com/cdn/shop/collections/WJW_6836.jpg?v=1606850957&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/WJW_6836.jpg?v=1606850957&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/WJW_6836.jpg?v=1606850957&width=1920 1920w, //chromagbikes.com/cdn/shop/collections/WJW_6836.jpg?v=1606850957&width=2000 2000w" sizes="25vw" fetchpriority="auto" style="object-position: center center; "> </div> </a> <a href="/collections/bike-shed" data-stagger-first class="navlink navlink--child"> <span class="navtext">Custom & Specialty</span> </a> <a href="/collections/bike-shed" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">The Bike Shed</span> </a> <a href="/pages/custom-paint-gallery" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Custom Paint</span> </a> <a href="/collections/made-in-canada" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Handmade In Canada 🍁</span> </a> <a href="/collections/made-in-taiwan" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Handmade In Taiwan</span> </a> <a href="/pages/bike-archive" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Bike Archive</span> </a> <a href="/collections/frame-spare-parts" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Frame Spares</span> </a> <a href="/collections/bikes" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">View All Bikes</span> </a> </div> </div> </div> </div> </div>  <div class="menu__item grandparent kids-3 " data-main-menu-text-item role="button" aria-haspopup="true" aria-expanded="false" data-hover-disclosure-toggle="dropdown-7babd3134d5c82d06ea4d9abe094a6cf" aria-controls="dropdown-7babd3134d5c82d06ea4d9abe094a6cf" > <a href="/collections/components" data-top-link class="navlink navlink--toplevel"> <span class="navtext">Components</span> </a> <div class="header__dropdown" data-hover-disclosure id="dropdown-7babd3134d5c82d06ea4d9abe094a6cf"> <div class="header__dropdown__wrapper"> <div class="header__dropdown__inner"> <div class="dropdown__family dropdown__family--grandchild"><a href="/collections/components" class="dropdown__image" aria-label="Components"> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/IMG_8345.jpg?v=1677019043&width=1600" alt="Components" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/IMG_8345.jpg?v=1677019043&width=352 352w, //chromagbikes.com/cdn/shop/collections/IMG_8345.jpg?v=1677019043&width=400 400w, //chromagbikes.com/cdn/shop/collections/IMG_8345.jpg?v=1677019043&width=768 768w, //chromagbikes.com/cdn/shop/collections/IMG_8345.jpg?v=1677019043&width=932 932w, //chromagbikes.com/cdn/shop/collections/IMG_8345.jpg?v=1677019043&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/IMG_8345.jpg?v=1677019043&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/IMG_8345.jpg?v=1677019043&width=1600 1600w" sizes="25vw" fetchpriority="auto" style="object-position: center center; "> </div> </a> <a href="/collections/components" data-stagger-first class="navlink navlink--child"> <span class="navtext">All Components</span> </a> <a href="/collections/bars" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Bars</span> </a> <a href="/collections/pedals" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Pedals</span> </a> <a href="/collections/saddles" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Saddles</span> </a> <a href="/collections/grips" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Grips</span> </a> <a href="/collections/stems" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Stems</span> </a> <a href="/collections/rims-wheels" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Wheels, Rims & Hubs</span> </a> <a href="/collections/seatpost" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Seatposts</span> </a> <a href="/collections/chainrings" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Chainrings</span> </a> </div> <div class="dropdown__family dropdown__family--grandchild"><a href="/collections/small-parts" class="dropdown__image" aria-label="Small Parts"> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/small-parts-collection.jpg?v=1677019096&width=1600" alt="Small Parts" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/small-parts-collection.jpg?v=1677019096&width=352 352w, //chromagbikes.com/cdn/shop/collections/small-parts-collection.jpg?v=1677019096&width=400 400w, //chromagbikes.com/cdn/shop/collections/small-parts-collection.jpg?v=1677019096&width=768 768w, //chromagbikes.com/cdn/shop/collections/small-parts-collection.jpg?v=1677019096&width=932 932w, //chromagbikes.com/cdn/shop/collections/small-parts-collection.jpg?v=1677019096&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/small-parts-collection.jpg?v=1677019096&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/small-parts-collection.jpg?v=1677019096&width=1600 1600w" sizes="25vw" fetchpriority="auto" style="object-position: center center; "> </div> </a> <a href="/collections/small-parts" data-stagger-first class="navlink navlink--child"> <span class="navtext">Small Parts</span> </a> <a href="/collections/small-parts" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Small Parts</span> </a> <a href="/collections/spare-parts" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Spare Parts</span> </a> <a href="/collections/tools" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Tools</span> </a> <a href="/collections/accessories" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Accessories</span> </a> </div> <div class="dropdown__family dropdown__family--grandchild"><a href="/collections/liaison" class="dropdown__image" aria-label="Liaison"> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/chromag-liason-series-brandon-semenuk.jpg?v=1739309482&width=1400" alt="Liaison" width="1400" height="793" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/chromag-liason-series-brandon-semenuk.jpg?v=1739309482&width=352 352w, //chromagbikes.com/cdn/shop/collections/chromag-liason-series-brandon-semenuk.jpg?v=1739309482&width=400 400w, //chromagbikes.com/cdn/shop/collections/chromag-liason-series-brandon-semenuk.jpg?v=1739309482&width=768 768w, //chromagbikes.com/cdn/shop/collections/chromag-liason-series-brandon-semenuk.jpg?v=1739309482&width=932 932w, //chromagbikes.com/cdn/shop/collections/chromag-liason-series-brandon-semenuk.jpg?v=1739309482&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/chromag-liason-series-brandon-semenuk.jpg?v=1739309482&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/chromag-liason-series-brandon-semenuk.jpg?v=1739309482&width=1400 1400w" sizes="25vw" fetchpriority="auto" style="object-position: center center; "> </div> </a> <a href="/collections/liaison" data-stagger-first class="navlink navlink--child"> <span class="navtext">Collections</span> </a> <a href="/collections/liaison" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Brandon Semenuk's Liaison</span> </a> <a href="/collections/new-parts" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">New Parts!</span> </a> <a href="/collections/kids/parts" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Kid's Parts</span> </a> <a href="/collections/womens/parts" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Women's Specific</span> </a> <a href="/collections/canadian-parts" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Made in Canada 🍁</span> </a> <a href="/collections/parts-sale" data-stagger-second class="navlink navlink--grandchild highlight--link"> <span class="navtext">Sale</span> </a> </div> </div> </div> </div> </div>  <div class="menu__item grandparent kids-5 " data-main-menu-text-item role="button" aria-haspopup="true" aria-expanded="false" data-hover-disclosure-toggle="dropdown-87339dec4655dec46e7cae6d5c987899" aria-controls="dropdown-87339dec4655dec46e7cae6d5c987899" > <a href="/collections/apparel" data-top-link class="navlink navlink--toplevel"> <span class="navtext">Apparel</span> </a> <div class="header__dropdown" data-hover-disclosure id="dropdown-87339dec4655dec46e7cae6d5c987899"> <div class="header__dropdown__wrapper"> <div class="header__dropdown__inner"> <div class="dropdown__family dropdown__family--grandchild"><a href="/collections/mens" class="dropdown__image" aria-label="Men's"> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/mens-collection.jpg?v=1742509324&width=1600" alt="Men's" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/mens-collection.jpg?v=1742509324&width=352 352w, //chromagbikes.com/cdn/shop/collections/mens-collection.jpg?v=1742509324&width=400 400w, //chromagbikes.com/cdn/shop/collections/mens-collection.jpg?v=1742509324&width=768 768w, //chromagbikes.com/cdn/shop/collections/mens-collection.jpg?v=1742509324&width=932 932w, //chromagbikes.com/cdn/shop/collections/mens-collection.jpg?v=1742509324&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/mens-collection.jpg?v=1742509324&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/mens-collection.jpg?v=1742509324&width=1600 1600w" sizes="25vw" fetchpriority="auto" style="object-position: center center; "> </div> </a> <a href="/collections/mens" data-stagger-first class="navlink navlink--child"> <span class="navtext">Men's</span> </a> <a href="/collections/mens" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">All Men's</span> </a> <a href="/collections/shorts/mens" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Pants & Shorts</span> </a> <a href="/collections/short-sleeve-jerseys/men's" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Short Sleeve Jerseys</span> </a> <a href="/collections/long-sleeve-jerseys/men's" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Long Sleeve Jerseys</span> </a> <a href="/collections/mens-tees/men's" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Tees</span> </a> <a href="/collections/jackets-hoodies/Mens" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Jackets & Tops</span> </a> <a href="/collections/socks" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Socks</span> </a> <a href="/collections/gloves" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Gloves</span> </a> <a href="/collections/protection" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Protection</span> </a> <a href="/collections/wool/mens" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Merino Wool</span> </a> </div> <div class="dropdown__family dropdown__family--grandchild"><a href="/collections/womens" class="dropdown__image" aria-label="Women's"> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/womens-collection.jpg?v=1742500400&width=2000" alt="Women's" width="2000" height="1334" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/womens-collection.jpg?v=1742500400&width=352 352w, //chromagbikes.com/cdn/shop/collections/womens-collection.jpg?v=1742500400&width=400 400w, //chromagbikes.com/cdn/shop/collections/womens-collection.jpg?v=1742500400&width=768 768w, //chromagbikes.com/cdn/shop/collections/womens-collection.jpg?v=1742500400&width=932 932w, //chromagbikes.com/cdn/shop/collections/womens-collection.jpg?v=1742500400&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/womens-collection.jpg?v=1742500400&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/womens-collection.jpg?v=1742500400&width=1920 1920w, //chromagbikes.com/cdn/shop/collections/womens-collection.jpg?v=1742500400&width=2000 2000w" sizes="25vw" fetchpriority="auto" style="object-position: center center; "> </div> </a> <a href="/collections/womens" data-stagger-first class="navlink navlink--child"> <span class="navtext">Women's</span> </a> <a href="/collections/womens" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">All Women's</span> </a> <a href="/collections/womens-pants-shorts" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Pants & Shorts</span> </a> <a href="/collections/womens-jerseys" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Jerseys</span> </a> <a href="/collections/womens-tees/Women's" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Tees</span> </a> <a href="/collections/tops/womens" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Jackets & Tops</span> </a> <a href="/collections/socks" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Socks</span> </a> <a href="/collections/gloves" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Gloves</span> </a> <a href="/collections/protection" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Protection</span> </a> <a href="/collections/wool/womens" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Merino Wool</span> </a> <a href="/collections/womens/parts" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Women's Components</span> </a> </div> <div class="dropdown__family dropdown__family--grandchild"><a href="/collections/kids" class="dropdown__image" aria-label="Kids"> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/kids-collection.jpg?v=1743536930&width=1600" alt="Kids" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/kids-collection.jpg?v=1743536930&width=352 352w, //chromagbikes.com/cdn/shop/collections/kids-collection.jpg?v=1743536930&width=400 400w, //chromagbikes.com/cdn/shop/collections/kids-collection.jpg?v=1743536930&width=768 768w, //chromagbikes.com/cdn/shop/collections/kids-collection.jpg?v=1743536930&width=932 932w, //chromagbikes.com/cdn/shop/collections/kids-collection.jpg?v=1743536930&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/kids-collection.jpg?v=1743536930&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/kids-collection.jpg?v=1743536930&width=1600 1600w" sizes="25vw" fetchpriority="auto" style="object-position: center center; "> </div> </a> <a href="/collections/kids" data-stagger-first class="navlink navlink--child"> <span class="navtext">Kids</span> </a> <a href="/collections/kids" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">All Kid's</span> </a> <a href="/collections/kids/shorts-pants" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Shorts & Pants</span> </a> <a href="/collections/kids/jerseys-tops" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Jerseys & Tops</span> </a> <a href="/collections/kids/parts" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Kid's Components</span> </a> </div> <div class="dropdown__family dropdown__family--grandchild"><a href="/collections/accessories" class="dropdown__image" aria-label="Accessories"> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/accessories-collection.jpg?v=1545244449&width=2000" alt="Accessories" width="2000" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/accessories-collection.jpg?v=1545244449&width=352 352w, //chromagbikes.com/cdn/shop/collections/accessories-collection.jpg?v=1545244449&width=400 400w, //chromagbikes.com/cdn/shop/collections/accessories-collection.jpg?v=1545244449&width=768 768w, //chromagbikes.com/cdn/shop/collections/accessories-collection.jpg?v=1545244449&width=932 932w, //chromagbikes.com/cdn/shop/collections/accessories-collection.jpg?v=1545244449&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/accessories-collection.jpg?v=1545244449&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/accessories-collection.jpg?v=1545244449&width=1920 1920w, //chromagbikes.com/cdn/shop/collections/accessories-collection.jpg?v=1545244449&width=2000 2000w" sizes="25vw" fetchpriority="auto" style="object-position: center center; "> </div> </a> <a href="/collections/accessories" data-stagger-first class="navlink navlink--child"> <span class="navtext">Accessories</span> </a> <a href="/collections/headwear" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Headwear</span> </a> <a href="/collections/socks" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Socks</span> </a> <a href="/collections/gloves" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Gloves</span> </a> <a href="/collections/protection" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Protection</span> </a> <a href="/collections/bottles-mugs" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Water Bottles</span> </a> <a href="/collections/stickers" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Stickers</span> </a> <a href="/collections/dog-collars-leashes" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Dog Collars</span> </a> </div> <div class="dropdown__family dropdown__family--grandchild"> <a href="/" data-stagger-first class="navlink navlink--child main-menu--active"> <span class="navtext">Collections</span> </a> <a href="/collections/2025" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">SS25 Apparel</span> </a> <a href="/collections/wool" data-stagger-second class="navlink navlink--grandchild"> <span class="navtext">Merino Wool</span> </a> <a href="/collections/sale" data-stagger-second class="navlink navlink--grandchild highlight--link"> <span class="navtext">Sale</span> </a> </div> </div> </div> </div> </div>  <div class="menu__item child" data-main-menu-text-item > <a href="/blogs/news" data-top-link class="navlink navlink--toplevel"> <span class="navtext">News</span> </a> </div>  <div class="menu__item parent" data-main-menu-text-item role="button" aria-haspopup="true" aria-expanded="false" data-hover-disclosure-toggle="dropdown-49c6880d26e577cd4b11820ce664a5f6" aria-controls="dropdown-49c6880d26e577cd4b11820ce664a5f6" > <a href="/pages/about-us" data-top-link class="navlink navlink--toplevel"> <span class="navtext">About Us</span> </a> <div class="header__dropdown" data-hover-disclosure id="dropdown-49c6880d26e577cd4b11820ce664a5f6"> <div class="header__dropdown__wrapper"> <div class="header__dropdown__inner"> <a href="/pages/contact" data-stagger class="navlink navlink--child"> <span class="navtext">Contact Us</span> </a> <a href="/a/storelocator" data-stagger class="navlink navlink--child"> <span class="navtext">Dealer Locator</span> </a> <a href="/pages/culture" data-stagger class="navlink navlink--child"> <span class="navtext">Culture</span> </a> <a href="/pages/custom-paint-gallery" data-stagger class="navlink navlink--child"> <span class="navtext">Custom Paint</span> </a> <a href="/pages/family" data-stagger class="navlink navlink--child"> <span class="navtext">Staff</span> </a> <a href="/pages/athletes" data-stagger class="navlink navlink--child"> <span class="navtext">Team</span> </a> <a href="/pages/doggos" data-stagger class="navlink navlink--child"> <span class="navtext">Doggos</span> </a> <a href="/pages/faq" data-stagger class="navlink navlink--child"> <span class="navtext">FAQ</span> </a> </div> </div> </div> </div>  <div class="menu__item child" data-main-menu-text-item > <a href="/collections/new" data-top-link class="navlink navlink--toplevel"> <span class="navtext">New Gear!</span> </a> </div>  <div class="menu__item parent" data-main-menu-text-item role="button" aria-haspopup="true" aria-expanded="false" data-hover-disclosure-toggle="dropdown-b90aabe0989276df243c4b46d72a6c22" aria-controls="dropdown-b90aabe0989276df243c4b46d72a6c22" > <a href="/collections/sale" data-top-link class="navlink navlink--toplevel highlight--link"> <span class="navtext">Sale</span> </a> <div class="header__dropdown" data-hover-disclosure id="dropdown-b90aabe0989276df243c4b46d72a6c22"> <div class="header__dropdown__wrapper"> <div class="header__dropdown__inner"> <a href="/collections/sale" data-stagger class="navlink navlink--child"> <span class="navtext">All Sale</span> </a> <a href="/collections/bike-shed" data-stagger class="navlink navlink--child"> <span class="navtext">The Bike Shed</span> </a> <a href="/collections/parts-sale" data-stagger class="navlink navlink--child"> <span class="navtext">Component Sale</span> </a> <a href="/collections/apparel-sale" data-stagger class="navlink navlink--child"> <span class="navtext">Apparel Sale</span> </a> <a href="/collections/mens-sale" data-stagger class="navlink navlink--child"> <span class="navtext">Men's Sale</span> </a> <a href="/collections/womens-sale" data-stagger class="navlink navlink--child"> <span class="navtext">Women's Sale</span> </a> <a href="/collections/kids-sale" data-stagger class="navlink navlink--child"> <span class="navtext">Kid's Sale</span> </a> </div> </div> </div> </div> <div class="hover__bar"></div> <div class="hover__bg"></div> </div> </nav> <div class="header__desktop__buttons header__desktop__buttons--icons" ><div class="header__desktop__button " > <a href="/account" class="navlink"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-mod-user" viewBox="0 0 24 24"><path d="m1 22 3.3-4h15.4l3.3 4M17.996 8.242a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z"/></svg> <span class="visually-hidden">My Account</span></a> </div> <div class="header__desktop__button " > <a href="/search" class="navlink" data-popdown-toggle="search-popdown"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-mod-search" viewBox="0 0 24 24"><path stroke-linecap="square" d="M10.1 17.7a7.6 7.6 0 1 0 0-15.2 7.6 7.6 0 0 0 0 15.2Zm11.4 3.8-5.7-5.7"/></svg> <span class="visually-hidden">Search</span> </a> </div> <div class="header__desktop__button " > <a href="/cart" class="navlink navlink--cart" data-drawer-toggle="drawer-cart"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-mod-bag" viewBox="0 0 24 24"><path class="icon-cart-full" d="M7 11h10v8H7z"/><path d="M4 6h16v16H4z"/><path d="M9 9V2h6v7"/></svg> <span class="visually-hidden">Cart</span> <span class="header__cart__status" data-test-id="cart-status"> <span data-header-cart-price="0"> $0.00 </span> <span data-header-cart-count="0"> (0) </span> <span data-header-cart-full="false" ></span> </span> </a> </div> </div> </div> </div></div> </div> </div> </header> <nav class="drawer header__drawer display-none" data-drawer="hamburger" aria-label="Main menu" id="header-menu"> <div class="drawer__content"> <div class="drawer__top"> <div class="drawer__top__left"> <form method="post" action="/localization" id="localization-form-drawer" accept-charset="UTF-8" class="header__drawer__selects" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="popout--navbar js"> <h2 class="visually-hidden" id="currency-heading-localization-form-drawer"> Currency </h2> <popout-select> <div class="popout" data-popout> <button type="button" class="popout__toggle" aria-expanded="false" aria-controls="currency-list-localization-form-drawer" aria-describedby="currency-heading-localization-form-drawer" data-popout-toggle> Canada (CA $)<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-down" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6"/></svg></button> <ul id="currency-list-localization-form-drawer" class="popout-list" data-popout-list data-popout-list-scroll data-scroll-lock-scrollable> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AF" data-currency="AFN" data-popout-option> <span>Afghanistan (AF ؋)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AX" data-currency="EUR" data-popout-option> <span>Åland Islands (AX €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AL" data-currency="ALL" data-popout-option> <span>Albania (AL L)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DZ" data-currency="DZD" data-popout-option> <span>Algeria (DZ د.ج)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AD" data-currency="EUR" data-popout-option> <span>Andorra (AD €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AO" data-currency="CAD" data-popout-option> <span>Angola (AO $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AI" data-currency="XCD" data-popout-option> <span>Anguilla (AI $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AG" data-currency="XCD" data-popout-option> <span>Antigua & Barbuda (AG $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AR" data-currency="CAD" data-popout-option> <span>Argentina (AR $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AM" data-currency="AMD" data-popout-option> <span>Armenia (AM դր.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AW" data-currency="AWG" data-popout-option> <span>Aruba (AW ƒ)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AC" data-currency="SHP" data-popout-option> <span>Ascension Island (AC £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AU" data-currency="AUD" data-popout-option> <span>Australia (AU $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AT" data-currency="EUR" data-popout-option> <span>Austria (AT €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AZ" data-currency="AZN" data-popout-option> <span>Azerbaijan (AZ ₼)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BS" data-currency="BSD" data-popout-option> <span>Bahamas (BS $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BH" data-currency="CAD" data-popout-option> <span>Bahrain (BH $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BD" data-currency="BDT" data-popout-option> <span>Bangladesh (BD ৳)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BB" data-currency="BBD" data-popout-option> <span>Barbados (BB $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BY" data-currency="CAD" data-popout-option> <span>Belarus (BY $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BE" data-currency="EUR" data-popout-option> <span>Belgium (BE €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BZ" data-currency="BZD" data-popout-option> <span>Belize (BZ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BJ" data-currency="XOF" data-popout-option> <span>Benin (BJ Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BM" data-currency="USD" data-popout-option> <span>Bermuda (BM $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BT" data-currency="CAD" data-popout-option> <span>Bhutan (BT $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BO" data-currency="BOB" data-popout-option> <span>Bolivia (BO Bs.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BA" data-currency="BAM" data-popout-option> <span>Bosnia & Herzegovina (BA КМ)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BW" data-currency="BWP" data-popout-option> <span>Botswana (BW P)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BR" data-currency="CAD" data-popout-option> <span>Brazil (BR $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IO" data-currency="USD" data-popout-option> <span>British Indian Ocean Territory (IO $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VG" data-currency="USD" data-popout-option> <span>British Virgin Islands (VG $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BN" data-currency="BND" data-popout-option> <span>Brunei (BN $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BG" data-currency="BGN" data-popout-option> <span>Bulgaria (BG лв.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BF" data-currency="XOF" data-popout-option> <span>Burkina Faso (BF Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BI" data-currency="BIF" data-popout-option> <span>Burundi (BI Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KH" data-currency="KHR" data-popout-option> <span>Cambodia (KH ៛)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CM" data-currency="XAF" data-popout-option> <span>Cameroon (CM CFA)</span> </a> </li> <li class="popout-list__item popout-list__item--current"> <a class="popout-list__option" href="#" aria-current="true" data-value="CA" data-currency="CAD" data-popout-option> <span>Canada (CA $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CV" data-currency="CVE" data-popout-option> <span>Cape Verde (CV $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BQ" data-currency="USD" data-popout-option> <span>Caribbean Netherlands (BQ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KY" data-currency="KYD" data-popout-option> <span>Cayman Islands (KY $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CF" data-currency="XAF" data-popout-option> <span>Central African Republic (CF CFA)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TD" data-currency="XAF" data-popout-option> <span>Chad (TD CFA)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CL" data-currency="CAD" data-popout-option> <span>Chile (CL $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CN" data-currency="CNY" data-popout-option> <span>China (CN ¥)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CX" data-currency="AUD" data-popout-option> <span>Christmas Island (CX $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CC" data-currency="AUD" data-popout-option> <span>Cocos (Keeling) Islands (CC $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CO" data-currency="CAD" data-popout-option> <span>Colombia (CO $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KM" data-currency="KMF" data-popout-option> <span>Comoros (KM Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CG" data-currency="XAF" data-popout-option> <span>Congo - Brazzaville (CG CFA)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CD" data-currency="CDF" data-popout-option> <span>Congo - Kinshasa (CD Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CK" data-currency="NZD" data-popout-option> <span>Cook Islands (CK $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CR" data-currency="CRC" data-popout-option> <span>Costa Rica (CR ₡)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CI" data-currency="XOF" data-popout-option> <span>Côte d’Ivoire (CI Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="HR" data-currency="EUR" data-popout-option> <span>Croatia (HR €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CW" data-currency="ANG" data-popout-option> <span>Curaçao (CW ƒ)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CY" data-currency="EUR" data-popout-option> <span>Cyprus (CY €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CZ" data-currency="CZK" data-popout-option> <span>Czechia (CZ Kč)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DK" data-currency="DKK" data-popout-option> <span>Denmark (DK kr.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DJ" data-currency="DJF" data-popout-option> <span>Djibouti (DJ Fdj)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DM" data-currency="XCD" data-popout-option> <span>Dominica (DM $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DO" data-currency="DOP" data-popout-option> <span>Dominican Republic (DO $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="EC" data-currency="USD" data-popout-option> <span>Ecuador (EC $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="EG" data-currency="EGP" data-popout-option> <span>Egypt (EG ج.م)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SV" data-currency="USD" data-popout-option> <span>El Salvador (SV $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GQ" data-currency="XAF" data-popout-option> <span>Equatorial Guinea (GQ CFA)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ER" data-currency="CAD" data-popout-option> <span>Eritrea (ER $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="EE" data-currency="EUR" data-popout-option> <span>Estonia (EE €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SZ" data-currency="CAD" data-popout-option> <span>Eswatini (SZ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ET" data-currency="ETB" data-popout-option> <span>Ethiopia (ET Br)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="FK" data-currency="FKP" data-popout-option> <span>Falkland Islands (FK £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="FO" data-currency="DKK" data-popout-option> <span>Faroe Islands (FO kr.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="FJ" data-currency="FJD" data-popout-option> <span>Fiji (FJ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="FI" data-currency="EUR" data-popout-option> <span>Finland (FI €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="FR" data-currency="EUR" data-popout-option> <span>France (FR €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GF" data-currency="EUR" data-popout-option> <span>French Guiana (GF €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PF" data-currency="XPF" data-popout-option> <span>French Polynesia (PF Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TF" data-currency="EUR" data-popout-option> <span>French Southern Territories (TF €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GA" data-currency="XOF" data-popout-option> <span>Gabon (GA Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GM" data-currency="GMD" data-popout-option> <span>Gambia (GM D)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GE" data-currency="CAD" data-popout-option> <span>Georgia (GE $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DE" data-currency="EUR" data-popout-option> <span>Germany (DE €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GH" data-currency="CAD" data-popout-option> <span>Ghana (GH $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GR" data-currency="EUR" data-popout-option> <span>Greece (GR €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GL" data-currency="DKK" data-popout-option> <span>Greenland (GL kr.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GD" data-currency="XCD" data-popout-option> <span>Grenada (GD $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GP" data-currency="EUR" data-popout-option> <span>Guadeloupe (GP €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GT" data-currency="GTQ" data-popout-option> <span>Guatemala (GT Q)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GG" data-currency="GBP" data-popout-option> <span>Guernsey (GG £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GN" data-currency="GNF" data-popout-option> <span>Guinea (GN Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GW" data-currency="XOF" data-popout-option> <span>Guinea-Bissau (GW Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GY" data-currency="GYD" data-popout-option> <span>Guyana (GY $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="HT" data-currency="CAD" data-popout-option> <span>Haiti (HT $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="HN" data-currency="HNL" data-popout-option> <span>Honduras (HN L)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="HK" data-currency="HKD" data-popout-option> <span>Hong Kong SAR (HK $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="HU" data-currency="HUF" data-popout-option> <span>Hungary (HU Ft)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IS" data-currency="ISK" data-popout-option> <span>Iceland (IS kr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IN" data-currency="INR" data-popout-option> <span>India (IN ₹)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ID" data-currency="IDR" data-popout-option> <span>Indonesia (ID Rp)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IQ" data-currency="CAD" data-popout-option> <span>Iraq (IQ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IE" data-currency="EUR" data-popout-option> <span>Ireland (IE €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IM" data-currency="GBP" data-popout-option> <span>Isle of Man (IM £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IL" data-currency="ILS" data-popout-option> <span>Israel (IL ₪)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IT" data-currency="EUR" data-popout-option> <span>Italy (IT €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="JM" data-currency="JMD" data-popout-option> <span>Jamaica (JM $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="JP" data-currency="JPY" data-popout-option> <span>Japan (JP ¥)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="JE" data-currency="CAD" data-popout-option> <span>Jersey (JE $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="JO" data-currency="CAD" data-popout-option> <span>Jordan (JO $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KZ" data-currency="KZT" data-popout-option> <span>Kazakhstan (KZ ₸)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KE" data-currency="KES" data-popout-option> <span>Kenya (KE KSh)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KI" data-currency="CAD" data-popout-option> <span>Kiribati (KI $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="XK" data-currency="EUR" data-popout-option> <span>Kosovo (XK €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KW" data-currency="CAD" data-popout-option> <span>Kuwait (KW $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KG" data-currency="KGS" data-popout-option> <span>Kyrgyzstan (KG som)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LA" data-currency="LAK" data-popout-option> <span>Laos (LA ₭)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LV" data-currency="EUR" data-popout-option> <span>Latvia (LV €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LB" data-currency="LBP" data-popout-option> <span>Lebanon (LB ل.ل)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LS" data-currency="CAD" data-popout-option> <span>Lesotho (LS $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LR" data-currency="CAD" data-popout-option> <span>Liberia (LR $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LY" data-currency="CAD" data-popout-option> <span>Libya (LY $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LI" data-currency="CHF" data-popout-option> <span>Liechtenstein (LI CHF)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LT" data-currency="EUR" data-popout-option> <span>Lithuania (LT €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LU" data-currency="EUR" data-popout-option> <span>Luxembourg (LU €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MO" data-currency="MOP" data-popout-option> <span>Macao SAR (MO P)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MG" data-currency="CAD" data-popout-option> <span>Madagascar (MG $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MW" data-currency="MWK" data-popout-option> <span>Malawi (MW MK)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MY" data-currency="MYR" data-popout-option> <span>Malaysia (MY RM)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MV" data-currency="MVR" data-popout-option> <span>Maldives (MV MVR)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ML" data-currency="XOF" data-popout-option> <span>Mali (ML Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MT" data-currency="EUR" data-popout-option> <span>Malta (MT €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MQ" data-currency="EUR" data-popout-option> <span>Martinique (MQ €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MR" data-currency="CAD" data-popout-option> <span>Mauritania (MR $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MU" data-currency="MUR" data-popout-option> <span>Mauritius (MU ₨)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="YT" data-currency="EUR" data-popout-option> <span>Mayotte (YT €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MX" data-currency="MXN" data-popout-option> <span>Mexico (MX $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MD" data-currency="MDL" data-popout-option> <span>Moldova (MD L)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MC" data-currency="EUR" data-popout-option> <span>Monaco (MC €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MN" data-currency="MNT" data-popout-option> <span>Mongolia (MN ₮)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ME" data-currency="EUR" data-popout-option> <span>Montenegro (ME €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MS" data-currency="XCD" data-popout-option> <span>Montserrat (MS $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MA" data-currency="MAD" data-popout-option> <span>Morocco (MA د.م.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MZ" data-currency="CAD" data-popout-option> <span>Mozambique (MZ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MM" data-currency="MMK" data-popout-option> <span>Myanmar (Burma) (MM K)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NA" data-currency="CAD" data-popout-option> <span>Namibia (NA $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NR" data-currency="AUD" data-popout-option> <span>Nauru (NR $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NP" data-currency="NPR" data-popout-option> <span>Nepal (NP Rs.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NL" data-currency="EUR" data-popout-option> <span>Netherlands (NL €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NC" data-currency="XPF" data-popout-option> <span>New Caledonia (NC Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NZ" data-currency="NZD" data-popout-option> <span>New Zealand (NZ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NI" data-currency="NIO" data-popout-option> <span>Nicaragua (NI C$)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NE" data-currency="XOF" data-popout-option> <span>Niger (NE Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NG" data-currency="NGN" data-popout-option> <span>Nigeria (NG ₦)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NU" data-currency="NZD" data-popout-option> <span>Niue (NU $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NF" data-currency="AUD" data-popout-option> <span>Norfolk Island (NF $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MK" data-currency="MKD" data-popout-option> <span>North Macedonia (MK ден)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NO" data-currency="CAD" data-popout-option> <span>Norway (NO $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="OM" data-currency="CAD" data-popout-option> <span>Oman (OM $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PK" data-currency="PKR" data-popout-option> <span>Pakistan (PK ₨)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PS" data-currency="ILS" data-popout-option> <span>Palestinian Territories (PS ₪)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PA" data-currency="USD" data-popout-option> <span>Panama (PA $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PG" data-currency="PGK" data-popout-option> <span>Papua New Guinea (PG K)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PY" data-currency="PYG" data-popout-option> <span>Paraguay (PY ₲)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PE" data-currency="PEN" data-popout-option> <span>Peru (PE S/)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PH" data-currency="PHP" data-popout-option> <span>Philippines (PH ₱)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PN" data-currency="NZD" data-popout-option> <span>Pitcairn Islands (PN $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PL" data-currency="PLN" data-popout-option> <span>Poland (PL zł)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PT" data-currency="EUR" data-popout-option> <span>Portugal (PT €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="QA" data-currency="QAR" data-popout-option> <span>Qatar (QA ر.ق)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="RE" data-currency="EUR" data-popout-option> <span>Réunion (RE €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="RO" data-currency="RON" data-popout-option> <span>Romania (RO Lei)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="RU" data-currency="CAD" data-popout-option> <span>Russia (RU $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="RW" data-currency="RWF" data-popout-option> <span>Rwanda (RW FRw)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="WS" data-currency="WST" data-popout-option> <span>Samoa (WS T)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SM" data-currency="EUR" data-popout-option> <span>San Marino (SM €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ST" data-currency="STD" data-popout-option> <span>São Tomé & Príncipe (ST Db)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SA" data-currency="SAR" data-popout-option> <span>Saudi Arabia (SA ر.س)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SN" data-currency="XOF" data-popout-option> <span>Senegal (SN Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="RS" data-currency="RSD" data-popout-option> <span>Serbia (RS РСД)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SC" data-currency="CAD" data-popout-option> <span>Seychelles (SC $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SL" data-currency="SLL" data-popout-option> <span>Sierra Leone (SL Le)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SG" data-currency="SGD" data-popout-option> <span>Singapore (SG $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SX" data-currency="ANG" data-popout-option> <span>Sint Maarten (SX ƒ)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SK" data-currency="EUR" data-popout-option> <span>Slovakia (SK €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SI" data-currency="EUR" data-popout-option> <span>Slovenia (SI €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SB" data-currency="SBD" data-popout-option> <span>Solomon Islands (SB $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SO" data-currency="CAD" data-popout-option> <span>Somalia (SO $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ZA" data-currency="CAD" data-popout-option> <span>South Africa (ZA $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GS" data-currency="GBP" data-popout-option> <span>South Georgia & South Sandwich Islands (GS £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KR" data-currency="KRW" data-popout-option> <span>South Korea (KR ₩)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SS" data-currency="CAD" data-popout-option> <span>South Sudan (SS $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ES" data-currency="EUR" data-popout-option> <span>Spain (ES €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LK" data-currency="LKR" data-popout-option> <span>Sri Lanka (LK ₨)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BL" data-currency="EUR" data-popout-option> <span>St. Barthélemy (BL €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SH" data-currency="SHP" data-popout-option> <span>St. Helena (SH £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KN" data-currency="XCD" data-popout-option> <span>St. Kitts & Nevis (KN $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LC" data-currency="XCD" data-popout-option> <span>St. Lucia (LC $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MF" data-currency="EUR" data-popout-option> <span>St. Martin (MF €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PM" data-currency="EUR" data-popout-option> <span>St. Pierre & Miquelon (PM €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VC" data-currency="XCD" data-popout-option> <span>St. Vincent & Grenadines (VC $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SD" data-currency="CAD" data-popout-option> <span>Sudan (SD $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SR" data-currency="CAD" data-popout-option> <span>Suriname (SR $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SJ" data-currency="CAD" data-popout-option> <span>Svalbard & Jan Mayen (SJ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SE" data-currency="SEK" data-popout-option> <span>Sweden (SE kr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CH" data-currency="CHF" data-popout-option> <span>Switzerland (CH CHF)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TW" data-currency="TWD" data-popout-option> <span>Taiwan (TW $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TJ" data-currency="TJS" data-popout-option> <span>Tajikistan (TJ ЅМ)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TZ" data-currency="TZS" data-popout-option> <span>Tanzania (TZ Sh)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TH" data-currency="THB" data-popout-option> <span>Thailand (TH ฿)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TL" data-currency="USD" data-popout-option> <span>Timor-Leste (TL $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TG" data-currency="XOF" data-popout-option> <span>Togo (TG Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TK" data-currency="NZD" data-popout-option> <span>Tokelau (TK $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TO" data-currency="TOP" data-popout-option> <span>Tonga (TO T$)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TT" data-currency="TTD" data-popout-option> <span>Trinidad & Tobago (TT $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TA" data-currency="GBP" data-popout-option> <span>Tristan da Cunha (TA £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TN" data-currency="CAD" data-popout-option> <span>Tunisia (TN $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TR" data-currency="CAD" data-popout-option> <span>Türkiye (TR $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TM" data-currency="CAD" data-popout-option> <span>Turkmenistan (TM $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TC" data-currency="USD" data-popout-option> <span>Turks & Caicos Islands (TC $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TV" data-currency="AUD" data-popout-option> <span>Tuvalu (TV $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="UM" data-currency="USD" data-popout-option> <span>U.S. Outlying Islands (UM $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="UG" data-currency="UGX" data-popout-option> <span>Uganda (UG USh)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="UA" data-currency="UAH" data-popout-option> <span>Ukraine (UA ₴)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AE" data-currency="AED" data-popout-option> <span>United Arab Emirates (AE د.إ)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GB" data-currency="GBP" data-popout-option> <span>United Kingdom (GB £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="US" data-currency="USD" data-popout-option> <span>United States (US $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="UY" data-currency="UYU" data-popout-option> <span>Uruguay (UY $U)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="UZ" data-currency="UZS" data-popout-option> <span>Uzbekistan (UZ so'm)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VU" data-currency="VUV" data-popout-option> <span>Vanuatu (VU Vt)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VA" data-currency="EUR" data-popout-option> <span>Vatican City (VA €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VE" data-currency="USD" data-popout-option> <span>Venezuela (VE $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VN" data-currency="VND" data-popout-option> <span>Vietnam (VN ₫)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="WF" data-currency="XPF" data-popout-option> <span>Wallis & Futuna (WF Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="EH" data-currency="MAD" data-popout-option> <span>Western Sahara (EH د.م.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="YE" data-currency="YER" data-popout-option> <span>Yemen (YE ﷼)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ZM" data-currency="CAD" data-popout-option> <span>Zambia (ZM $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ZW" data-currency="USD" data-popout-option> <span>Zimbabwe (ZW $)</span> </a> </li></ul> <input type="hidden" name="country_code" id="CurrencySelector-localization-form-drawer" value="CA" data-popout-input/> </div> </popout-select> </div> </form> <a class="drawer__account" href="/account"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-mod-user" viewBox="0 0 24 24"><path d="m1 22 3.3-4h15.4l3.3 4M17.996 8.242a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z"/></svg> <span class="visually-hidden">My Account</span> </a></div> <button class="drawer__button drawer__close" data-first-focus data-drawer-toggle="hamburger" aria-label="Close"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-x" viewBox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></svg> </button> </div> <div class="drawer__inner" data-drawer-scrolls> <div class="drawer__search" data-drawer-search>  <div data-search-popdown-wrap> <div id="search-drawer" class="search-drawer search__predictive" data-popdown-outer><predictive-search><form action="/search" method="get" role="search"> <div class="item--loadbar" data-loading-indicator style="display: none;"></div> <div class="search__predictive__outer"> <div class="wrapper"> <div class="search__predictive__main"> <div class="search__predictive__actions"> <button class="search__predictive__button" type="submit"> <span class="visually-hidden">Search</span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-mod-search" viewBox="0 0 24 24"><path stroke-linecap="square" d="M10.1 17.7a7.6 7.6 0 1 0 0-15.2 7.6 7.6 0 0 0 0 15.2Zm11.4 3.8-5.7-5.7"/></svg> </button> <input type="search" data-predictive-search-input="search-popdown-results" name="q" value="" placeholder="Search..." aria-label="Search our store" aria-controls="predictive-search-results" > <div class="search__predictive__clear"> <button type="reset" class="search__predictive__close__inner search-reset is-hidden" aria-label="Reset"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-x" viewBox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></svg> Clear</button> </div> </div> <div class="search__predictive__close"> <button type="button" class="search__predictive__close__inner" data-close-popdown aria-label="Close"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-x" viewBox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></svg> </button> </div> </div> </div> </div><div class="header__search__results" tabindex="-1" data-predictive-search-results></div> <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true" data-predictive-search-status></span></form></predictive-search></div> <script data-predictive-search-aria-template type="text/x-template"> <div aria-live="polite"> <p> {{@if(it.count)}} <span class="badge">{{ it.count }}</span> {{/if}} {{ it.title }} <em>{{ it.query }}</em> </p> </div> </script> <script data-predictive-search-title-template type="text/x-template"> <div class="search__results__heading"> <p> <span class="search__results__title">{{ it.title }}</span> <span class="badge">{{ it.count }}</span> </p> </div> </script> <script data-search-other-template type="text/x-template"> {{@each(it) => object, index}} <div class="other__inline animates" style="animation-delay: {{ index | animationDelay }}ms;"> <p class="other__inline__title"> <a href="{{ object.url }}">{{ object.title | safe }}</a> </p> </div> {{/each}} </script> <script data-search-product-template type="text/x-template"> {{@each(it) => object, index}} <a href="{{ object.url }}" class="product__inline animates" style="animation-delay: {{ index | animationDelay }}ms;"> <div class="product__inline__image {{ @if (object.featured_image.width === null) }} product__inline__image--no-image {{ /if}}"> {{ @if (object.featured_image.width !== null) }} <img class="img-aspect-ratio" width="{{object.featured_image.width}}" height="{{ object.featured_image.height }}" alt="{{ object.featured_image.alt }}" src="{{ object.thumb }}"> {{ /if}} </div> <div> <p class="product__inline__title"> {{ object.title | safe }} </p> <p class="product__inline__price"> <span class="price {{ object.classes }}"> {{ object.price | safe }} </span> {{@if(object.sold_out)}} <br /><em>{{ object.sold_out_translation }}</em> {{/if}} {{@if(object.on_sale)}} <span class="compare-at"> {{ object.compare_at_price | safe }} </span> {{/if}} </p> </div> </a> {{/each}} </script> </div> </div> <div class="drawer__menu" data-stagger-animation data-sliderule-pane="0"> <div class="sliderule__wrapper"><button class="sliderow" data-animates="0" data-sliderule-open="sliderule-41927d5377809ed623630709358e2353"> <span class="sliderow__title">Bikes</span> <span class="sliderule__chevron--right"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> <span class="visually-hidden">Expand menu</span> </span> </button> <div class="mobile__menu__dropdown sliderule__panel" data-sliderule id="sliderule-41927d5377809ed623630709358e2353"><div class="sliderow sliderow__back" data-animates="1"> <button class="drawer__button" data-sliderule-close="sliderule-41927d5377809ed623630709358e2353"> <span class="sliderule__chevron--left"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg> <span class="visually-hidden">Hide menu</span> </span> </button> <a class="sliderow__title" href="/collections/bikes">Bikes</a> </div><div class="sliderow__links" data-links> <div class="sliderule__wrapper"><button class="sliderow" data-animates="1" data-sliderule-open="sliderule-5b9c18b9e9fa39a7e0a63fe472acfd88"> <span class="sliderow__title">Full Suspension</span> <span class="sliderule__chevron--right"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> <span class="visually-hidden">Expand menu</span> </span> </button> <div class="mobile__menu__dropdown sliderule__panel" data-sliderule id="sliderule-5b9c18b9e9fa39a7e0a63fe472acfd88"><div class="sliderow sliderow--borderless sliderow__back" data-animates="2"> <button class="drawer__button" data-sliderule-close="sliderule-5b9c18b9e9fa39a7e0a63fe472acfd88"> <span class="sliderule__chevron--left"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg> <span class="visually-hidden">Hide menu</span> </span> </button> <a class="sliderow__title" href="/collections/full-suspension">Full Suspension</a> </div><div class="sliderule__image" data-animates> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/lowdown-3666.jpg?v=1739309632&width=1600" alt="Full Suspension" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/lowdown-3666.jpg?v=1739309632&width=352 352w, //chromagbikes.com/cdn/shop/collections/lowdown-3666.jpg?v=1739309632&width=400 400w, //chromagbikes.com/cdn/shop/collections/lowdown-3666.jpg?v=1739309632&width=768 768w, //chromagbikes.com/cdn/shop/collections/lowdown-3666.jpg?v=1739309632&width=932 932w, //chromagbikes.com/cdn/shop/collections/lowdown-3666.jpg?v=1739309632&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/lowdown-3666.jpg?v=1739309632&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/lowdown-3666.jpg?v=1739309632&width=1600 1600w" sizes="100vw" fetchpriority="auto" style="object-position: center center; "> </div> </div> <div class="sliderow__links" data-links> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/full-suspension/products/darco">Darco</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/full-suspension/products/darco-ti">Darco Ti</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/full-suspension/products/lowdown">Lowdown</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/full-suspension/products/minor-threat-v2">Minor Threat V2</a> </div></div> </div><div class="sliderule-grid blocks-0"> </div></div></div> <div class="sliderule__wrapper"><button class="sliderow" data-animates="1" data-sliderule-open="sliderule-25ef29cb63d28d8dd6699e73ee058a5b"> <span class="sliderow__title">29"</span> <span class="sliderule__chevron--right"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> <span class="visually-hidden">Expand menu</span> </span> </button> <div class="mobile__menu__dropdown sliderule__panel" data-sliderule id="sliderule-25ef29cb63d28d8dd6699e73ee058a5b"><div class="sliderow sliderow--borderless sliderow__back" data-animates="2"> <button class="drawer__button" data-sliderule-close="sliderule-25ef29cb63d28d8dd6699e73ee058a5b"> <span class="sliderule__chevron--left"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg> <span class="visually-hidden">Hide menu</span> </span> </button> <a class="sliderow__title" href="/collections/29">29"</a> </div><div class="sliderule__image" data-animates> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/29-collection.jpg?v=1602695619&width=1600" alt="29"" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/29-collection.jpg?v=1602695619&width=352 352w, //chromagbikes.com/cdn/shop/collections/29-collection.jpg?v=1602695619&width=400 400w, //chromagbikes.com/cdn/shop/collections/29-collection.jpg?v=1602695619&width=768 768w, //chromagbikes.com/cdn/shop/collections/29-collection.jpg?v=1602695619&width=932 932w, //chromagbikes.com/cdn/shop/collections/29-collection.jpg?v=1602695619&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/29-collection.jpg?v=1602695619&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/29-collection.jpg?v=1602695619&width=1600 1600w" sizes="100vw" fetchpriority="auto" style="object-position: center center; "> </div> </div> <div class="sliderow__links" data-links> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/29/products/darco">Darco</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/29/products/darco-ti">Darco Ti</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/29/products/lowdown">Lowdown</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/products/rootdown-2022">Rootdown [Series V]</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/products/rootdown-2024">Rootdown [Series VI]</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/29-27/products/rootdown-ti">Rootdown Ti</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/29-27/products/primer">Primer 🍁</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/29/products/doctahawk">Doctahawk 🍁</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/29/products/surface-voyager">Surface Voyager 🍁</a> </div></div> </div><div class="sliderule-grid blocks-0"> </div></div></div> <div class="sliderule__wrapper"><button class="sliderow" data-animates="1" data-sliderule-open="sliderule-b28ee5d67574ea70a6c4a08f83a87211"> <span class="sliderow__title">27.5"</span> <span class="sliderule__chevron--right"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> <span class="visually-hidden">Expand menu</span> </span> </button> <div class="mobile__menu__dropdown sliderule__panel" data-sliderule id="sliderule-b28ee5d67574ea70a6c4a08f83a87211"><div class="sliderow sliderow--borderless sliderow__back" data-animates="2"> <button class="drawer__button" data-sliderule-close="sliderule-b28ee5d67574ea70a6c4a08f83a87211"> <span class="sliderule__chevron--left"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg> <span class="visually-hidden">Hide menu</span> </span> </button> <a class="sliderow__title" href="/collections/650b">27.5"</a> </div><div class="sliderule__image" data-animates> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/27.5-collection.jpg?v=1602695681&width=1600" alt="27.5"" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/27.5-collection.jpg?v=1602695681&width=352 352w, //chromagbikes.com/cdn/shop/collections/27.5-collection.jpg?v=1602695681&width=400 400w, //chromagbikes.com/cdn/shop/collections/27.5-collection.jpg?v=1602695681&width=768 768w, //chromagbikes.com/cdn/shop/collections/27.5-collection.jpg?v=1602695681&width=932 932w, //chromagbikes.com/cdn/shop/collections/27.5-collection.jpg?v=1602695681&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/27.5-collection.jpg?v=1602695681&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/27.5-collection.jpg?v=1602695681&width=1600 1600w" sizes="100vw" fetchpriority="auto" style="object-position: center center; "> </div> </div> <div class="sliderow__links" data-links> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/650b/products/stylus-2022">Stylus</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/products/wideangle-2022">Wideangle</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/650b/products/minor-threat-v2">Minor Threat V2</a> </div></div> </div><div class="sliderule-grid blocks-0"> </div></div></div> <div class="sliderule__wrapper"><button class="sliderow" data-animates="1" data-sliderule-open="sliderule-ad62cc5e65626d6c653cc5f388af6b49"> <span class="sliderow__title">26" / 24" / 20"</span> <span class="sliderule__chevron--right"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> <span class="visually-hidden">Expand menu</span> </span> </button> <div class="mobile__menu__dropdown sliderule__panel" data-sliderule id="sliderule-ad62cc5e65626d6c653cc5f388af6b49"><div class="sliderow sliderow--borderless sliderow__back" data-animates="2"> <button class="drawer__button" data-sliderule-close="sliderule-ad62cc5e65626d6c653cc5f388af6b49"> <span class="sliderule__chevron--left"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg> <span class="visually-hidden">Hide menu</span> </span> </button> <a class="sliderow__title" href="/collections/26-24-20">26" / 24" / 20"</a> </div><div class="sliderule__image" data-animates> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/RobPerry_Chromag_13.webp?v=1739309582&width=1600" alt="26" / 24" / 20"" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/RobPerry_Chromag_13.webp?v=1739309582&width=352 352w, //chromagbikes.com/cdn/shop/collections/RobPerry_Chromag_13.webp?v=1739309582&width=400 400w, //chromagbikes.com/cdn/shop/collections/RobPerry_Chromag_13.webp?v=1739309582&width=768 768w, //chromagbikes.com/cdn/shop/collections/RobPerry_Chromag_13.webp?v=1739309582&width=932 932w, //chromagbikes.com/cdn/shop/collections/RobPerry_Chromag_13.webp?v=1739309582&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/RobPerry_Chromag_13.webp?v=1739309582&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/RobPerry_Chromag_13.webp?v=1739309582&width=1600 1600w" sizes="100vw" fetchpriority="auto" style="object-position: center center; "> </div> </div> <div class="sliderow__links" data-links> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/products/signature">Signature</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/products/monk-2024">Monk</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/26/products/minor-threat-v2">Minor Threat V2 [Kids & Youth]</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/26-24-20/products/juice-2023">Juice [Kids & Youth]</a> </div></div> </div><div class="sliderule-grid blocks-0"> </div></div></div> <div class="sliderule__wrapper"><button class="sliderow" data-animates="1" data-sliderule-open="sliderule-eb82c16d996223b069064d503a597281"> <span class="sliderow__title">Custom & Specialty</span> <span class="sliderule__chevron--right"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> <span class="visually-hidden">Expand menu</span> </span> </button> <div class="mobile__menu__dropdown sliderule__panel" data-sliderule id="sliderule-eb82c16d996223b069064d503a597281"><div class="sliderow sliderow--borderless sliderow__back" data-animates="2"> <button class="drawer__button" data-sliderule-close="sliderule-eb82c16d996223b069064d503a597281"> <span class="sliderule__chevron--left"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg> <span class="visually-hidden">Hide menu</span> </span> </button> <a class="sliderow__title" href="/collections/bike-shed">Custom & Specialty</a> </div><div class="sliderule__image" data-animates> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/WJW_6836.jpg?v=1606850957&width=2000" alt="Bike Shed" width="2000" height="990" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/WJW_6836.jpg?v=1606850957&width=352 352w, //chromagbikes.com/cdn/shop/collections/WJW_6836.jpg?v=1606850957&width=400 400w, //chromagbikes.com/cdn/shop/collections/WJW_6836.jpg?v=1606850957&width=768 768w, //chromagbikes.com/cdn/shop/collections/WJW_6836.jpg?v=1606850957&width=932 932w, //chromagbikes.com/cdn/shop/collections/WJW_6836.jpg?v=1606850957&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/WJW_6836.jpg?v=1606850957&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/WJW_6836.jpg?v=1606850957&width=1920 1920w, //chromagbikes.com/cdn/shop/collections/WJW_6836.jpg?v=1606850957&width=2000 2000w" sizes="100vw" fetchpriority="auto" style="object-position: center center; "> </div> </div> <div class="sliderow__links" data-links> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/bike-shed">The Bike Shed</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/pages/custom-paint-gallery">Custom Paint</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/made-in-canada">Handmade In Canada 🍁</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/made-in-taiwan">Handmade In Taiwan</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/pages/bike-archive">Bike Archive</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/frame-spare-parts">Frame Spares</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/bikes">View All Bikes</a> </div></div> </div><div class="sliderule-grid blocks-0"> </div></div></div> </div><div class="sliderule-grid blocks-0"> </div></div></div> <div class="sliderule__wrapper"><button class="sliderow" data-animates="0" data-sliderule-open="sliderule-084c8c8a82efa1e482ae912866d5a13e"> <span class="sliderow__title">Components</span> <span class="sliderule__chevron--right"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> <span class="visually-hidden">Expand menu</span> </span> </button> <div class="mobile__menu__dropdown sliderule__panel" data-sliderule id="sliderule-084c8c8a82efa1e482ae912866d5a13e"><div class="sliderow sliderow__back" data-animates="1"> <button class="drawer__button" data-sliderule-close="sliderule-084c8c8a82efa1e482ae912866d5a13e"> <span class="sliderule__chevron--left"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg> <span class="visually-hidden">Hide menu</span> </span> </button> <a class="sliderow__title" href="/collections/components">Components</a> </div><div class="sliderow__links" data-links> <div class="sliderule__wrapper"><button class="sliderow" data-animates="1" data-sliderule-open="sliderule-9ee567adf81c90e4f254da9becef9200"> <span class="sliderow__title">All Components</span> <span class="sliderule__chevron--right"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> <span class="visually-hidden">Expand menu</span> </span> </button> <div class="mobile__menu__dropdown sliderule__panel" data-sliderule id="sliderule-9ee567adf81c90e4f254da9becef9200"><div class="sliderow sliderow--borderless sliderow__back" data-animates="2"> <button class="drawer__button" data-sliderule-close="sliderule-9ee567adf81c90e4f254da9becef9200"> <span class="sliderule__chevron--left"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg> <span class="visually-hidden">Hide menu</span> </span> </button> <a class="sliderow__title" href="/collections/components">All Components</a> </div><div class="sliderule__image" data-animates> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/IMG_8345.jpg?v=1677019043&width=1600" alt="Components" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/IMG_8345.jpg?v=1677019043&width=352 352w, //chromagbikes.com/cdn/shop/collections/IMG_8345.jpg?v=1677019043&width=400 400w, //chromagbikes.com/cdn/shop/collections/IMG_8345.jpg?v=1677019043&width=768 768w, //chromagbikes.com/cdn/shop/collections/IMG_8345.jpg?v=1677019043&width=932 932w, //chromagbikes.com/cdn/shop/collections/IMG_8345.jpg?v=1677019043&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/IMG_8345.jpg?v=1677019043&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/IMG_8345.jpg?v=1677019043&width=1600 1600w" sizes="100vw" fetchpriority="auto" style="object-position: center center; "> </div> </div> <div class="sliderow__links" data-links> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/bars">Bars</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/pedals">Pedals</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/saddles">Saddles</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/grips">Grips</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/stems">Stems</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/rims-wheels">Wheels, Rims & Hubs</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/seatpost">Seatposts</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/chainrings">Chainrings</a> </div></div> </div><div class="sliderule-grid blocks-0"> </div></div></div> <div class="sliderule__wrapper"><button class="sliderow" data-animates="1" data-sliderule-open="sliderule-bd56186d92a701e2b984ed87754ccfbf"> <span class="sliderow__title">Small Parts</span> <span class="sliderule__chevron--right"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> <span class="visually-hidden">Expand menu</span> </span> </button> <div class="mobile__menu__dropdown sliderule__panel" data-sliderule id="sliderule-bd56186d92a701e2b984ed87754ccfbf"><div class="sliderow sliderow--borderless sliderow__back" data-animates="2"> <button class="drawer__button" data-sliderule-close="sliderule-bd56186d92a701e2b984ed87754ccfbf"> <span class="sliderule__chevron--left"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg> <span class="visually-hidden">Hide menu</span> </span> </button> <a class="sliderow__title" href="/collections/small-parts">Small Parts</a> </div><div class="sliderule__image" data-animates> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/small-parts-collection.jpg?v=1677019096&width=1600" alt="Small Parts" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/small-parts-collection.jpg?v=1677019096&width=352 352w, //chromagbikes.com/cdn/shop/collections/small-parts-collection.jpg?v=1677019096&width=400 400w, //chromagbikes.com/cdn/shop/collections/small-parts-collection.jpg?v=1677019096&width=768 768w, //chromagbikes.com/cdn/shop/collections/small-parts-collection.jpg?v=1677019096&width=932 932w, //chromagbikes.com/cdn/shop/collections/small-parts-collection.jpg?v=1677019096&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/small-parts-collection.jpg?v=1677019096&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/small-parts-collection.jpg?v=1677019096&width=1600 1600w" sizes="100vw" fetchpriority="auto" style="object-position: center center; "> </div> </div> <div class="sliderow__links" data-links> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/small-parts">Small Parts</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/spare-parts">Spare Parts</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/tools">Tools</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/accessories">Accessories</a> </div></div> </div><div class="sliderule-grid blocks-0"> </div></div></div> <div class="sliderule__wrapper"><button class="sliderow" data-animates="1" data-sliderule-open="sliderule-a6114f8862c85807276659a7988f5a09"> <span class="sliderow__title">Collections</span> <span class="sliderule__chevron--right"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> <span class="visually-hidden">Expand menu</span> </span> </button> <div class="mobile__menu__dropdown sliderule__panel" data-sliderule id="sliderule-a6114f8862c85807276659a7988f5a09"><div class="sliderow sliderow--borderless sliderow__back" data-animates="2"> <button class="drawer__button" data-sliderule-close="sliderule-a6114f8862c85807276659a7988f5a09"> <span class="sliderule__chevron--left"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg> <span class="visually-hidden">Hide menu</span> </span> </button> <a class="sliderow__title" href="/collections/liaison">Collections</a> </div><div class="sliderule__image" data-animates> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/chromag-liason-series-brandon-semenuk.jpg?v=1739309482&width=1400" alt="Liaison" width="1400" height="793" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/chromag-liason-series-brandon-semenuk.jpg?v=1739309482&width=352 352w, //chromagbikes.com/cdn/shop/collections/chromag-liason-series-brandon-semenuk.jpg?v=1739309482&width=400 400w, //chromagbikes.com/cdn/shop/collections/chromag-liason-series-brandon-semenuk.jpg?v=1739309482&width=768 768w, //chromagbikes.com/cdn/shop/collections/chromag-liason-series-brandon-semenuk.jpg?v=1739309482&width=932 932w, //chromagbikes.com/cdn/shop/collections/chromag-liason-series-brandon-semenuk.jpg?v=1739309482&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/chromag-liason-series-brandon-semenuk.jpg?v=1739309482&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/chromag-liason-series-brandon-semenuk.jpg?v=1739309482&width=1400 1400w" sizes="100vw" fetchpriority="auto" style="object-position: center center; "> </div> </div> <div class="sliderow__links" data-links> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/liaison">Brandon Semenuk's Liaison</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/new-parts">New Parts!</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/kids/parts">Kid's Parts</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/womens/parts">Women's Specific</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/canadian-parts">Made in Canada 🍁</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title highlight--link" href="/collections/parts-sale">Sale</a> </div></div> </div><div class="sliderule-grid blocks-0"> </div></div></div> </div><div class="sliderule-grid blocks-0"> </div></div></div> <div class="sliderule__wrapper"><button class="sliderow" data-animates="0" data-sliderule-open="sliderule-31a1bbeae7d00a61c3a9acca7863f832"> <span class="sliderow__title">Apparel</span> <span class="sliderule__chevron--right"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> <span class="visually-hidden">Expand menu</span> </span> </button> <div class="mobile__menu__dropdown sliderule__panel" data-sliderule id="sliderule-31a1bbeae7d00a61c3a9acca7863f832"><div class="sliderow sliderow__back" data-animates="1"> <button class="drawer__button" data-sliderule-close="sliderule-31a1bbeae7d00a61c3a9acca7863f832"> <span class="sliderule__chevron--left"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg> <span class="visually-hidden">Hide menu</span> </span> </button> <a class="sliderow__title" href="/collections/apparel">Apparel</a> </div><div class="sliderow__links" data-links> <div class="sliderule__wrapper"><button class="sliderow" data-animates="1" data-sliderule-open="sliderule-ad6e9b360e2fe86e03ef63bbd6c38e10"> <span class="sliderow__title">Men's</span> <span class="sliderule__chevron--right"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> <span class="visually-hidden">Expand menu</span> </span> </button> <div class="mobile__menu__dropdown sliderule__panel" data-sliderule id="sliderule-ad6e9b360e2fe86e03ef63bbd6c38e10"><div class="sliderow sliderow--borderless sliderow__back" data-animates="2"> <button class="drawer__button" data-sliderule-close="sliderule-ad6e9b360e2fe86e03ef63bbd6c38e10"> <span class="sliderule__chevron--left"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg> <span class="visually-hidden">Hide menu</span> </span> </button> <a class="sliderow__title" href="/collections/mens">Men's</a> </div><div class="sliderule__image" data-animates> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/mens-collection.jpg?v=1742509324&width=1600" alt="Men's" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/mens-collection.jpg?v=1742509324&width=352 352w, //chromagbikes.com/cdn/shop/collections/mens-collection.jpg?v=1742509324&width=400 400w, //chromagbikes.com/cdn/shop/collections/mens-collection.jpg?v=1742509324&width=768 768w, //chromagbikes.com/cdn/shop/collections/mens-collection.jpg?v=1742509324&width=932 932w, //chromagbikes.com/cdn/shop/collections/mens-collection.jpg?v=1742509324&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/mens-collection.jpg?v=1742509324&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/mens-collection.jpg?v=1742509324&width=1600 1600w" sizes="100vw" fetchpriority="auto" style="object-position: center center; "> </div> </div> <div class="sliderow__links" data-links> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/mens">All Men's</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/shorts/mens">Pants & Shorts</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/short-sleeve-jerseys/men's">Short Sleeve Jerseys</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/long-sleeve-jerseys/men's">Long Sleeve Jerseys</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/mens-tees/men's">Tees</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/jackets-hoodies/Mens">Jackets & Tops</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/socks">Socks</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/gloves">Gloves</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/protection">Protection</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/wool/mens">Merino Wool</a> </div></div> </div><div class="sliderule-grid blocks-0"> </div></div></div> <div class="sliderule__wrapper"><button class="sliderow" data-animates="1" data-sliderule-open="sliderule-437887207e1e036c01fd92036e831e20"> <span class="sliderow__title">Women's</span> <span class="sliderule__chevron--right"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> <span class="visually-hidden">Expand menu</span> </span> </button> <div class="mobile__menu__dropdown sliderule__panel" data-sliderule id="sliderule-437887207e1e036c01fd92036e831e20"><div class="sliderow sliderow--borderless sliderow__back" data-animates="2"> <button class="drawer__button" data-sliderule-close="sliderule-437887207e1e036c01fd92036e831e20"> <span class="sliderule__chevron--left"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg> <span class="visually-hidden">Hide menu</span> </span> </button> <a class="sliderow__title" href="/collections/womens">Women's</a> </div><div class="sliderule__image" data-animates> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/womens-collection.jpg?v=1742500400&width=2000" alt="Women's" width="2000" height="1334" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/womens-collection.jpg?v=1742500400&width=352 352w, //chromagbikes.com/cdn/shop/collections/womens-collection.jpg?v=1742500400&width=400 400w, //chromagbikes.com/cdn/shop/collections/womens-collection.jpg?v=1742500400&width=768 768w, //chromagbikes.com/cdn/shop/collections/womens-collection.jpg?v=1742500400&width=932 932w, //chromagbikes.com/cdn/shop/collections/womens-collection.jpg?v=1742500400&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/womens-collection.jpg?v=1742500400&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/womens-collection.jpg?v=1742500400&width=1920 1920w, //chromagbikes.com/cdn/shop/collections/womens-collection.jpg?v=1742500400&width=2000 2000w" sizes="100vw" fetchpriority="auto" style="object-position: center center; "> </div> </div> <div class="sliderow__links" data-links> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/womens">All Women's</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/womens-pants-shorts">Pants & Shorts</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/womens-jerseys">Jerseys</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/womens-tees/Women's">Tees</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/tops/womens">Jackets & Tops</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/socks">Socks</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/gloves">Gloves</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/protection">Protection</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/wool/womens">Merino Wool</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/womens/parts">Women's Components</a> </div></div> </div><div class="sliderule-grid blocks-0"> </div></div></div> <div class="sliderule__wrapper"><button class="sliderow" data-animates="1" data-sliderule-open="sliderule-d362a8fc8de1a9d4ed69e3121791478d"> <span class="sliderow__title">Kids</span> <span class="sliderule__chevron--right"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> <span class="visually-hidden">Expand menu</span> </span> </button> <div class="mobile__menu__dropdown sliderule__panel" data-sliderule id="sliderule-d362a8fc8de1a9d4ed69e3121791478d"><div class="sliderow sliderow--borderless sliderow__back" data-animates="2"> <button class="drawer__button" data-sliderule-close="sliderule-d362a8fc8de1a9d4ed69e3121791478d"> <span class="sliderule__chevron--left"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg> <span class="visually-hidden">Hide menu</span> </span> </button> <a class="sliderow__title" href="/collections/kids">Kids</a> </div><div class="sliderule__image" data-animates> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/kids-collection.jpg?v=1743536930&width=1600" alt="Kids" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/kids-collection.jpg?v=1743536930&width=352 352w, //chromagbikes.com/cdn/shop/collections/kids-collection.jpg?v=1743536930&width=400 400w, //chromagbikes.com/cdn/shop/collections/kids-collection.jpg?v=1743536930&width=768 768w, //chromagbikes.com/cdn/shop/collections/kids-collection.jpg?v=1743536930&width=932 932w, //chromagbikes.com/cdn/shop/collections/kids-collection.jpg?v=1743536930&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/kids-collection.jpg?v=1743536930&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/kids-collection.jpg?v=1743536930&width=1600 1600w" sizes="100vw" fetchpriority="auto" style="object-position: center center; "> </div> </div> <div class="sliderow__links" data-links> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/kids">All Kid's</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/kids/shorts-pants">Shorts & Pants</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/kids/jerseys-tops">Jerseys & Tops</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/kids/parts">Kid's Components</a> </div></div> </div><div class="sliderule-grid blocks-0"> </div></div></div> <div class="sliderule__wrapper"><button class="sliderow" data-animates="1" data-sliderule-open="sliderule-e8a51d121d8d0f82e89c6dc92f94f5e9"> <span class="sliderow__title">Accessories</span> <span class="sliderule__chevron--right"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> <span class="visually-hidden">Expand menu</span> </span> </button> <div class="mobile__menu__dropdown sliderule__panel" data-sliderule id="sliderule-e8a51d121d8d0f82e89c6dc92f94f5e9"><div class="sliderow sliderow--borderless sliderow__back" data-animates="2"> <button class="drawer__button" data-sliderule-close="sliderule-e8a51d121d8d0f82e89c6dc92f94f5e9"> <span class="sliderule__chevron--left"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg> <span class="visually-hidden">Hide menu</span> </span> </button> <a class="sliderow__title" href="/collections/accessories">Accessories</a> </div><div class="sliderule__image" data-animates> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2.5; "> <img src="//chromagbikes.com/cdn/shop/collections/accessories-collection.jpg?v=1545244449&width=2000" alt="Accessories" width="2000" height="800" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/collections/accessories-collection.jpg?v=1545244449&width=352 352w, //chromagbikes.com/cdn/shop/collections/accessories-collection.jpg?v=1545244449&width=400 400w, //chromagbikes.com/cdn/shop/collections/accessories-collection.jpg?v=1545244449&width=768 768w, //chromagbikes.com/cdn/shop/collections/accessories-collection.jpg?v=1545244449&width=932 932w, //chromagbikes.com/cdn/shop/collections/accessories-collection.jpg?v=1545244449&width=1024 1024w, //chromagbikes.com/cdn/shop/collections/accessories-collection.jpg?v=1545244449&width=1200 1200w, //chromagbikes.com/cdn/shop/collections/accessories-collection.jpg?v=1545244449&width=1920 1920w, //chromagbikes.com/cdn/shop/collections/accessories-collection.jpg?v=1545244449&width=2000 2000w" sizes="100vw" fetchpriority="auto" style="object-position: center center; "> </div> </div> <div class="sliderow__links" data-links> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/headwear">Headwear</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/socks">Socks</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/gloves">Gloves</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/protection">Protection</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/bottles-mugs">Water Bottles</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/stickers">Stickers</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/dog-collars-leashes">Dog Collars</a> </div></div> </div><div class="sliderule-grid blocks-0"> </div></div></div> <div class="sliderule__wrapper"><button class="sliderow" data-animates="1" data-sliderule-open="sliderule-760b66b51c7e8737311c4a7b8f7a2a08"> <span class="sliderow__title">Collections</span> <span class="sliderule__chevron--right"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> <span class="visually-hidden">Expand menu</span> </span> </button> <div class="mobile__menu__dropdown sliderule__panel" data-sliderule id="sliderule-760b66b51c7e8737311c4a7b8f7a2a08"><div class="sliderow sliderow__back" data-animates="2"> <button class="drawer__button" data-sliderule-close="sliderule-760b66b51c7e8737311c4a7b8f7a2a08"> <span class="sliderule__chevron--left"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg> <span class="visually-hidden">Hide menu</span> </span> </button> <a class="sliderow__title" href="/">Collections</a> </div><div class="sliderow__links" data-links> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/2025">SS25 Apparel</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title" href="/collections/wool">Merino Wool</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="2"> <a class="sliderow__title highlight--link" href="/collections/sale">Sale</a> </div></div> </div><div class="sliderule-grid blocks-0"> </div></div></div> </div><div class="sliderule-grid blocks-0"> </div></div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="0"> <a class="sliderow__title" href="/blogs/news">News</a> </div></div> <div class="sliderule__wrapper"><button class="sliderow" data-animates="0" data-sliderule-open="sliderule-106cacc3a8323f3bea2c815a48c30843"> <span class="sliderow__title">About Us</span> <span class="sliderule__chevron--right"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> <span class="visually-hidden">Expand menu</span> </span> </button> <div class="mobile__menu__dropdown sliderule__panel" data-sliderule id="sliderule-106cacc3a8323f3bea2c815a48c30843"><div class="sliderow sliderow__back" data-animates="1"> <button class="drawer__button" data-sliderule-close="sliderule-106cacc3a8323f3bea2c815a48c30843"> <span class="sliderule__chevron--left"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg> <span class="visually-hidden">Hide menu</span> </span> </button> <a class="sliderow__title" href="/pages/about-us">About Us</a> </div><div class="sliderow__links" data-links> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="1"> <a class="sliderow__title" href="/pages/contact">Contact Us</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="1"> <a class="sliderow__title" href="/a/storelocator">Dealer Locator</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="1"> <a class="sliderow__title" href="/pages/culture">Culture</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="1"> <a class="sliderow__title" href="/pages/custom-paint-gallery">Custom Paint</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="1"> <a class="sliderow__title" href="/pages/family">Staff</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="1"> <a class="sliderow__title" href="/pages/athletes">Team</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="1"> <a class="sliderow__title" href="/pages/doggos">Doggos</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="1"> <a class="sliderow__title" href="/pages/faq">FAQ</a> </div></div> </div><div class="sliderule-grid blocks-0"> </div></div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="0"> <a class="sliderow__title" href="/collections/new">New Gear!</a> </div></div> <div class="sliderule__wrapper"><button class="sliderow" data-animates="0" data-sliderule-open="sliderule-91ab31ef75b8fae59f3819cf6f7429e6"> <span class="sliderow__title highlight--link">Sale</span> <span class="sliderule__chevron--right"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> <span class="visually-hidden">Expand menu</span> </span> </button> <div class="mobile__menu__dropdown sliderule__panel" data-sliderule id="sliderule-91ab31ef75b8fae59f3819cf6f7429e6"><div class="sliderow sliderow__back" data-animates="1"> <button class="drawer__button" data-sliderule-close="sliderule-91ab31ef75b8fae59f3819cf6f7429e6"> <span class="sliderule__chevron--left"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-left" viewBox="0 0 24 24"><path d="m15 18-6-6 6-6"/></svg> <span class="visually-hidden">Hide menu</span> </span> </button> <a class="sliderow__title highlight--link" href="/collections/sale">Sale</a> </div><div class="sliderow__links" data-links> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="1"> <a class="sliderow__title" href="/collections/sale">All Sale</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="1"> <a class="sliderow__title" href="/collections/bike-shed">The Bike Shed</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="1"> <a class="sliderow__title" href="/collections/parts-sale">Component Sale</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="1"> <a class="sliderow__title" href="/collections/apparel-sale">Apparel Sale</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="1"> <a class="sliderow__title" href="/collections/mens-sale">Men's Sale</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="1"> <a class="sliderow__title" href="/collections/womens-sale">Women's Sale</a> </div></div> <div class="sliderule__wrapper"> <div class="sliderow" data-animates="1"> <a class="sliderow__title" href="/collections/kids-sale">Kid's Sale</a> </div></div> </div><div class="sliderule-grid blocks-0"> </div></div></div> </div> </div> </div> <span class="drawer__underlay" data-drawer-underlay> <span class="drawer__underlay__fill"></span> <span class="drawer__underlay__blur"></span> </span> </nav> <div data-product-add-popdown-wrapper data-test-id="product-add-popdown" class="product-add-popdown"></div> </div> <div class="header__backfill" data-header-backfill style="height: var(--menu-backfill-height);"> <div class="header__inner header__inner--bar"> <div class="wrapper--full theme__header__toolbar"> <div class="toolbar__text"> <p> </p> </div> <div class="toolbar__links"> <div class="toolbar__elements header__desktop"> <a href="#!" class="toolbar__navlink"> <span class="navtext"> </span> </a> </div> </div> </div> </div> <div class="header__inner"> <div class="wrapper--full"> <div class="header__backfill__content"> <div class="header__logo"> <div class="header__logo__link" style="--LOGO-WIDTH: 175px"><div class="overflow-hidden aspect-[--wh-ratio]" style="--wh-ratio: 4.040404040404041"> <img data-src="logo__img" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII=" width="175" height="99" style=" display: block; width: 100%; height: 99px; "> </div></div> </div> </div> </div> </div> </div> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "Chromag Bikes", "logo": "https:\/\/chromagbikes.com\/cdn\/shop\/files\/chromaglogo500white_4ff3bd00-d85c-4202-a1e7-49cf64699a6d_400x.png?v=1735842485", "sameAs": [ "", "https:\/\/www.facebook.com\/ChromagBikes\/", "https:\/\/www.instagram.com\/chromagbikes\/", "", "https:\/\/www.youtube.com\/channel\/UCbIRM566CYDQTGzKkdk42-A", "https:\/\/vimeo.com\/chromag", "", "", "" ], "url": "https:\/\/chromagbikes.com" } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "name": "Chromag Bikes", "potentialAction": { "@type": "SearchAction", "target": "https:\/\/chromagbikes.com\/search?q={search_term_string}", "query-input": "required name=search_term_string" }, "url": "https:\/\/chromagbikes.com" } </script> <style> #shopify-section-sections--17927160856708__header .header__inner--bar {background: linear-gradient( 143deg, rgba(170, 250, 224, 1) 0%, rgba(89, 242, 204, 1) 41%, rgba(74, 178, 236, 1) 100% ); color: #000;} </style></div>   <div id="shopify-section-sections--17927160987780__cart" class="shopify-section shopify-section-group-group-overlay"> <section data-section-id="sections--17927160987780__cart" data-section-type="cart-drawer" > <div class="drawer cart__drawer drawer--right palette--dark bg--invert" data-cart-message-container data-drawer="drawer-cart" id="drawer-cart"> <div class="drawer__content" data-test-id="cart-drawer" aria-label="Cart"> <div class="drawer__top"> <div class="drawer__top__left"> <p class="cart__drawer__title">Cart</p> </div> <button class="drawer__button drawer__close" data-first-focus data-drawer-toggle="drawer-cart" aria-label="Close"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-x" viewBox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></svg> </button> </div> <div class="drawer__body" data-drawer-scrolls data-test-id="cart-drawer-content"> <div class="errors" data-form-errors style="display: none;"></div> <div class="cart--hidden" data-cart-empty >  <div class="cart__empty align--middle-center"> <div class="wrapper"> <p class="body-size-7 m-0">Your cart is empty.</p> <div class="image-overlay" style="--overlay-opacity: 0.05;"></div> </div> </div> <a href="/collections/all" class="cart__circle__wrapper"> <div class="cart__circle"> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-set-classic-cart" viewBox="0 0 24 24"><path d="M20.5 16.5H5.715l1.082-4.195-2.126-7.456L3.715 1.5H1.5m5.22 10h11.702l3.002-6.13s.428-.87-.745-.87H4.5m2 16.986a1 1 0 1 0 2 .028 1 1 0 0 0-2-.028Zm11 .014a1 1 0 1 0 2 0 1 1 0 0 0-2 0Z"/><circle class="icon-cart-full" cx="13" cy="4.5" r="4"/></svg> </div> <p class="cart__continue__link"> Continue browsing </p> </a> </div> <div data-cart-form data-cart-loading> <div data-line-items> <div class="cart__items cart__items--blankstate"> <div class="cart__items__row"> <div class="item--loadbar" data-item-loadbar></div> <div class="cart__items__grid"> <div class="cart__items__image"> <span class="cart__items__img empty-content"></span> </div> <div class="cart__items__title empty-content"></div> <div class="cart__items__price empty-content"></div> </div> </div> </div> </div> </div> </div> <div class="drawer__bottom cart--hidden" data-cart-bottom data-accordion-group><div class="drawer__bottom__notes drawer__accordion"> <button class="accordion__title" data-accordion-trigger="accordion-cart-notes" aria-controls="accordion-cart-notes" aria-haspopup="true" aria-expanded="false"> Anything special we should know? </button> <div class="accordion__body drawer__accordion__body" data-accordion-body id="accordion-cart-notes"> <label class="visually-hidden" for="CartSpecialInstructions">Anything special we should know?</label> <textarea form="cart-form" name="note" placeholder="Anything special we should know?" class="drawer__notes__input input-full" id="CartSpecialInstructions" data-cart-note></textarea> </div> </div><p class="drawer__bottom__meta body-size-3"><em>Shipping & taxes calculated at checkout </em></p> <div class="drawer__footer__subtotal" data-cart-subtotal>  </div> <form id='cart-form' action="/cart" method="post" novalidate class="cart"> <button type="submit" name="checkout" class="btn btn--primary btn--large btn--full checkout__button"> Check Out • <span class="Bold-theme-hook-DO-NOT-DELETE bold_cart_total" style="display:none !important;"></span> <span data-cart-final> $0.00 CAD </span> </button> </form> </div> </div> <span class="drawer__underlay" data-drawer-underlay> <span class="drawer__underlay__fill"></span> <span class="drawer__underlay__blur"></span> </span> </div> </section> </div><div id="shopify-section-sections--17927160987780__popups" class="shopify-section shopify-section-group-group-overlay"><div data-section-id="sections--17927160987780__popups" data-section-type="popups"><div data-newsletter data-block-id="newsletter_signup" data-popup-delay="delayed" data-enable="" data-cookie-name="newsletter-1-sections--17927160987780__popups" class="popup popup--right text--black palette--light bg--neutral" > <div class="popup__inner" data-popup-inner data-newsletter-holder><p class="popup__title">The Inside Line</p> <form method="post" action="/contact#newsletter-modal-form-newsletter_signup1" id="newsletter-modal-form-newsletter_signup1" accept-charset="UTF-8" class="newsletter-block" data-newsletter-form=""><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <p>Sign up for our Inside Line newsletter and receive <strong>10% off your next order!</strong></p><p>You'll also be the first to know about new projects we're working on and exclusive special offers.<br/></p> <p class="newsletter__message newsletter__message--success">Success! <br /> <br /> Use code INSIDELINE2025 to save 10% on your next order!</p> <p class="newsletter__message newsletter__message--error"><em>This customer is already subscribed</em></p> <input type="hidden" name="contact[tags]" value="newsletter"> <input type="hidden" name="contact[accepts_marketing]" value="true"> <div class="input-group input-group--inner-button float__wrapper"> <label for="mail-newsletter-modal-form-newsletter_signup1">Email</label> <input class="input-group-field" type="email" placeholder="sign@me.up!" id="mail-newsletter-modal-form-newsletter_signup1" aria-label="sign@me.up!" autocorrect="off" autocapitalize="off" name="contact[email]" data-newsletter-field /> <span class="input-group-button"> <button type="submit" aria-label="Join" name="subscribe" id="subscribe-newsletter-modal-form-newsletter_signup1"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-arrow-long-right" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><path d="m31 12 8 7.94L31 28M1 20h38"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-checkmark" viewBox="0 0 24 24"><path d="m20 6.5-11 11-5-5"/></svg></button> </span> </div></form> <button data-close-modal class="close" title="Close"><svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-x" viewBox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></svg></button> </div> </div></div><style> #shopify-section-sections--17927160987780__popups .popup__inner {background: linear-gradient( 143deg, rgba(170, 250, 224, 1) 0%, rgba(89, 242, 204, 1) 41%, rgba(74, 178, 236, 1) 100% ); color: #000;} </style></div>  <main class="main-content" id="MainContent"> <div id="shopify-section-template--17927169769604__section_video_Xpn9R8" class="shopify-section"><div class="section-video text--white palette--light bg--neutral" data-section-id="template--17927169769604__section_video_Xpn9R8" data-section-type="video" data-overlay-header style="--PT: 0px; --PB: 0px;"> <div class="wrapper--none section-padding"> <div class="section--image fade-in-child js-overflow-container aspect-[--wh-ratio] use_image"style="--wh-ratio: 1.917;"> <div class="hero__content__wrapper align--middle-center"> <div class="hero__content js-overflow-content backdrop--hero" style="--bg: #000000; --opacity: 0.15;"> <div class="hero__btn hero__btn--play text--white" data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__section_video_Xpn9R8']" data-aos-order="0" style="--icon-play-size: 68px;" >  <button class="btn--play play__button" data-video-popup data-trigger-P41iHBnLLN4-template--17927169769604__section_video_Xpn9R8="P41iHBnLLN4-template--17927169769604__section_video_Xpn9R8" data-unique="template--17927169769604__section_video_Xpn9R8" data-video-type="youtube" data-video-id="P41iHBnLLN4" data-pause="" aria-label="Play video"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon-theme icon-theme-fill icon-fill-play" viewBox="0 0 20 20"><path d="M10.12.233C4.702.233.31 4.626.31 10.044c0 5.419 4.392 9.811 9.81 9.811 5.419 0 9.811-4.392 9.811-9.81 0-5.42-4.392-9.812-9.81-9.812zM7.86 12.891V7.198l5.346 2.846-5.347 2.847z"/></svg> <span class="visually-hidden">Play video</span></button> <div class="modal micromodal-slide" id="P41iHBnLLN4-template--17927169769604__section_video_Xpn9R8" data-modal aria-hidden="true"> <div class="modal__overlay" tabindex="-1" data-micromodal-close> <button data-micromodal-close class="modal__close" aria-label="Close"></button> <div class="modal__container modal__container--video" data-modal-content role="dialog" aria-modal="true" aria-label="Play video"> <div class="rte__video-wrapper"> <div data-player="P41iHBnLLN4-template--17927169769604__section_video_Xpn9R8"> <div data-video-id="P41iHBnLLN4"></div> <div data-replace></div> </div> </div> </div> </div> </div> </div> <div class="hero__cta__wrapper" > <a class="standard__cta hero__btn btn--soft btn--white btn--long" href="/products/signature" data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__section_video_Xpn9R8']" data-aos-order="1"> Shop Signature </a> <a class="standard__cta hero__btn btn--soft btn--white btn--long" href="/blogs/news/introducing-the-signature" data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__section_video_Xpn9R8']" data-aos-order="2"> Learn more </a> </div> </div> </div> <div class="video-autoplay-wrapper"><video playsinline="true" autoplay="autoplay" loop="loop" muted="muted" style="object-position: center center" data-video-autoplay="" preload="metadata" poster="//chromagbikes.com/cdn/shop/files/preview_images/5e2d4c7c976e4bbea94243babb2bf16b.thumbnail.0000000000_small.jpg?v=1738876036"><source src="//chromagbikes.com/cdn/shop/videos/c/vp/5e2d4c7c976e4bbea94243babb2bf16b/5e2d4c7c976e4bbea94243babb2bf16b.HD-1080p-7.2Mbps-42213092.mp4?v=0" type="video/mp4"><img src="//chromagbikes.com/cdn/shop/files/preview_images/5e2d4c7c976e4bbea94243babb2bf16b.thumbnail.0000000000_small.jpg?v=1738876036"></video> </div> </div> </div> </div> </div><div id="shopify-section-template--17927169769604__section_custom_content_tjBkPy" class="shopify-section"> <section data-section-id="template--17927169769604__section_custom_content_tjBkPy" data-section-type="custom-content" style="--PT: 54px; --PB: 0px; --BRICK-GUTTER: 0px; background-color: #f7f7f7;"> <div class="section-padding wrapper--full" data-wrapper> <div class="brick__section brick--2 use_screen_three_quarters " data-overflow-wrapper> <div class="brick__block" data-overflow-frame > <div class="brick__block__image text--white"><div class="hero__content__wrapper align--bottom-center"> <div class="hero__content " data-overflow-content> </div><a href="/collections/bars" class="link-over-image" aria-label="Bars"></a></div> <div class="image-overlay" style="--bg:#000000; opacity:0.0;"></div>  <div class="image__hero__frame fade-in-child aspect-[--wh-ratio-mobile] md:aspect-[--wh-ratio] use_screen_three_quarters " data-overflow-background data-parallax-wrapper > <div class="image__hero__pane"> <div class="image__hero__scale h-[--height-mobile] md:h-[--height]" style=" --height: 100.0vw; --height-mobile: 100.0vw; " data-parallax-img >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-pressure-brandon-semenuk-rampage-2.jpg?v=1676493601&width=1200" alt="" width="1200" height="1200" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/files/chromag-pressure-brandon-semenuk-rampage-2.jpg?height=1200&v=1676493601&width=1200 1200w, //chromagbikes.com/cdn/shop/files/chromag-pressure-brandon-semenuk-rampage-2.jpg?height=300&v=1676493601&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-pressure-brandon-semenuk-rampage-2.jpg?height=600&v=1676493601&width=600 600w, //chromagbikes.com/cdn/shop/files/chromag-pressure-brandon-semenuk-rampage-2.jpg?height=334&v=1676493601&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-pressure-brandon-semenuk-rampage-2.jpg?height=668&v=1676493601&width=668 668w, //chromagbikes.com/cdn/shop/files/chromag-pressure-brandon-semenuk-rampage-2.jpg?height=462&v=1676493601&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-pressure-brandon-semenuk-rampage-2.jpg?height=924&v=1676493601&width=924 924w, //chromagbikes.com/cdn/shop/files/chromag-pressure-brandon-semenuk-rampage-2.jpg?height=500&v=1676493601&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-pressure-brandon-semenuk-rampage-2.jpg?height=1000&v=1676493601&width=1000 1000w, //chromagbikes.com/cdn/shop/files/chromag-pressure-brandon-semenuk-rampage-2.jpg?height=650&v=1676493601&width=650 650w " sizes="(min-width: 1024px) calc((100vw - 100px) / 2), (min-width: 768px) calc((100vw - 100px) / 2), calc((100vw - 100px) / 1.0) " fetchpriority="auto" style="object-position: center center; "> </div> </div> </div> </div> </div> </div> <div class="brick__block" data-prevent-transparent-header > <div class="brick__block__text brick__block__text--transparent text--neutral" data-overflow-frame style="--bg: ;"> <div class="brick__block__text__inner"> <div class="text__standard text-left" data-overflow-content> <p class="standard__kicker " data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__section_custom_content_tjBkPy']" data-aos-order="1"> OSX </p> <h2 class="standard__heading heading-size-9" data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__section_custom_content_tjBkPy']" data-aos-order="2"> Brandon Semenuk </h2> <div class="rte body-size-5 columns--1 " data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__section_custom_content_tjBkPy']" data-aos-order="3"> <p>Trusted by the best, at the world's biggest stages.</p> </div> <a href="/collections/bars" class="standard__cta btn--outline btn--long btn--neutral" data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__section_custom_content_tjBkPy']" data-aos-order="4"> Shop bars </a> </div> </div> </div> </div> </div> </div> </section> </div><div id="shopify-section-template--17927169769604__section_custom_content_CVKQeP" class="shopify-section"> <section data-section-id="template--17927169769604__section_custom_content_CVKQeP" data-section-type="custom-content" style="--PT: 0px; --PB: 0px; --BRICK-GUTTER: 0px; background-color: #f7f7f7;"> <div class="section-padding wrapper--full" data-wrapper> <div class="brick__section brick--2 use_screen_one_half brick__section--reverse" data-overflow-wrapper> <div class="brick__block " data-prevent-transparent-header > <div class="brick__block__text text--neutral" data-overflow-frame style="--bg: #f7f7f7;"> <div class="brick__block__product__inner"> <div class="text__standard text-center" data-overflow-content> <p class="standard__kicker kicker__line" data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__section_custom_content_CVKQeP']" data-aos-order="1"> Now with threaded bb & post mount </p> <div class="brick__product " style="--bg-accent: #d7d7d7;">  <product-grid-item aria-label="Rootdown Ti [Series VI]" class="product-grid-item group/product-grid-item" data-item-id="5085479207044" >  <product-grid-item-variant class=" product-grid-item__content on-sale tagged is-slideshow " style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; " data-grid-item="5085479207044" data-slideshow-style="cycle_images" data-grid-item-variant="41357991215236" aria-label="POLISHED / S / FRAME ONLY" > <div class="product-grid-item__container" data-error-boundary> <div data-error-display class="product-grid-item__error-display"> </div> <a href="/products/rootdown-ti" data-grid-link aria-label="Rootdown Ti [Series VI]"> <div class="product-grid-item__images aspect-[--wh-ratio]" data-grid-images data-grid-slide style=" --wh-ratio: 1; " > <product-grid-item-image class=" product-grid-item__image-wrapper is-active " data-grid-image="0" data-grid-image-target="9057065828484" data-variant-id="" loading="lazy" data-grid-current-image >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/products/rootdown-ti-WEB.jpg?v=1735862429&width=1600" alt="Rootdown Ti 29" Chromag Titanium Hardtail Mountain Bike MTB" width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/products/rootdown-ti-WEB.jpg?crop=center&height=1600&v=1735862429&width=1600 1600w, //chromagbikes.com/cdn/shop/products/rootdown-ti-WEB.jpg?crop=center&height=223&v=1735862429&width=223 223w, //chromagbikes.com/cdn/shop/products/rootdown-ti-WEB.jpg?crop=center&height=446&v=1735862429&width=446 446w, //chromagbikes.com/cdn/shop/products/rootdown-ti-WEB.jpg?crop=center&height=300&v=1735862429&width=300 300w, //chromagbikes.com/cdn/shop/products/rootdown-ti-WEB.jpg?crop=center&height=600&v=1735862429&width=600 600w, //chromagbikes.com/cdn/shop/products/rootdown-ti-WEB.jpg?crop=center&height=308&v=1735862429&width=308 308w, //chromagbikes.com/cdn/shop/products/rootdown-ti-WEB.jpg?crop=center&height=616&v=1735862429&width=616 616w, //chromagbikes.com/cdn/shop/products/rootdown-ti-WEB.jpg?crop=center&height=333&v=1735862429&width=333 333w, //chromagbikes.com/cdn/shop/products/rootdown-ti-WEB.jpg?crop=center&height=666&v=1735862429&width=666 666w, //chromagbikes.com/cdn/shop/products/rootdown-ti-WEB.jpg?crop=center&height=433&v=1735862429&width=433 433w, //chromagbikes.com/cdn/shop/products/rootdown-ti-WEB.jpg?crop=center&height=866&v=1735862429&width=866 866w " sizes="(min-width: 1024px) calc((100vw - 100px) / 3), (min-width: 768px) calc((100vw - 100px) / 3), calc((100vw - 100px) / 1) " fetchpriority="high" style="object-position: center center; "> </div> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="1" data-grid-image-target="33303414964356" data-variant-id="" loading="lazy" data-slide-for-variant-media > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-rootdown-ti-2024-WEB.jpg?v=1735862429&width=1600" alt="" width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-rootdown-ti-2024-WEB.jpg?crop=center&height=1600&v=1735862429&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-rootdown-ti-2024-WEB.jpg?crop=center&height=223&v=1735862429&width=223 223w, //chromagbikes.com/cdn/shop/files/chromag-rootdown-ti-2024-WEB.jpg?crop=center&height=446&v=1735862429&width=446 446w, //chromagbikes.com/cdn/shop/files/chromag-rootdown-ti-2024-WEB.jpg?crop=center&height=300&v=1735862429&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-rootdown-ti-2024-WEB.jpg?crop=center&height=600&v=1735862429&width=600 600w, //chromagbikes.com/cdn/shop/files/chromag-rootdown-ti-2024-WEB.jpg?crop=center&height=308&v=1735862429&width=308 308w, //chromagbikes.com/cdn/shop/files/chromag-rootdown-ti-2024-WEB.jpg?crop=center&height=616&v=1735862429&width=616 616w, //chromagbikes.com/cdn/shop/files/chromag-rootdown-ti-2024-WEB.jpg?crop=center&height=333&v=1735862429&width=333 333w, //chromagbikes.com/cdn/shop/files/chromag-rootdown-ti-2024-WEB.jpg?crop=center&height=666&v=1735862429&width=666 666w, //chromagbikes.com/cdn/shop/files/chromag-rootdown-ti-2024-WEB.jpg?crop=center&height=433&v=1735862429&width=433 433w, //chromagbikes.com/cdn/shop/files/chromag-rootdown-ti-2024-WEB.jpg?crop=center&height=866&v=1735862429&width=866 866w " sizes="(min-width: 1024px) calc((100vw - 100px) / 3), (min-width: 768px) calc((100vw - 100px) / 3), calc((100vw - 100px) / 1) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="2" data-grid-image-target="33303419945092" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-rootdownti-7919-WEB.jpg?v=1735862429&width=1600" alt="" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7919-WEB.jpg?crop=center&height=1600&v=1735862429&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7919-WEB.jpg?crop=center&height=223&v=1735862429&width=223 223w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7919-WEB.jpg?crop=center&height=446&v=1735862429&width=446 446w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7919-WEB.jpg?crop=center&height=300&v=1735862429&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7919-WEB.jpg?crop=center&height=600&v=1735862429&width=600 600w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7919-WEB.jpg?crop=center&height=308&v=1735862429&width=308 308w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7919-WEB.jpg?crop=center&height=616&v=1735862429&width=616 616w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7919-WEB.jpg?crop=center&height=333&v=1735862429&width=333 333w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7919-WEB.jpg?crop=center&height=666&v=1735862429&width=666 666w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7919-WEB.jpg?crop=center&height=433&v=1735862429&width=433 433w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7919-WEB.jpg?crop=center&height=866&v=1735862429&width=866 866w " sizes="(min-width: 1024px) calc((100vw - 100px) / 3), (min-width: 768px) calc((100vw - 100px) / 3), calc((100vw - 100px) / 1) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="3" data-grid-image-target="33303419977860" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-rootdownti-7921-WEB.jpg?v=1735862429&width=1068" alt="" width="1068" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7921-WEB.jpg?crop=center&height=1068&v=1735862429&width=1068 1068w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7921-WEB.jpg?crop=center&height=223&v=1735862429&width=223 223w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7921-WEB.jpg?crop=center&height=446&v=1735862429&width=446 446w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7921-WEB.jpg?crop=center&height=300&v=1735862429&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7921-WEB.jpg?crop=center&height=600&v=1735862429&width=600 600w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7921-WEB.jpg?crop=center&height=308&v=1735862429&width=308 308w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7921-WEB.jpg?crop=center&height=616&v=1735862429&width=616 616w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7921-WEB.jpg?crop=center&height=333&v=1735862429&width=333 333w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7921-WEB.jpg?crop=center&height=666&v=1735862429&width=666 666w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7921-WEB.jpg?crop=center&height=433&v=1735862429&width=433 433w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7921-WEB.jpg?crop=center&height=866&v=1735862429&width=866 866w " sizes="(min-width: 1024px) calc((100vw - 100px) / 3), (min-width: 768px) calc((100vw - 100px) / 3), calc((100vw - 100px) / 1) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="4" data-grid-image-target="33303420043396" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-rootdownti-7922-WEB.jpg?v=1735862430&width=1600" alt="" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7922-WEB.jpg?crop=center&height=1600&v=1735862430&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7922-WEB.jpg?crop=center&height=223&v=1735862430&width=223 223w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7922-WEB.jpg?crop=center&height=446&v=1735862430&width=446 446w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7922-WEB.jpg?crop=center&height=300&v=1735862430&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7922-WEB.jpg?crop=center&height=600&v=1735862430&width=600 600w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7922-WEB.jpg?crop=center&height=308&v=1735862430&width=308 308w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7922-WEB.jpg?crop=center&height=616&v=1735862430&width=616 616w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7922-WEB.jpg?crop=center&height=333&v=1735862430&width=333 333w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7922-WEB.jpg?crop=center&height=666&v=1735862430&width=666 666w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7922-WEB.jpg?crop=center&height=433&v=1735862430&width=433 433w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7922-WEB.jpg?crop=center&height=866&v=1735862430&width=866 866w " sizes="(min-width: 1024px) calc((100vw - 100px) / 3), (min-width: 768px) calc((100vw - 100px) / 3), calc((100vw - 100px) / 1) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="5" data-grid-image-target="33303420076164" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-rootdownti-7926-WEB.jpg?v=1735862430&width=1068" alt="" width="1068" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7926-WEB.jpg?crop=center&height=1068&v=1735862430&width=1068 1068w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7926-WEB.jpg?crop=center&height=223&v=1735862430&width=223 223w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7926-WEB.jpg?crop=center&height=446&v=1735862430&width=446 446w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7926-WEB.jpg?crop=center&height=300&v=1735862430&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7926-WEB.jpg?crop=center&height=600&v=1735862430&width=600 600w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7926-WEB.jpg?crop=center&height=308&v=1735862430&width=308 308w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7926-WEB.jpg?crop=center&height=616&v=1735862430&width=616 616w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7926-WEB.jpg?crop=center&height=333&v=1735862430&width=333 333w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7926-WEB.jpg?crop=center&height=666&v=1735862430&width=666 666w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7926-WEB.jpg?crop=center&height=433&v=1735862430&width=433 433w, //chromagbikes.com/cdn/shop/files/chromag-rootdownti-7926-WEB.jpg?crop=center&height=866&v=1735862430&width=866 866w " sizes="(min-width: 1024px) calc((100vw - 100px) / 3), (min-width: 768px) calc((100vw - 100px) / 3), calc((100vw - 100px) / 1) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image></div> <div class="product__badge product__badge--custom product__badge--fresh-updates">Fresh updates</div> </a> </div> </product-grid-item-variant> <div class="product__grid__info text-center"> <a href="/products/rootdown-ti" data-grid-link aria-label="Rootdown Ti [Series VI]" tabindex="-1" > <p class="visually-hidden">Rootdown Ti [Series VI]</p> <div class="product__grid__title__wrapper"> <p id="product-5085479207044-title" class="product__grid__title"> Rootdown Ti [Series VI] </p></div> <div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline"></span><span class="price on-sale axt-cp-custom 41357991215236 5085479207044" id='5085479207044' axt-cp-product-id='41357991215236'> From $3,600.00 CAD </span> <span class="compare-at">$7,900.00 CAD </span> </div> </a><div class="grid__swatch__container" data-test-id="swatch-container"> <p class="grid__swatch__placeholder">1 color available</p> <div class="grid__swatch__hover" aria-label="Options" data-sibling-inner data-scrollbar data-scrollbar-slider> <radio-swatch class="swatch__button"> <a href="/products/rootdown-ti?variant=41357991215236" class="swatch__label" data-swatch="POLISHED" data-grid-item-variant="41357991215236" data-swatch-index="0" aria-current="true" data-swatch-image="files/chromag-rootdown-ti-2024-WEB.jpg" data-swatch-image-id="33303414964356" > <span class="visually-hidden">POLISHED</span> </a> </radio-swatch> </div> <button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev> <span class="visually-hidden">See all</span> </button> <button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next> <span class="visually-hidden">See all</span> </button> </div></div> </product-grid-item> </div> </div> </div> </div> </div> <div class="brick__block" data-overflow-frame > <div class="brick__block__image text--white"><div class="hero__content__wrapper align--bottom-center"> <div class="hero__content " data-overflow-content> <div class="hero__cta__wrapper"> <a class="hero__btn btn--outline btn--white" href="/products/rootdown-ti" data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__section_custom_content_CVKQeP']" data-aos-order="4"> Rootdown ti </a> </div></div></div> <div class="image-overlay" style="--bg:#000000; opacity:0.0;"></div>  <div class="image__hero__frame fade-in-child aspect-[--wh-ratio-mobile] md:aspect-[--wh-ratio] use_screen_one_half " data-overflow-background data-parallax-wrapper > <div class="image__hero__pane"> <div class="image__hero__scale h-[--height-mobile] md:h-[--height]" style=" --height: 149.81273408239701vw; --height-mobile: 149.81273408239701vw; " data-parallax-img >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 0.6675; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-rootdown_ti-7884-WEB.jpg?v=1734045927&width=1068" alt="" width="1068" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/files/chromag-rootdown_ti-7884-WEB.jpg?height=1600&v=1734045927&width=1068 1068w, //chromagbikes.com/cdn/shop/files/chromag-rootdown_ti-7884-WEB.jpg?height=449&v=1734045927&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-rootdown_ti-7884-WEB.jpg?height=898&v=1734045927&width=600 600w, //chromagbikes.com/cdn/shop/files/chromag-rootdown_ti-7884-WEB.jpg?height=500&v=1734045927&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-rootdown_ti-7884-WEB.jpg?height=1000&v=1734045927&width=668 668w, //chromagbikes.com/cdn/shop/files/chromag-rootdown_ti-7884-WEB.jpg?height=692&v=1734045927&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-rootdown_ti-7884-WEB.jpg?height=1384&v=1734045927&width=924 924w, //chromagbikes.com/cdn/shop/files/chromag-rootdown_ti-7884-WEB.jpg?height=749&v=1734045927&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-rootdown_ti-7884-WEB.jpg?height=1498&v=1734045927&width=1000 1000w, //chromagbikes.com/cdn/shop/files/chromag-rootdown_ti-7884-WEB.jpg?height=973&v=1734045927&width=650 650w " sizes="(min-width: 1024px) calc((100vw - 100px) / 2), (min-width: 768px) calc((100vw - 100px) / 2), calc((100vw - 100px) / 1.0) " fetchpriority="auto" style="object-position: center center; "> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div><div id="shopify-section-template--17927169769604__blog-section" class="shopify-section"><div class="section-blog section-template--17927169769604__blog-section palette--light bg--neutral section-without-padding-mobile" data-section-id="template--17927169769604__blog-section" data-section-type="section-blog" style="--PT: 36px; --PB: 52px;"> <div class="wrapper section-padding" data-wrapper> <flickity-carousel> <h2 class="kicker-flourished mb-r11">Latest News</h2> <div data-carousel data-grid data-grid-large data-grid-medium data-grid-small style=" --grid-large-items: 3; --grid-medium-items: 2; --grid-small-items: 1.2;" data-options='{"watchCSS": true}' data-custom-scrollbar-items class="float-grid grid--uniform grid--articles flickity-disabled-mobile"> <div class="grid__item" data-item data-carousel-slide>  <div class="article__item"> <div class="article__item-image" data-grid-slide> <a href="/blogs/news/rider-spotlight-carter-krasny"> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.7; "> <img src="//chromagbikes.com/cdn/shop/articles/chromag-bikes-lowdown-carter_krasny-rebecca_ritz-8974-WEB_c621d715-3305-42bc-a2e2-aac9d0dd0bf9.jpg?v=1742496921&width=1600" alt="Rider Spotlight: Carter Krasny" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/articles/chromag-bikes-lowdown-carter_krasny-rebecca_ritz-8974-WEB_c621d715-3305-42bc-a2e2-aac9d0dd0bf9.jpg?height=1068&v=1742496921&width=1600 1600w, //chromagbikes.com/cdn/shop/articles/chromag-bikes-lowdown-carter_krasny-rebecca_ritz-8974-WEB_c621d715-3305-42bc-a2e2-aac9d0dd0bf9.jpg?height=667&v=1742496921&width=1000 1000w, //chromagbikes.com/cdn/shop/articles/chromag-bikes-lowdown-carter_krasny-rebecca_ritz-8974-WEB_c621d715-3305-42bc-a2e2-aac9d0dd0bf9.jpg?height=867&v=1742496921&width=1300 1300w, //chromagbikes.com/cdn/shop/articles/chromag-bikes-lowdown-carter_krasny-rebecca_ritz-8974-WEB_c621d715-3305-42bc-a2e2-aac9d0dd0bf9.jpg?height=200&v=1742496921&width=300 300w, //chromagbikes.com/cdn/shop/articles/chromag-bikes-lowdown-carter_krasny-rebecca_ritz-8974-WEB_c621d715-3305-42bc-a2e2-aac9d0dd0bf9.jpg?height=400&v=1742496921&width=600 600w, //chromagbikes.com/cdn/shop/articles/chromag-bikes-lowdown-carter_krasny-rebecca_ritz-8974-WEB_c621d715-3305-42bc-a2e2-aac9d0dd0bf9.jpg?height=445&v=1742496921&width=668 668w, //chromagbikes.com/cdn/shop/articles/chromag-bikes-lowdown-carter_krasny-rebecca_ritz-8974-WEB_c621d715-3305-42bc-a2e2-aac9d0dd0bf9.jpg?height=891&v=1742496921&width=1336 1336w, //chromagbikes.com/cdn/shop/articles/chromag-bikes-lowdown-carter_krasny-rebecca_ritz-8974-WEB_c621d715-3305-42bc-a2e2-aac9d0dd0bf9.jpg?height=616&v=1742496921&width=924 924w " sizes="(min-width: 1024px) calc(100vw / 1), (min-width: 768px) calc(100vw / 1), calc(100vw / 1.0) " fetchpriority="auto" style="object-position: center center; "> </div> </a> </div> <div class="article__item-content"> <h3 class="article__item-title heading-size-6 mb-0"> <a href="/blogs/news/rider-spotlight-carter-krasny">Rider Spotlight: Carter Krasny</a> </h3> <div class="rte body-size-4"> <p>"I’m beyond excited to be partnering with Chromag for 2025! Growing up in Whistler, I’ve admired the brand since I was a kid, so it’s...</p> </div> <a href="/blogs/news/rider-spotlight-carter-krasny" class="text-link-bare">Read more</a> </div> </div> </div> <div class="grid__item" data-item data-carousel-slide>  <div class="article__item"> <div class="article__item-image" data-grid-slide> <a href="/blogs/news/how-to-wire-on-your-grips"> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.7; "> <img src="//chromagbikes.com/cdn/shop/articles/tim-3-3741-WJW-WEB_3dce9e99-7922-4ab8-bb72-6ed814b29010.jpg?v=1742425166&width=1600" alt="Tim's Top Tips #2 - How to wire on your grips" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/articles/tim-3-3741-WJW-WEB_3dce9e99-7922-4ab8-bb72-6ed814b29010.jpg?height=1068&v=1742425166&width=1600 1600w, //chromagbikes.com/cdn/shop/articles/tim-3-3741-WJW-WEB_3dce9e99-7922-4ab8-bb72-6ed814b29010.jpg?height=667&v=1742425166&width=1000 1000w, //chromagbikes.com/cdn/shop/articles/tim-3-3741-WJW-WEB_3dce9e99-7922-4ab8-bb72-6ed814b29010.jpg?height=867&v=1742425166&width=1300 1300w, //chromagbikes.com/cdn/shop/articles/tim-3-3741-WJW-WEB_3dce9e99-7922-4ab8-bb72-6ed814b29010.jpg?height=200&v=1742425166&width=300 300w, //chromagbikes.com/cdn/shop/articles/tim-3-3741-WJW-WEB_3dce9e99-7922-4ab8-bb72-6ed814b29010.jpg?height=400&v=1742425166&width=600 600w, //chromagbikes.com/cdn/shop/articles/tim-3-3741-WJW-WEB_3dce9e99-7922-4ab8-bb72-6ed814b29010.jpg?height=445&v=1742425166&width=668 668w, //chromagbikes.com/cdn/shop/articles/tim-3-3741-WJW-WEB_3dce9e99-7922-4ab8-bb72-6ed814b29010.jpg?height=891&v=1742425166&width=1336 1336w, //chromagbikes.com/cdn/shop/articles/tim-3-3741-WJW-WEB_3dce9e99-7922-4ab8-bb72-6ed814b29010.jpg?height=616&v=1742425166&width=924 924w " sizes="(min-width: 1024px) calc(100vw / 1), (min-width: 768px) calc(100vw / 1), calc(100vw / 1.0) " fetchpriority="auto" style="object-position: center center; "> </div> </a> </div> <div class="article__item-content"> <h3 class="article__item-title heading-size-6 mb-0"> <a href="/blogs/news/how-to-wire-on-your-grips">Tim's Top Tips #2 - How to wire on your grips</a> </h3> <div class="rte body-size-4"> <p>In this episode, Tim shows us the dark art of wiring on your grips. (It's actually very easy, but we've found a lot of people...</p> </div> <a href="/blogs/news/how-to-wire-on-your-grips" class="text-link-bare">Read more</a> </div> </div> </div> <div class="grid__item" data-item data-carousel-slide>  <div class="article__item"> <div class="article__item-image" data-grid-slide> <a href="/blogs/news/mountain-bike-handlebars-carbon-fiber-vs-aluminum"> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.7; "> <img src="//chromagbikes.com/cdn/shop/articles/chromag-bars-osx-cutout-3419-WEB_6de168c8-6e19-4704-a0ce-1b1de20fe319.jpg?v=1740522760&width=1600" alt="Mountain Bike Handlebars: Carbon Fiber vs. Aluminum" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/articles/chromag-bars-osx-cutout-3419-WEB_6de168c8-6e19-4704-a0ce-1b1de20fe319.jpg?height=1068&v=1740522760&width=1600 1600w, //chromagbikes.com/cdn/shop/articles/chromag-bars-osx-cutout-3419-WEB_6de168c8-6e19-4704-a0ce-1b1de20fe319.jpg?height=667&v=1740522760&width=1000 1000w, //chromagbikes.com/cdn/shop/articles/chromag-bars-osx-cutout-3419-WEB_6de168c8-6e19-4704-a0ce-1b1de20fe319.jpg?height=867&v=1740522760&width=1300 1300w, //chromagbikes.com/cdn/shop/articles/chromag-bars-osx-cutout-3419-WEB_6de168c8-6e19-4704-a0ce-1b1de20fe319.jpg?height=200&v=1740522760&width=300 300w, //chromagbikes.com/cdn/shop/articles/chromag-bars-osx-cutout-3419-WEB_6de168c8-6e19-4704-a0ce-1b1de20fe319.jpg?height=400&v=1740522760&width=600 600w, //chromagbikes.com/cdn/shop/articles/chromag-bars-osx-cutout-3419-WEB_6de168c8-6e19-4704-a0ce-1b1de20fe319.jpg?height=445&v=1740522760&width=668 668w, //chromagbikes.com/cdn/shop/articles/chromag-bars-osx-cutout-3419-WEB_6de168c8-6e19-4704-a0ce-1b1de20fe319.jpg?height=891&v=1740522760&width=1336 1336w, //chromagbikes.com/cdn/shop/articles/chromag-bars-osx-cutout-3419-WEB_6de168c8-6e19-4704-a0ce-1b1de20fe319.jpg?height=616&v=1740522760&width=924 924w " sizes="(min-width: 1024px) calc(100vw / 1), (min-width: 768px) calc(100vw / 1), calc(100vw / 1.0) " fetchpriority="auto" style="object-position: center center; "> </div> </a> </div> <div class="article__item-content"> <h3 class="article__item-title heading-size-6 mb-0"> <a href="/blogs/news/mountain-bike-handlebars-carbon-fiber-vs-aluminum">Mountain Bike Handlebars: Carbon Fiber vs. Aluminum</a> </h3> <div class="rte body-size-4"> <p>Mountain bike handlebars play a crucial role in controlling your ride, influencing handling, comfort, and durability. Among handlebar materials available, carbon fiber and aluminum stand...</p> </div> <a href="/blogs/news/mountain-bike-handlebars-carbon-fiber-vs-aluminum" class="text-link-bare">Read more</a> </div> </div> </div> <div class="grid__item" data-item data-carousel-slide>  <div class="article__item"> <div class="article__item-image" data-grid-slide> <a href="/blogs/news/brandon-semenuk-la-la-land"> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.7; "> <img src="//chromagbikes.com/cdn/shop/articles/36A9574.jpg?v=1739925486&width=1600" alt="Brandon Semenuk // La La Land" width="1600" height="1067" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/articles/36A9574.jpg?height=1067&v=1739925486&width=1600 1600w, //chromagbikes.com/cdn/shop/articles/36A9574.jpg?height=666&v=1739925486&width=1000 1000w, //chromagbikes.com/cdn/shop/articles/36A9574.jpg?height=866&v=1739925486&width=1300 1300w, //chromagbikes.com/cdn/shop/articles/36A9574.jpg?height=200&v=1739925486&width=300 300w, //chromagbikes.com/cdn/shop/articles/36A9574.jpg?height=400&v=1739925486&width=600 600w, //chromagbikes.com/cdn/shop/articles/36A9574.jpg?height=445&v=1739925486&width=668 668w, //chromagbikes.com/cdn/shop/articles/36A9574.jpg?height=890&v=1739925486&width=1336 1336w, //chromagbikes.com/cdn/shop/articles/36A9574.jpg?height=616&v=1739925486&width=924 924w " sizes="(min-width: 1024px) calc(100vw / 1), (min-width: 768px) calc(100vw / 1), calc(100vw / 1.0) " fetchpriority="auto" style="object-position: center center; "> </div> </a> </div> <div class="article__item-content"> <h3 class="article__item-title heading-size-6 mb-0"> <a href="/blogs/news/brandon-semenuk-la-la-land">Brandon Semenuk // La La Land</a> </h3> <div class="rte body-size-4"> <p>Welcome to La La Land, a dreamlike ripple in reality—a personal paradise built from the ground up, where imagination knows no bounds. This project was...</p> </div> <a href="/blogs/news/brandon-semenuk-la-la-land" class="text-link-bare">Read more</a> </div> </div> </div> <div class="grid__item" data-item data-carousel-slide>  <div class="article__item"> <div class="article__item-image" data-grid-slide> <a href="/blogs/news/tims-top-tips-1-how-to-install-slip-on-grips"> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.7; "> <img src="//chromagbikes.com/cdn/shop/articles/tim-3-3741-WJW-WEB_a1105d1a-6e29-44cb-acdb-8883e505b0eb.jpg?v=1739402904&width=1600" alt="Tim's Top Tips #1 - How to install slip on grips" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/articles/tim-3-3741-WJW-WEB_a1105d1a-6e29-44cb-acdb-8883e505b0eb.jpg?height=1068&v=1739402904&width=1600 1600w, //chromagbikes.com/cdn/shop/articles/tim-3-3741-WJW-WEB_a1105d1a-6e29-44cb-acdb-8883e505b0eb.jpg?height=667&v=1739402904&width=1000 1000w, //chromagbikes.com/cdn/shop/articles/tim-3-3741-WJW-WEB_a1105d1a-6e29-44cb-acdb-8883e505b0eb.jpg?height=867&v=1739402904&width=1300 1300w, //chromagbikes.com/cdn/shop/articles/tim-3-3741-WJW-WEB_a1105d1a-6e29-44cb-acdb-8883e505b0eb.jpg?height=200&v=1739402904&width=300 300w, //chromagbikes.com/cdn/shop/articles/tim-3-3741-WJW-WEB_a1105d1a-6e29-44cb-acdb-8883e505b0eb.jpg?height=400&v=1739402904&width=600 600w, //chromagbikes.com/cdn/shop/articles/tim-3-3741-WJW-WEB_a1105d1a-6e29-44cb-acdb-8883e505b0eb.jpg?height=445&v=1739402904&width=668 668w, //chromagbikes.com/cdn/shop/articles/tim-3-3741-WJW-WEB_a1105d1a-6e29-44cb-acdb-8883e505b0eb.jpg?height=891&v=1739402904&width=1336 1336w, //chromagbikes.com/cdn/shop/articles/tim-3-3741-WJW-WEB_a1105d1a-6e29-44cb-acdb-8883e505b0eb.jpg?height=616&v=1739402904&width=924 924w " sizes="(min-width: 1024px) calc(100vw / 1), (min-width: 768px) calc(100vw / 1), calc(100vw / 1.0) " fetchpriority="auto" style="object-position: center center; "> </div> </a> </div> <div class="article__item-content"> <h3 class="article__item-title heading-size-6 mb-0"> <a href="/blogs/news/tims-top-tips-1-how-to-install-slip-on-grips">Tim's Top Tips #1 - How to install slip on grips</a> </h3> <div class="rte body-size-4"> <p>In this edition, Tim shows us a neat trick to install Wax grips (or any other non lock-on type grip) that BIG Compressor don't want...</p> </div> <a href="/blogs/news/tims-top-tips-1-how-to-install-slip-on-grips" class="text-link-bare">Read more</a> </div> </div> </div> <div class="grid__item" data-item data-carousel-slide>  <div class="article__item"> <div class="article__item-image" data-grid-slide> <a href="/blogs/news/introducing-the-signature"> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.7; "> <img src="//chromagbikes.com/cdn/shop/articles/RobPerry_Export_89_f9c31bf2-91ef-4790-9bbf-f82467a31dba.jpg?v=1738799541&width=1600" alt="Introducing The Signature" width="1600" height="1067" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/articles/RobPerry_Export_89_f9c31bf2-91ef-4790-9bbf-f82467a31dba.jpg?height=1067&v=1738799541&width=1600 1600w, //chromagbikes.com/cdn/shop/articles/RobPerry_Export_89_f9c31bf2-91ef-4790-9bbf-f82467a31dba.jpg?height=666&v=1738799541&width=1000 1000w, //chromagbikes.com/cdn/shop/articles/RobPerry_Export_89_f9c31bf2-91ef-4790-9bbf-f82467a31dba.jpg?height=866&v=1738799541&width=1300 1300w, //chromagbikes.com/cdn/shop/articles/RobPerry_Export_89_f9c31bf2-91ef-4790-9bbf-f82467a31dba.jpg?height=200&v=1738799541&width=300 300w, //chromagbikes.com/cdn/shop/articles/RobPerry_Export_89_f9c31bf2-91ef-4790-9bbf-f82467a31dba.jpg?height=400&v=1738799541&width=600 600w, //chromagbikes.com/cdn/shop/articles/RobPerry_Export_89_f9c31bf2-91ef-4790-9bbf-f82467a31dba.jpg?height=445&v=1738799541&width=668 668w, //chromagbikes.com/cdn/shop/articles/RobPerry_Export_89_f9c31bf2-91ef-4790-9bbf-f82467a31dba.jpg?height=890&v=1738799541&width=1336 1336w, //chromagbikes.com/cdn/shop/articles/RobPerry_Export_89_f9c31bf2-91ef-4790-9bbf-f82467a31dba.jpg?height=616&v=1738799541&width=924 924w " sizes="(min-width: 1024px) calc(100vw / 1), (min-width: 768px) calc(100vw / 1), calc(100vw / 1.0) " fetchpriority="auto" style="object-position: center center; "> </div> </a> </div> <div class="article__item-content"> <h3 class="article__item-title heading-size-6 mb-0"> <a href="/blogs/news/introducing-the-signature">Introducing The Signature</a> </h3> <div class="rte body-size-4"> <p>Filling a unique spot in our dirt jumper lineup, the Signature is designed for riders focused on high-level technical tricks, where the responsiveness of the...</p> </div> <a href="/blogs/news/introducing-the-signature" class="text-link-bare">Read more</a> </div> </div> </div> <div class="grid__item" data-item data-carousel-slide>  <div class="article__item"> <div class="article__item-image" data-grid-slide> <a href="/blogs/news/remy-pals-tearing-up-bc"> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.7; "> <img src="//chromagbikes.com/cdn/shop/articles/Screenshot_2_520x500_7f3b5d9e-0b9e-4cae-8670-d308a8dcd4df.jpg?v=1737065271&width=520" alt="Remy & Pals Tearing up BC" width="520" height="260" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/articles/Screenshot_2_520x500_7f3b5d9e-0b9e-4cae-8670-d308a8dcd4df.jpg?height=260&v=1737065271&width=520 520w, //chromagbikes.com/cdn/shop/articles/Screenshot_2_520x500_7f3b5d9e-0b9e-4cae-8670-d308a8dcd4df.jpg?height=260&v=1737065271&width=520 520w, //chromagbikes.com/cdn/shop/articles/Screenshot_2_520x500_7f3b5d9e-0b9e-4cae-8670-d308a8dcd4df.jpg?height=260&v=1737065271&width=520 520w, //chromagbikes.com/cdn/shop/articles/Screenshot_2_520x500_7f3b5d9e-0b9e-4cae-8670-d308a8dcd4df.jpg?height=150&v=1737065271&width=300 300w, //chromagbikes.com/cdn/shop/articles/Screenshot_2_520x500_7f3b5d9e-0b9e-4cae-8670-d308a8dcd4df.jpg?height=260&v=1737065271&width=520 520w, //chromagbikes.com/cdn/shop/articles/Screenshot_2_520x500_7f3b5d9e-0b9e-4cae-8670-d308a8dcd4df.jpg?height=260&v=1737065271&width=520 520w " sizes="(min-width: 1024px) calc(100vw / 1), (min-width: 768px) calc(100vw / 1), calc(100vw / 1.0) " fetchpriority="auto" style="object-position: center center; "> </div> </a> </div> <div class="article__item-content"> <h3 class="article__item-title heading-size-6 mb-0"> <a href="/blogs/news/remy-pals-tearing-up-bc">Remy & Pals Tearing up BC</a> </h3> <div class="rte body-size-4"> <p>Created for FASTASF*CKRiders - Remy Morton, James DobsonFilm and Edit - Ollie HindleyStill Photography - Shannon McLachlanPost Sound - Keith White AudioAdditional Riders - Alessio...</p> </div> <a href="/blogs/news/remy-pals-tearing-up-bc" class="text-link-bare">Read more</a> </div> </div> </div> <div class="grid__item" data-item data-carousel-slide>  <div class="article__item"> <div class="article__item-image" data-grid-slide> <a href="/blogs/news/the-chromag-collective-ride-to-win"> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.7; "> <img src="//chromagbikes.com/cdn/shop/articles/chromag-collective-wide-2.jpg?v=1734996502&width=2000" alt="The Chromag Collective - Ride to Win!" width="2000" height="1148" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/articles/chromag-collective-wide-2.jpg?height=1756&v=1734996502&width=3058 3058w, //chromagbikes.com/cdn/shop/articles/chromag-collective-wide-2.jpg?height=574&v=1734996502&width=1000 1000w, //chromagbikes.com/cdn/shop/articles/chromag-collective-wide-2.jpg?height=1148&v=1734996502&width=2000 2000w, //chromagbikes.com/cdn/shop/articles/chromag-collective-wide-2.jpg?height=746&v=1734996502&width=1300 1300w, //chromagbikes.com/cdn/shop/articles/chromag-collective-wide-2.jpg?height=1493&v=1734996502&width=2600 2600w, //chromagbikes.com/cdn/shop/articles/chromag-collective-wide-2.jpg?height=172&v=1734996502&width=300 300w, //chromagbikes.com/cdn/shop/articles/chromag-collective-wide-2.jpg?height=344&v=1734996502&width=600 600w, //chromagbikes.com/cdn/shop/articles/chromag-collective-wide-2.jpg?height=383&v=1734996502&width=668 668w, //chromagbikes.com/cdn/shop/articles/chromag-collective-wide-2.jpg?height=767&v=1734996502&width=1336 1336w, //chromagbikes.com/cdn/shop/articles/chromag-collective-wide-2.jpg?height=530&v=1734996502&width=924 924w, //chromagbikes.com/cdn/shop/articles/chromag-collective-wide-2.jpg?height=1061&v=1734996502&width=1848 1848w " sizes="(min-width: 1024px) calc(100vw / 1), (min-width: 768px) calc(100vw / 1), calc(100vw / 1.0) " fetchpriority="auto" style="object-position: center center; "> </div> </a> </div> <div class="article__item-content"> <h3 class="article__item-title heading-size-6 mb-0"> <a href="/blogs/news/the-chromag-collective-ride-to-win">The Chromag Collective - Ride to Win!</a> </h3> <div class="rte body-size-4"> <p>It can be tough to get out on the bike at this time of year. It's cold, it’s dark, and there might even be snow...</p> </div> <a href="/blogs/news/the-chromag-collective-ride-to-win" class="text-link-bare">Read more</a> </div> </div> </div> </div> <div class="custom-scrollbar small-down--show" data-custom-scrollbar> <div class="custom-scrollbar__track" data-custom-scrollbar-track></div> </div> <div class="text-center"> <a href="/blogs/news" class="btn--outline uppercase section-blog__btn"> View all </a> </div> </flickity-carousel> </div> </div> </div><div id="shopify-section-template--17927169769604__3313cccf-db97-48ea-8821-8cbf9ffb1c69" class="shopify-section"> <div class="section--image fade-in-child js-overflow-container " data-section-id="template--17927169769604__3313cccf-db97-48ea-8821-8cbf9ffb1c69" data-section-type="hero" data-overlay-header style=" --PT: 0px; --PB: 0px; --CONTENT-WIDTH: 2000px;"> <div class="wrapper--none section-padding"> <div class="section__inner"> <div class="hero__content__wrapper align--middle-center"> <div class="hero__content hero__content--transparent js-overflow-content"><div class="text__standard text--white " > <div class="hero__kicker accent-size-4 " data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__3313cccf-db97-48ea-8821-8cbf9ffb1c69']" data-aos-order="1" > <p>welcome to</p> </div> <div class="hero__title heading-size-11" data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__3313cccf-db97-48ea-8821-8cbf9ffb1c69']" data-aos-order="2" > <p><p>THE BIKE SHED</p></p> </div> <div class="hero__description rte body-size-4" data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__3313cccf-db97-48ea-8821-8cbf9ffb1c69']" data-aos-order="3" > <p>Check back weekly for one-offs, custom builds and blems.</p><p>These limited edition bikes have been carefully put together by our skilled mechanics and are ready to ship out today. Once they're gone they're gone.</p> </div> <div class="hero__cta__wrapper" > <a class="standard__cta hero__btn btn--outline btn--white btn--long" href="/collections/bike-shed" data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__3313cccf-db97-48ea-8821-8cbf9ffb1c69']" data-aos-order="4"> head to the shed </a> </div> </div> </div> </div> <div class="image-overlay" style="--bg: #000000; opacity: 0.25;"></div>  <div class="image__hero__frame fade-in-child aspect-[--wh-ratio-mobile] md:aspect-[--wh-ratio] use_screen_one_half " data-overflow-background data-parallax-wrapper > <div class="image__hero__pane"> <div class="image__hero__scale h-[--height-mobile] md:h-[--height]" style=" --height: 67.3076923076923vw; --height-mobile: 67.3076923076923vw; " data-parallax-img >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.4857142857142858; "> <img src="//chromagbikes.com/cdn/shop/files/bike-shed-slider.jpg?v=1613626051&width=1560" alt="Banner Image" width="1560" height="1050" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/files/bike-shed-slider.jpg?v=1613626051&width=352 352w, //chromagbikes.com/cdn/shop/files/bike-shed-slider.jpg?v=1613626051&width=400 400w, //chromagbikes.com/cdn/shop/files/bike-shed-slider.jpg?v=1613626051&width=768 768w, //chromagbikes.com/cdn/shop/files/bike-shed-slider.jpg?v=1613626051&width=932 932w, //chromagbikes.com/cdn/shop/files/bike-shed-slider.jpg?v=1613626051&width=1024 1024w, //chromagbikes.com/cdn/shop/files/bike-shed-slider.jpg?v=1613626051&width=1200 1200w, //chromagbikes.com/cdn/shop/files/bike-shed-slider.jpg?v=1613626051&width=1560 1560w" sizes="100vw" fetchpriority="auto" style="object-position: center center; "> </div> </div> </div> </div> </div> </div> </div> </div><div id="shopify-section-template--17927169769604__product-grid" class="shopify-section"><div class="section-collection palette--light bg--neutral" data-section-id="template--17927169769604__product-grid" data-section-type="collection-row" style="--PT: 36px; --PB: 36px;"> <div class="wrapper section-padding"> <h2 class="kicker-flourished mb-r11">Our Latest Arrivals</h2> <div class="js-grid" data-grid-large="4" data-grid-small="2">  <product-grid-item aria-label="Ritual Tech Tee Men's" class="product-grid-item group/product-grid-item" data-item-id="8200519614596" >  <product-grid-item-variant class=" product-grid-item__content is-slideshow " style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; " data-grid-item="8200519614596" data-slideshow-style="cycle_images" data-grid-item-variant="44682700128388" aria-label="BACKYARD DESERT SAGE / XS" > <div class="product-grid-item__container" data-error-boundary> <div data-error-display class="product-grid-item__error-display"> </div> <a href="/products/ritual-tech-tee-mens" data-grid-link aria-label="Ritual Tech Tee Men's"> <div class="product-grid-item__images aspect-[--wh-ratio]" data-grid-images data-grid-slide style=" --wh-ratio: 1; " > <product-grid-item-image class=" product-grid-item__image-wrapper is-active " data-grid-image="0" data-grid-image-target="33548708249732" data-variant-id="" loading="lazy" data-grid-current-image data-slide-for-filter-selected-variant data-slide-for-variant-media >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?v=1743527514&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="high" style="object-position: center center; "> </div> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="1" data-grid-image-target="33548708348036" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?v=1743527514&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="2" data-grid-image-target="49692861923460" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?v=1743527514&width=1600" alt="Model is 5' 6" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="3" data-grid-image-target="33548989366404" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?v=1743527514&width=1600" alt="Model is 5' 7" wearing size Small." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="4" data-grid-image-target="33548708413572" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?v=1743527514&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="5" data-grid-image-target="33548708315268" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?v=1743527514&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image></div> </a> </div> </product-grid-item-variant>  <product-grid-item-variant class=" product-grid-item__content is-slideshow " style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; " data-grid-item="8200519614596" data-slideshow-style="cycle_images" data-grid-item-variant="44682701930628" hidden aria-label="SORGE / XS" > <div class="product-grid-item__container" data-error-boundary> <div data-error-display class="product-grid-item__error-display"> </div> <a href="/products/ritual-tech-tee-mens" data-grid-link aria-label="Ritual Tech Tee Men's"> <div class="product-grid-item__images aspect-[--wh-ratio]" data-grid-images data-grid-slide style=" --wh-ratio: 1; " > <product-grid-item-image class=" product-grid-item__image-wrapper is-active " data-grid-image="0" data-grid-image-target="33548708249732" data-variant-id="" loading="lazy" data-grid-current-image >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?v=1743527514&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="high" style="object-position: center center; "> </div> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="1" data-grid-image-target="33548708348036" data-variant-id="" loading="lazy" data-slide-for-variant-media > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?v=1743527514&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="2" data-grid-image-target="49692861923460" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?v=1743527514&width=1600" alt="Model is 5' 6" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="3" data-grid-image-target="33548989366404" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?v=1743527514&width=1600" alt="Model is 5' 7" wearing size Small." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="4" data-grid-image-target="33548708413572" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?v=1743527514&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="5" data-grid-image-target="33548708315268" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?v=1743527514&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image></div> </a> </div> </product-grid-item-variant>  <product-grid-item-variant class=" product-grid-item__content is-slideshow " style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; " data-grid-item="8200519614596" data-slideshow-style="cycle_images" data-grid-item-variant="44682702848132" hidden aria-label="MIAMI BIKES BLACK / XS" > <div class="product-grid-item__container" data-error-boundary> <div data-error-display class="product-grid-item__error-display"> </div> <a href="/products/ritual-tech-tee-mens" data-grid-link aria-label="Ritual Tech Tee Men's"> <div class="product-grid-item__images aspect-[--wh-ratio]" data-grid-images data-grid-slide style=" --wh-ratio: 1; " > <product-grid-item-image class=" product-grid-item__image-wrapper is-active " data-grid-image="0" data-grid-image-target="33548708249732" data-variant-id="" loading="lazy" data-grid-current-image >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?v=1743527514&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="high" style="object-position: center center; "> </div> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="1" data-grid-image-target="33548708348036" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?v=1743527514&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="2" data-grid-image-target="49692861923460" data-variant-id="" loading="lazy" data-slide-for-variant-media > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?v=1743527514&width=1600" alt="Model is 5' 6" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="3" data-grid-image-target="33548989366404" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?v=1743527514&width=1600" alt="Model is 5' 7" wearing size Small." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="4" data-grid-image-target="33548708413572" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?v=1743527514&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="5" data-grid-image-target="33548708315268" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?v=1743527514&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image></div> </a> </div> </product-grid-item-variant>  <product-grid-item-variant class=" product-grid-item__content is-slideshow " style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; " data-grid-item="8200519614596" data-slideshow-style="cycle_images" data-grid-item-variant="44682703929476" hidden aria-label="ARC FALCON / XS" > <div class="product-grid-item__container" data-error-boundary> <div data-error-display class="product-grid-item__error-display"> </div> <a href="/products/ritual-tech-tee-mens" data-grid-link aria-label="Ritual Tech Tee Men's"> <div class="product-grid-item__images aspect-[--wh-ratio]" data-grid-images data-grid-slide style=" --wh-ratio: 1; " > <product-grid-item-image class=" product-grid-item__image-wrapper is-active " data-grid-image="0" data-grid-image-target="33548708249732" data-variant-id="" loading="lazy" data-grid-current-image >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?v=1743527514&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="high" style="object-position: center center; "> </div> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="1" data-grid-image-target="33548708348036" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?v=1743527514&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-back.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="2" data-grid-image-target="49692861923460" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?v=1743527514&width=1600" alt="Model is 5' 6" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="3" data-grid-image-target="33548989366404" data-variant-id="" loading="lazy" data-slide-for-variant-media > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?v=1743527514&width=1600" alt="Model is 5' 7" wearing size Small." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-arc-falcon-back.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="4" data-grid-image-target="33548708413572" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?v=1743527514&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-sorge-front.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="5" data-grid-image-target="33548708315268" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?v=1743527514&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=1600&v=1743527514&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=150&v=1743527514&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=300&v=1743527514&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=167&v=1743527514&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=334&v=1743527514&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=231&v=1743527514&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=462&v=1743527514&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=250&v=1743527514&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=500&v=1743527514&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=325&v=1743527514&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-ritual-tee-mens-backyard-desert-sage-front.jpg?crop=center&height=650&v=1743527514&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image></div> </a> </div> </product-grid-item-variant> <div class="product__grid__info text-center"> <a href="/products/ritual-tech-tee-mens" data-grid-link aria-label="Ritual Tech Tee Men's" tabindex="-1" > <p class="visually-hidden">Ritual Tech Tee Men's</p> <div class="product__grid__title__wrapper"> <p id="product-8200519614596-title" class="product__grid__title"> Ritual Tech Tee Men's </p></div> <div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline"></span><span class="price axt-cp-custom 44682700128388 8200519614596" id='8200519614596' axt-cp-product-id='44682700128388'> $60.00 CAD </span> </div> </a><div class="grid__swatch__container" data-test-id="swatch-container"> <p class="grid__swatch__placeholder">4 colors available</p> <div class="grid__swatch__hover" aria-label="Options" data-sibling-inner data-scrollbar data-scrollbar-slider> <radio-swatch class="swatch__button"> <a href="/products/ritual-tech-tee-mens?variant=44682700128388" class="swatch__label" data-swatch="BACKYARD DESERT SAGE" data-grid-item-variant="44682700128388" data-swatch-index="0" aria-current="true" data-swatch-image="files/chromag-ritual-tee-mens-backyard-desert-sage-back.jpg" data-swatch-image-id="33548708249732" > <span class="visually-hidden">BACKYARD DESERT SAGE</span> </a> </radio-swatch> <radio-swatch class="swatch__button"> <a href="/products/ritual-tech-tee-mens?variant=44682701930628" class="swatch__label" data-swatch="SORGE" data-grid-item-variant="44682701930628" data-swatch-index="1" data-swatch-image="files/chromag-ritual-tee-mens-sorge-back.jpg" data-swatch-image-id="33548708348036" > <span class="visually-hidden">SORGE</span> </a> </radio-swatch> <radio-swatch class="swatch__button"> <a href="/products/ritual-tech-tee-mens?variant=44682702848132" class="swatch__label" data-swatch="MIAMI BIKES BLACK" data-grid-item-variant="44682702848132" data-swatch-index="2" data-swatch-image="files/chromag-ritual-tee-mens-miami-bikes-black-front.jpg" data-swatch-image-id="49692861923460" > <span class="visually-hidden">MIAMI BIKES BLACK</span> </a> </radio-swatch> <radio-swatch class="swatch__button"> <a href="/products/ritual-tech-tee-mens?variant=44682703929476" class="swatch__label" data-swatch="ARC FALCON" data-grid-item-variant="44682703929476" data-swatch-index="3" data-swatch-image="files/chromag-ritual-tee-mens-arc-falcon-back.jpg" data-swatch-image-id="33548989366404" > <span class="visually-hidden">ARC FALCON</span> </a> </radio-swatch> </div> <button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev> <span class="visually-hidden">See all</span> </button> <button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next> <span class="visually-hidden">See all</span> </button> </div></div> </product-grid-item>  <product-grid-item aria-label="Col Jacket Women's" class="product-grid-item group/product-grid-item" data-item-id="8200520368260" >  <product-grid-item-variant class=" product-grid-item__content tagged is-slideshow " style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; " data-grid-item="8200520368260" data-slideshow-style="cycle_images" data-grid-item-variant="44682706878596" aria-label="FALCON / S" > <div class="product-grid-item__container" data-error-boundary> <div data-error-display class="product-grid-item__error-display"> </div> <a href="/products/col-jacket-womens" data-grid-link aria-label="Col Jacket Women's"> <div class="product-grid-item__images aspect-[--wh-ratio]" data-grid-images data-grid-slide style=" --wh-ratio: 1; " > <product-grid-item-image class=" product-grid-item__image-wrapper is-active " data-grid-image="0" data-grid-image-target="33563246395524" data-variant-id="" loading="lazy" data-grid-current-image data-slide-for-filter-selected-variant data-slide-for-variant-media >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?v=1739380853&width=1600" alt="The model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=1600&v=1739380853&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=150&v=1739380853&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=300&v=1739380853&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=167&v=1739380853&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=334&v=1739380853&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=231&v=1739380853&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=462&v=1739380853&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=250&v=1739380853&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=500&v=1739380853&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=325&v=1739380853&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=650&v=1739380853&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="high" style="object-position: center center; "> </div> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="1" data-grid-image-target="33563246493828" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?v=1739380853&width=1600" alt="The model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=1600&v=1739380853&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=150&v=1739380853&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=300&v=1739380853&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=167&v=1739380853&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=334&v=1739380853&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=231&v=1739380853&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=462&v=1739380853&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=250&v=1739380853&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=500&v=1739380853&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=325&v=1739380853&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=650&v=1739380853&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="2" data-grid-image-target="33563246362756" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?v=1739486033&width=1600" alt="The model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=1600&v=1739486033&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=150&v=1739486033&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=300&v=1739486033&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=167&v=1739486033&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=334&v=1739486033&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=231&v=1739486033&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=462&v=1739486033&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=250&v=1739486033&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=500&v=1739486033&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=325&v=1739486033&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=650&v=1739486033&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="3" data-grid-image-target="33563246461060" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?v=1739486033&width=1600" alt="The model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=1600&v=1739486033&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=150&v=1739486033&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=300&v=1739486033&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=167&v=1739486033&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=334&v=1739486033&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=231&v=1739486033&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=462&v=1739486033&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=250&v=1739486033&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=500&v=1739486033&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=325&v=1739486033&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=650&v=1739486033&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="4" data-grid-image-target="33563246329988" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?v=1739486033&width=1068" alt="The model is 5' 8" wearing size Medium." width="1068" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=1068&v=1739486033&width=1068 1068w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=150&v=1739486033&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=300&v=1739486033&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=167&v=1739486033&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=334&v=1739486033&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=231&v=1739486033&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=462&v=1739486033&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=250&v=1739486033&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=500&v=1739486033&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=325&v=1739486033&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=650&v=1739486033&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="5" data-grid-image-target="33563246526596" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?v=1739486033&width=1600" alt="The model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=1600&v=1739486033&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=150&v=1739486033&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=300&v=1739486033&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=167&v=1739486033&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=334&v=1739486033&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=231&v=1739486033&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=462&v=1739486033&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=250&v=1739486033&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=500&v=1739486033&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=325&v=1739486033&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=650&v=1739486033&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image></div> <div class="product__badge product__badge--custom product__badge--new">New!</div> </a> </div> </product-grid-item-variant>  <product-grid-item-variant class=" product-grid-item__content tagged is-slideshow " style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; " data-grid-item="8200520368260" data-slideshow-style="cycle_images" data-grid-item-variant="44682705862788" hidden aria-label="BLACK / S" > <div class="product-grid-item__container" data-error-boundary> <div data-error-display class="product-grid-item__error-display"> </div> <a href="/products/col-jacket-womens" data-grid-link aria-label="Col Jacket Women's"> <div class="product-grid-item__images aspect-[--wh-ratio]" data-grid-images data-grid-slide style=" --wh-ratio: 1; " > <product-grid-item-image class=" product-grid-item__image-wrapper is-active " data-grid-image="0" data-grid-image-target="33563246395524" data-variant-id="" loading="lazy" data-grid-current-image >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?v=1739380853&width=1600" alt="The model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=1600&v=1739380853&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=150&v=1739380853&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=300&v=1739380853&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=167&v=1739380853&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=334&v=1739380853&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=231&v=1739380853&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=462&v=1739380853&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=250&v=1739380853&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=500&v=1739380853&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=325&v=1739380853&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-front.jpg?crop=center&height=650&v=1739380853&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="high" style="object-position: center center; "> </div> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="1" data-grid-image-target="33563246493828" data-variant-id="" loading="lazy" data-slide-for-variant-media > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?v=1739380853&width=1600" alt="The model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=1600&v=1739380853&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=150&v=1739380853&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=300&v=1739380853&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=167&v=1739380853&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=334&v=1739380853&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=231&v=1739380853&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=462&v=1739380853&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=250&v=1739380853&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=500&v=1739380853&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=325&v=1739380853&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front.jpg?crop=center&height=650&v=1739380853&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="2" data-grid-image-target="33563246362756" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?v=1739486033&width=1600" alt="The model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=1600&v=1739486033&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=150&v=1739486033&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=300&v=1739486033&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=167&v=1739486033&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=334&v=1739486033&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=231&v=1739486033&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=462&v=1739486033&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=250&v=1739486033&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=500&v=1739486033&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=325&v=1739486033&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-back.jpg?crop=center&height=650&v=1739486033&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="3" data-grid-image-target="33563246461060" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?v=1739486033&width=1600" alt="The model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=1600&v=1739486033&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=150&v=1739486033&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=300&v=1739486033&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=167&v=1739486033&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=334&v=1739486033&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=231&v=1739486033&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=462&v=1739486033&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=250&v=1739486033&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=500&v=1739486033&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=325&v=1739486033&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-back.jpg?crop=center&height=650&v=1739486033&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="4" data-grid-image-target="33563246329988" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?v=1739486033&width=1068" alt="The model is 5' 8" wearing size Medium." width="1068" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=1068&v=1739486033&width=1068 1068w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=150&v=1739486033&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=300&v=1739486033&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=167&v=1739486033&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=334&v=1739486033&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=231&v=1739486033&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=462&v=1739486033&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=250&v=1739486033&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=500&v=1739486033&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=325&v=1739486033&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-falcon-detail.jpg?crop=center&height=650&v=1739486033&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="5" data-grid-image-target="33563246526596" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?v=1739486033&width=1600" alt="The model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=1600&v=1739486033&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=150&v=1739486033&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=300&v=1739486033&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=167&v=1739486033&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=334&v=1739486033&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=231&v=1739486033&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=462&v=1739486033&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=250&v=1739486033&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=500&v=1739486033&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=325&v=1739486033&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-col-jacket-womens-black-front-detail.jpg?crop=center&height=650&v=1739486033&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image></div> <div class="product__badge product__badge--custom product__badge--new">New!</div> </a> </div> </product-grid-item-variant> <div class="product__grid__info text-center"> <a href="/products/col-jacket-womens" data-grid-link aria-label="Col Jacket Women's" tabindex="-1" > <p class="visually-hidden">Col Jacket Women's</p> <div class="product__grid__title__wrapper"> <p id="product-8200520368260-title" class="product__grid__title"> Col Jacket Women's </p></div> <div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline"></span><span class="price axt-cp-custom 44682706878596 8200520368260" id='8200520368260' axt-cp-product-id='44682706878596'> $155.00 CAD </span> </div> </a><div class="grid__swatch__container" data-test-id="swatch-container"> <p class="grid__swatch__placeholder">2 colors available</p> <div class="grid__swatch__hover" aria-label="Options" data-sibling-inner data-scrollbar data-scrollbar-slider> <radio-swatch class="swatch__button"> <a href="/products/col-jacket-womens?variant=44682706878596" class="swatch__label" data-swatch="FALCON" data-grid-item-variant="44682706878596" data-swatch-index="0" aria-current="true" data-swatch-image="files/chromag-col-jacket-womens-falcon-front.jpg" data-swatch-image-id="33563246395524" > <span class="visually-hidden">FALCON</span> </a> </radio-swatch> <radio-swatch class="swatch__button"> <a href="/products/col-jacket-womens?variant=44682705862788" class="swatch__label" data-swatch="BLACK" data-grid-item-variant="44682705862788" data-swatch-index="1" data-swatch-image="files/chromag-col-jacket-womens-black-front.jpg" data-swatch-image-id="33563246493828" > <span class="visually-hidden">BLACK</span> </a> </radio-swatch> </div> <button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev> <span class="visually-hidden">See all</span> </button> <button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next> <span class="visually-hidden">See all</span> </button> </div></div> </product-grid-item>  <product-grid-item aria-label="Veldt Jersey Men's" class="product-grid-item group/product-grid-item" data-item-id="8200520204420" >  <product-grid-item-variant class=" product-grid-item__content tagged is-slideshow " style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; " data-grid-item="8200520204420" data-slideshow-style="cycle_images" data-grid-item-variant="44682704060548" aria-label="FOREST/BLACK / XS" > <div class="product-grid-item__container" data-error-boundary> <div data-error-display class="product-grid-item__error-display"> </div> <a href="/products/veldt-jersey-mens" data-grid-link aria-label="Veldt Jersey Men's"> <div class="product-grid-item__images aspect-[--wh-ratio]" data-grid-images data-grid-slide style=" --wh-ratio: 1; " > <product-grid-item-image class=" product-grid-item__image-wrapper is-active " data-grid-image="0" data-grid-image-target="33563890942084" data-variant-id="" loading="lazy" data-grid-current-image data-slide-for-filter-selected-variant data-slide-for-variant-media >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-front.jpg?v=1739388041&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-front.jpg?crop=center&height=1600&v=1739388041&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-front.jpg?crop=center&height=150&v=1739388041&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-front.jpg?crop=center&height=300&v=1739388041&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-front.jpg?crop=center&height=167&v=1739388041&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-front.jpg?crop=center&height=334&v=1739388041&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-front.jpg?crop=center&height=231&v=1739388041&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-front.jpg?crop=center&height=462&v=1739388041&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-front.jpg?crop=center&height=250&v=1739388041&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-front.jpg?crop=center&height=500&v=1739388041&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-front.jpg?crop=center&height=325&v=1739388041&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-front.jpg?crop=center&height=650&v=1739388041&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="high" style="object-position: center center; "> </div> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="1" data-grid-image-target="33563890876548" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-back.jpg?v=1739388041&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-back.jpg?crop=center&height=1600&v=1739388041&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-back.jpg?crop=center&height=150&v=1739388041&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-back.jpg?crop=center&height=300&v=1739388041&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-back.jpg?crop=center&height=167&v=1739388041&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-back.jpg?crop=center&height=334&v=1739388041&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-back.jpg?crop=center&height=231&v=1739388041&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-back.jpg?crop=center&height=462&v=1739388041&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-back.jpg?crop=center&height=250&v=1739388041&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-back.jpg?crop=center&height=500&v=1739388041&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-back.jpg?crop=center&height=325&v=1739388041&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-veldt-merino-jersey-mens-forest-black-back.jpg?crop=center&height=650&v=1739388041&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image></div> <div class="product__badge product__badge--custom product__badge--merino">Merino</div> </a> </div> </product-grid-item-variant> <div class="product__grid__info text-center"> <a href="/products/veldt-jersey-mens" data-grid-link aria-label="Veldt Jersey Men's" tabindex="-1" > <p class="visually-hidden">Veldt Jersey Men's</p> <div class="product__grid__title__wrapper"> <p id="product-8200520204420-title" class="product__grid__title"> Veldt Jersey Men's </p></div> <div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline"></span><span class="price axt-cp-custom 44682704060548 8200520204420" id='8200520204420' axt-cp-product-id='44682704060548'> $145.00 CAD </span> </div> </a><div class="grid__swatch__container" data-test-id="swatch-container"> <p class="grid__swatch__placeholder">1 color available</p> <div class="grid__swatch__hover" aria-label="Options" data-sibling-inner data-scrollbar data-scrollbar-slider> <radio-swatch class="swatch__button"> <a href="/products/veldt-jersey-mens?variant=44682704060548" class="swatch__label" data-swatch="FOREST/BLACK" data-grid-item-variant="44682704060548" data-swatch-index="0" aria-current="true" data-swatch-image="files/chromag-veldt-merino-jersey-mens-forest-black-front.jpg" data-swatch-image-id="33563890942084" > <span class="visually-hidden">FOREST/BLACK</span> </a> </radio-swatch> </div> <button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev> <span class="visually-hidden">See all</span> </button> <button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next> <span class="visually-hidden">See all</span> </button> </div></div> </product-grid-item>  <product-grid-item aria-label="Key Tee Men's" class="product-grid-item group/product-grid-item" data-item-id="8200519581828" >  <product-grid-item-variant class=" product-grid-item__content is-slideshow " style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; " data-grid-item="8200519581828" data-slideshow-style="cycle_images" data-grid-item-variant="44682705371268" aria-label="WHITE / XS" > <div class="product-grid-item__container" data-error-boundary> <div data-error-display class="product-grid-item__error-display"> </div> <a href="/products/key-tee-mens" data-grid-link aria-label="Key Tee Men's"> <div class="product-grid-item__images aspect-[--wh-ratio]" data-grid-images data-grid-slide style=" --wh-ratio: 1; " > <product-grid-item-image class=" product-grid-item__image-wrapper is-active " data-grid-image="0" data-grid-image-target="33548656902276" data-variant-id="" loading="lazy" data-grid-current-image >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?v=1739210396&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=1600&v=1739210396&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=150&v=1739210396&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=300&v=1739210396&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=167&v=1739210396&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=334&v=1739210396&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=231&v=1739210396&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=462&v=1739210396&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=250&v=1739210396&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=500&v=1739210396&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=325&v=1739210396&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=650&v=1739210396&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="high" style="object-position: center center; "> </div> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="1" data-grid-image-target="49693086679172" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?v=1743529617&width=1600" alt="Model is 5' 6" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=1600&v=1743529617&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=150&v=1743529617&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=300&v=1743529617&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=167&v=1743529617&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=334&v=1743529617&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=231&v=1743529617&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=462&v=1743529617&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=250&v=1743529617&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=500&v=1743529617&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=325&v=1743529617&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=650&v=1743529617&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="2" data-grid-image-target="33548656935044" data-variant-id="" loading="lazy" data-slide-for-variant-media > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?v=1743529617&width=1068" alt="Model is 5' 8" wearing size Medium." width="1068" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=1068&v=1743529617&width=1068 1068w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=150&v=1743529617&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=300&v=1743529617&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=167&v=1743529617&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=334&v=1743529617&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=231&v=1743529617&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=462&v=1743529617&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=250&v=1743529617&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=500&v=1743529617&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=325&v=1743529617&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=650&v=1743529617&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="3" data-grid-image-target="49693086711940" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?v=1743529408&width=876" alt="" width="876" height="876" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=876&v=1743529408&width=876 876w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=150&v=1743529408&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=300&v=1743529408&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=167&v=1743529408&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=334&v=1743529408&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=231&v=1743529408&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=462&v=1743529408&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=250&v=1743529408&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=500&v=1743529408&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=325&v=1743529408&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=650&v=1743529408&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image></div> </a> </div> </product-grid-item-variant>  <product-grid-item-variant class=" product-grid-item__content is-slideshow " style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; " data-grid-item="8200519581828" data-slideshow-style="cycle_images" data-grid-item-variant="44682700292228" hidden aria-label="BLACK/BLACK / XS" > <div class="product-grid-item__container" data-error-boundary> <div data-error-display class="product-grid-item__error-display"> </div> <a href="/products/key-tee-mens" data-grid-link aria-label="Key Tee Men's"> <div class="product-grid-item__images aspect-[--wh-ratio]" data-grid-images data-grid-slide style=" --wh-ratio: 1; " > <product-grid-item-image class=" product-grid-item__image-wrapper is-active " data-grid-image="0" data-grid-image-target="33548656902276" data-variant-id="" loading="lazy" data-grid-current-image >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?v=1739210396&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=1600&v=1739210396&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=150&v=1739210396&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=300&v=1739210396&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=167&v=1739210396&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=334&v=1739210396&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=231&v=1739210396&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=462&v=1739210396&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=250&v=1739210396&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=500&v=1739210396&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=325&v=1739210396&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white.jpg?crop=center&height=650&v=1739210396&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="high" style="object-position: center center; "> </div> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="1" data-grid-image-target="49693086679172" data-variant-id="" loading="lazy" data-slide-for-variant-media > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?v=1743529617&width=1600" alt="Model is 5' 6" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=1600&v=1743529617&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=150&v=1743529617&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=300&v=1743529617&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=167&v=1743529617&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=334&v=1743529617&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=231&v=1743529617&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=462&v=1743529617&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=250&v=1743529617&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=500&v=1743529617&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=325&v=1743529617&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black.jpg?crop=center&height=650&v=1743529617&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="2" data-grid-image-target="33548656935044" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?v=1743529617&width=1068" alt="Model is 5' 8" wearing size Medium." width="1068" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=1068&v=1743529617&width=1068 1068w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=150&v=1743529617&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=300&v=1743529617&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=167&v=1743529617&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=334&v=1743529617&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=231&v=1743529617&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=462&v=1743529617&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=250&v=1743529617&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=500&v=1743529617&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=325&v=1743529617&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-creature-white-detail.jpg?crop=center&height=650&v=1743529617&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="3" data-grid-image-target="49693086711940" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?v=1743529408&width=876" alt="" width="876" height="876" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=876&v=1743529408&width=876 876w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=150&v=1743529408&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=300&v=1743529408&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=167&v=1743529408&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=334&v=1743529408&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=231&v=1743529408&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=462&v=1743529408&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=250&v=1743529408&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=500&v=1743529408&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=325&v=1743529408&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-key-tee-mens-reflect-black-detail.jpg?crop=center&height=650&v=1743529408&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image></div> </a> </div> </product-grid-item-variant> <div class="product__grid__info text-center"> <a href="/products/key-tee-mens" data-grid-link aria-label="Key Tee Men's" tabindex="-1" > <p class="visually-hidden">Key Tee Men's</p> <div class="product__grid__title__wrapper"> <p id="product-8200519581828-title" class="product__grid__title"> Key Tee Men's </p></div> <div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline"></span><span class="price axt-cp-custom 44682705371268 8200519581828" id='8200519581828' axt-cp-product-id='44682705371268'> $40.00 CAD </span> </div> </a><div class="grid__swatch__container" data-test-id="swatch-container"> <p class="grid__swatch__placeholder">2 colors available</p> <div class="grid__swatch__hover" aria-label="Options" data-sibling-inner data-scrollbar data-scrollbar-slider> <radio-swatch class="swatch__button"> <a href="/products/key-tee-mens?variant=44682705371268" class="swatch__label" data-swatch="WHITE" data-grid-item-variant="44682705371268" data-swatch-index="0" aria-current="true" data-swatch-image="files/chromag-key-tee-mens-creature-white-detail.jpg" data-swatch-image-id="33548656935044" > <span class="visually-hidden">WHITE</span> </a> </radio-swatch> <radio-swatch class="swatch__button"> <a href="/products/key-tee-mens?variant=44682700292228" class="swatch__label" data-swatch="BLACK/BLACK" data-grid-item-variant="44682700292228" data-swatch-index="1" data-swatch-image="files/chromag-key-tee-mens-reflect-black.jpg" data-swatch-image-id="49693086679172" > <span class="visually-hidden">BLACK/BLACK</span> </a> </radio-swatch> </div> <button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev> <span class="visually-hidden">See all</span> </button> <button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next> <span class="visually-hidden">See all</span> </button> </div></div> </product-grid-item>  <product-grid-item aria-label="Feint Pant Men's" class="product-grid-item group/product-grid-item" data-item-id="6747009876100" >  <product-grid-item-variant class=" product-grid-item__content is-slideshow " style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; " data-grid-item="6747009876100" data-slideshow-style="cycle_images" data-grid-item-variant="41184917422212" aria-label="BLACK / 38" > <div class="product-grid-item__container" data-error-boundary> <div data-error-display class="product-grid-item__error-display"> </div> <a href="/products/feint-mens-pants" data-grid-link aria-label="Feint Pant Men's"> <div class="product-grid-item__images aspect-[--wh-ratio]" data-grid-images data-grid-slide style=" --wh-ratio: 1; " > <product-grid-item-image class=" product-grid-item__image-wrapper is-active " data-grid-image="0" data-grid-image-target="33570694267012" data-variant-id="" loading="lazy" data-grid-current-image >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?v=1739465511&width=1600" alt="" width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=1600&v=1739465511&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=150&v=1739465511&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=300&v=1739465511&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=167&v=1739465511&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=334&v=1739465511&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=231&v=1739465511&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=462&v=1739465511&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=250&v=1739465511&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=500&v=1739465511&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=325&v=1739465511&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=650&v=1739465511&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="high" style="object-position: center center; "> </div> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="1" data-grid-image-target="22146697232516" data-variant-id="" loading="lazy" data-slide-for-variant-media > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?v=1739465511&width=1600" alt="Feint Pant Mens Mountain Biking Pants Chromag Mtb Clothing Bike Pants" width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=1600&v=1739465511&width=1600 1600w, //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=150&v=1739465511&width=150 150w, //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=300&v=1739465511&width=300 300w, //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=167&v=1739465511&width=167 167w, //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=334&v=1739465511&width=334 334w, //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=231&v=1739465511&width=231 231w, //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=462&v=1739465511&width=462 462w, //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=250&v=1739465511&width=250 250w, //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=500&v=1739465511&width=500 500w, //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=325&v=1739465511&width=325 325w, //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=650&v=1739465511&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="2" data-grid-image-target="33570695053444" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?v=1739465511&width=1600" alt="" width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=1600&v=1739465511&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=150&v=1739465511&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=300&v=1739465511&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=167&v=1739465511&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=334&v=1739465511&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=231&v=1739465511&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=462&v=1739465511&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=250&v=1739465511&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=500&v=1739465511&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=325&v=1739465511&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=650&v=1739465511&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="3" data-grid-image-target="24534872817796" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?v=1739465511&width=1202" alt="Feint Pant Mens Mountain Biking Pants Chromag Mtb Clothing Bike Pants" width="1202" height="1800" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=1202&v=1739465511&width=1202 1202w, //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=150&v=1739465511&width=150 150w, //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=300&v=1739465511&width=300 300w, //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=167&v=1739465511&width=167 167w, //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=334&v=1739465511&width=334 334w, //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=231&v=1739465511&width=231 231w, //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=462&v=1739465511&width=462 462w, //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=250&v=1739465511&width=250 250w, //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=500&v=1739465511&width=500 500w, //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=325&v=1739465511&width=325 325w, //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=650&v=1739465511&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="4" data-grid-image-target="33570700132484" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?v=1739465521&width=1068" alt="" width="1068" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=1068&v=1739465521&width=1068 1068w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=150&v=1739465521&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=300&v=1739465521&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=167&v=1739465521&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=334&v=1739465521&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=231&v=1739465521&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=462&v=1739465521&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=250&v=1739465521&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=500&v=1739465521&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=325&v=1739465521&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=650&v=1739465521&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image></div> </a> </div> </product-grid-item-variant>  <product-grid-item-variant class=" product-grid-item__content is-slideshow " style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; " data-grid-item="6747009876100" data-slideshow-style="cycle_images" data-grid-item-variant="44733110321284" hidden aria-label="BLACK/GRADIENT / 38" > <div class="product-grid-item__container" data-error-boundary> <div data-error-display class="product-grid-item__error-display"> </div> <a href="/products/feint-mens-pants" data-grid-link aria-label="Feint Pant Men's"> <div class="product-grid-item__images aspect-[--wh-ratio]" data-grid-images data-grid-slide style=" --wh-ratio: 1; " > <product-grid-item-image class=" product-grid-item__image-wrapper is-active " data-grid-image="0" data-grid-image-target="33570694267012" data-variant-id="" loading="lazy" data-grid-current-image data-slide-for-filter-selected-variant data-slide-for-variant-media >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?v=1739465511&width=1600" alt="" width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=1600&v=1739465511&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=150&v=1739465511&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=300&v=1739465511&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=167&v=1739465511&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=334&v=1739465511&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=231&v=1739465511&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=462&v=1739465511&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=250&v=1739465511&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=500&v=1739465511&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=325&v=1739465511&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg?crop=center&height=650&v=1739465511&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="high" style="object-position: center center; "> </div> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="1" data-grid-image-target="22146697232516" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?v=1739465511&width=1600" alt="Feint Pant Mens Mountain Biking Pants Chromag Mtb Clothing Bike Pants" width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=1600&v=1739465511&width=1600 1600w, //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=150&v=1739465511&width=150 150w, //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=300&v=1739465511&width=300 300w, //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=167&v=1739465511&width=167 167w, //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=334&v=1739465511&width=334 334w, //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=231&v=1739465511&width=231 231w, //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=462&v=1739465511&width=462 462w, //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=250&v=1739465511&width=250 250w, //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=500&v=1739465511&width=500 500w, //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=325&v=1739465511&width=325 325w, //chromagbikes.com/cdn/shop/products/chromag-feint-pant-black-grey.jpg?crop=center&height=650&v=1739465511&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="2" data-grid-image-target="33570695053444" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?v=1739465511&width=1600" alt="" width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=1600&v=1739465511&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=150&v=1739465511&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=300&v=1739465511&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=167&v=1739465511&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=334&v=1739465511&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=231&v=1739465511&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=462&v=1739465511&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=250&v=1739465511&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=500&v=1739465511&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=325&v=1739465511&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-back_70cbbf7d-0e4e-49c6-95da-4b63549e5579.jpg?crop=center&height=650&v=1739465511&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="3" data-grid-image-target="24534872817796" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?v=1739465511&width=1202" alt="Feint Pant Mens Mountain Biking Pants Chromag Mtb Clothing Bike Pants" width="1202" height="1800" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=1202&v=1739465511&width=1202 1202w, //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=150&v=1739465511&width=150 150w, //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=300&v=1739465511&width=300 300w, //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=167&v=1739465511&width=167 167w, //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=334&v=1739465511&width=334 334w, //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=231&v=1739465511&width=231 231w, //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=462&v=1739465511&width=462 462w, //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=250&v=1739465511&width=250 250w, //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=500&v=1739465511&width=500 500w, //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=325&v=1739465511&width=325 325w, //chromagbikes.com/cdn/shop/products/ChromagApparelAction2022-DSC_6918-WEB.jpg?crop=center&height=650&v=1739465511&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="4" data-grid-image-target="33570700132484" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?v=1739465521&width=1068" alt="" width="1068" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=1068&v=1739465521&width=1068 1068w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=150&v=1739465521&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=300&v=1739465521&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=167&v=1739465521&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=334&v=1739465521&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=231&v=1739465521&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=462&v=1739465521&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=250&v=1739465521&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=500&v=1739465521&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=325&v=1739465521&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-feint-pant-ments-black-gradient-pocket_4e86ec7b-3955-476c-a642-bc8e317fc5f8.jpg?crop=center&height=650&v=1739465521&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image></div> </a> </div> </product-grid-item-variant> <div class="product__grid__info text-center"> <a href="/products/feint-mens-pants" data-grid-link aria-label="Feint Pant Men's" tabindex="-1" > <p class="visually-hidden">Feint Pant Men's</p> <div class="product__grid__title__wrapper"> <p id="product-6747009876100-title" class="product__grid__title"> Feint Pant Men's </p></div> <div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline"></span><span class="price axt-cp-custom 41184917422212 6747009876100" id='6747009876100' axt-cp-product-id='41184917422212'> $195.00 CAD </span> </div> </a><div class="grid__swatch__container" data-test-id="swatch-container"> <p class="grid__swatch__placeholder">2 colors available</p> <div class="grid__swatch__hover" aria-label="Options" data-sibling-inner data-scrollbar data-scrollbar-slider> <radio-swatch class="swatch__button"> <a href="/products/feint-mens-pants?variant=41184917422212" class="swatch__label" data-swatch="BLACK" data-grid-item-variant="41184917422212" data-swatch-index="0" aria-current="true" data-swatch-image="products/chromag-feint-pant-black-grey.jpg" data-swatch-image-id="22146697232516" > <span class="visually-hidden">BLACK</span> </a> </radio-swatch> <radio-swatch class="swatch__button"> <a href="/products/feint-mens-pants?variant=44733110321284" class="swatch__label" data-swatch="BLACK/GRADIENT" data-grid-item-variant="44733110321284" data-swatch-index="1" data-swatch-image="files/chromag-feint-pant-ments-black-gradient-front_1bc7bd2f-b59f-43c5-bfae-1d1a74e98ac3.jpg" data-swatch-image-id="33570694267012" > <span class="visually-hidden">BLACK/GRADIENT</span> </a> </radio-swatch> </div> <button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev> <span class="visually-hidden">See all</span> </button> <button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next> <span class="visually-hidden">See all</span> </button> </div></div> </product-grid-item>  <product-grid-item aria-label="Roam Jersey Men's" class="product-grid-item group/product-grid-item" data-item-id="8200520269956" >  <product-grid-item-variant class=" product-grid-item__content tagged is-slideshow " style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; " data-grid-item="8200520269956" data-slideshow-style="cycle_images" data-grid-item-variant="44682710745220" aria-label="FOREST / XS" > <div class="product-grid-item__container" data-error-boundary> <div data-error-display class="product-grid-item__error-display"> </div> <a href="/products/roam-jersey-mens" data-grid-link aria-label="Roam Jersey Men's"> <div class="product-grid-item__images aspect-[--wh-ratio]" data-grid-images data-grid-slide style=" --wh-ratio: 1; " > <product-grid-item-image class=" product-grid-item__image-wrapper is-active " data-grid-image="0" data-grid-image-target="33563955101828" data-variant-id="" loading="lazy" data-grid-current-image data-slide-for-filter-selected-variant data-slide-for-variant-media >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?v=1739388430&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=1600&v=1739388430&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=150&v=1739388430&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=300&v=1739388430&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=167&v=1739388430&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=334&v=1739388430&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=231&v=1739388430&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=462&v=1739388430&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=250&v=1739388430&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=500&v=1739388430&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=325&v=1739388430&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=650&v=1739388430&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="high" style="object-position: center center; "> </div> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="1" data-grid-image-target="33563955167364" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?v=1739388430&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=1600&v=1739388430&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=150&v=1739388430&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=300&v=1739388430&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=167&v=1739388430&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=334&v=1739388430&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=231&v=1739388430&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=462&v=1739388430&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=250&v=1739388430&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=500&v=1739388430&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=325&v=1739388430&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=650&v=1739388430&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="2" data-grid-image-target="33563955069060" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?v=1739388430&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=1600&v=1739388430&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=150&v=1739388430&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=300&v=1739388430&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=167&v=1739388430&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=334&v=1739388430&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=231&v=1739388430&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=462&v=1739388430&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=250&v=1739388430&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=500&v=1739388430&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=325&v=1739388430&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=650&v=1739388430&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="3" data-grid-image-target="33563955134596" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?v=1739388430&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=1600&v=1739388430&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=150&v=1739388430&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=300&v=1739388430&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=167&v=1739388430&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=334&v=1739388430&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=231&v=1739388430&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=462&v=1739388430&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=250&v=1739388430&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=500&v=1739388430&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=325&v=1739388430&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=650&v=1739388430&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image></div> <div class="product__badge product__badge--custom product__badge--merino">Merino</div> </a> </div> </product-grid-item-variant>  <product-grid-item-variant class=" product-grid-item__content tagged is-slideshow " style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; " data-grid-item="8200520269956" data-slideshow-style="cycle_images" data-grid-item-variant="44682706714756" hidden aria-label="BLACK / XS" > <div class="product-grid-item__container" data-error-boundary> <div data-error-display class="product-grid-item__error-display"> </div> <a href="/products/roam-jersey-mens" data-grid-link aria-label="Roam Jersey Men's"> <div class="product-grid-item__images aspect-[--wh-ratio]" data-grid-images data-grid-slide style=" --wh-ratio: 1; " > <product-grid-item-image class=" product-grid-item__image-wrapper is-active " data-grid-image="0" data-grid-image-target="33563955101828" data-variant-id="" loading="lazy" data-grid-current-image >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?v=1739388430&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=1600&v=1739388430&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=150&v=1739388430&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=300&v=1739388430&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=167&v=1739388430&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=334&v=1739388430&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=231&v=1739388430&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=462&v=1739388430&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=250&v=1739388430&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=500&v=1739388430&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=325&v=1739388430&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-front.jpg?crop=center&height=650&v=1739388430&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="high" style="object-position: center center; "> </div> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="1" data-grid-image-target="33563955167364" data-variant-id="" loading="lazy" data-slide-for-variant-media > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?v=1739388430&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=1600&v=1739388430&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=150&v=1739388430&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=300&v=1739388430&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=167&v=1739388430&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=334&v=1739388430&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=231&v=1739388430&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=462&v=1739388430&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=250&v=1739388430&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=500&v=1739388430&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=325&v=1739388430&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-front.jpg?crop=center&height=650&v=1739388430&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="2" data-grid-image-target="33563955069060" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?v=1739388430&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=1600&v=1739388430&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=150&v=1739388430&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=300&v=1739388430&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=167&v=1739388430&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=334&v=1739388430&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=231&v=1739388430&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=462&v=1739388430&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=250&v=1739388430&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=500&v=1739388430&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=325&v=1739388430&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-forest-back.jpg?crop=center&height=650&v=1739388430&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="3" data-grid-image-target="33563955134596" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?v=1739388430&width=1600" alt="Model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=1600&v=1739388430&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=150&v=1739388430&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=300&v=1739388430&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=167&v=1739388430&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=334&v=1739388430&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=231&v=1739388430&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=462&v=1739388430&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=250&v=1739388430&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=500&v=1739388430&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=325&v=1739388430&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-roam-merino-jersey-mens-black-back.jpg?crop=center&height=650&v=1739388430&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image></div> <div class="product__badge product__badge--custom product__badge--merino">Merino</div> </a> </div> </product-grid-item-variant> <div class="product__grid__info text-center"> <a href="/products/roam-jersey-mens" data-grid-link aria-label="Roam Jersey Men's" tabindex="-1" > <p class="visually-hidden">Roam Jersey Men's</p> <div class="product__grid__title__wrapper"> <p id="product-8200520269956-title" class="product__grid__title"> Roam Jersey Men's </p></div> <div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline"></span><span class="price axt-cp-custom 44682710745220 8200520269956" id='8200520269956' axt-cp-product-id='44682710745220'> $125.00 CAD </span> </div> </a><div class="grid__swatch__container" data-test-id="swatch-container"> <p class="grid__swatch__placeholder">2 colors available</p> <div class="grid__swatch__hover" aria-label="Options" data-sibling-inner data-scrollbar data-scrollbar-slider> <radio-swatch class="swatch__button"> <a href="/products/roam-jersey-mens?variant=44682710745220" class="swatch__label" data-swatch="FOREST" data-grid-item-variant="44682710745220" data-swatch-index="0" aria-current="true" data-swatch-image="files/chromag-roam-merino-jersey-mens-forest-front.jpg" data-swatch-image-id="33563955101828" > <span class="visually-hidden">FOREST</span> </a> </radio-swatch> <radio-swatch class="swatch__button"> <a href="/products/roam-jersey-mens?variant=44682706714756" class="swatch__label" data-swatch="BLACK" data-grid-item-variant="44682706714756" data-swatch-index="1" data-swatch-image="files/chromag-roam-merino-jersey-mens-black-front.jpg" data-swatch-image-id="33563955167364" > <span class="visually-hidden">BLACK</span> </a> </radio-swatch> </div> <button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev> <span class="visually-hidden">See all</span> </button> <button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next> <span class="visually-hidden">See all</span> </button> </div></div> </product-grid-item>  <product-grid-item aria-label="Dominion Jersey Women's" class="product-grid-item group/product-grid-item" data-item-id="8200519745668" >  <product-grid-item-variant class=" product-grid-item__content is-slideshow " style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; " data-grid-item="8200519745668" data-slideshow-style="cycle_images" data-grid-item-variant="44682705174660" aria-label="BLACK/GRADIENT / S" > <div class="product-grid-item__container" data-error-boundary> <div data-error-display class="product-grid-item__error-display"> </div> <a href="/products/dominion-jersey-womens" data-grid-link aria-label="Dominion Jersey Women's"> <div class="product-grid-item__images aspect-[--wh-ratio]" data-grid-images data-grid-slide style=" --wh-ratio: 1; " > <product-grid-item-image class=" product-grid-item__image-wrapper is-active " data-grid-image="0" data-grid-image-target="33673724854404" data-variant-id="" loading="lazy" data-grid-current-image data-slide-for-filter-selected-variant data-slide-for-variant-media >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-front.jpg?v=1741030581&width=1600" alt="The model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-front.jpg?crop=center&height=1600&v=1741030581&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-front.jpg?crop=center&height=150&v=1741030581&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-front.jpg?crop=center&height=300&v=1741030581&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-front.jpg?crop=center&height=167&v=1741030581&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-front.jpg?crop=center&height=334&v=1741030581&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-front.jpg?crop=center&height=231&v=1741030581&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-front.jpg?crop=center&height=462&v=1741030581&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-front.jpg?crop=center&height=250&v=1741030581&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-front.jpg?crop=center&height=500&v=1741030581&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-front.jpg?crop=center&height=325&v=1741030581&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-front.jpg?crop=center&height=650&v=1741030581&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="high" style="object-position: center center; "> </div> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="1" data-grid-image-target="33673724985476" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-back.jpg?v=1741030607&width=1600" alt="The model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-back.jpg?crop=center&height=1600&v=1741030607&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-back.jpg?crop=center&height=150&v=1741030607&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-back.jpg?crop=center&height=300&v=1741030607&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-back.jpg?crop=center&height=167&v=1741030607&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-back.jpg?crop=center&height=334&v=1741030607&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-back.jpg?crop=center&height=231&v=1741030607&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-back.jpg?crop=center&height=462&v=1741030607&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-back.jpg?crop=center&height=250&v=1741030607&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-back.jpg?crop=center&height=500&v=1741030607&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-back.jpg?crop=center&height=325&v=1741030607&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-back.jpg?crop=center&height=650&v=1741030607&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="2" data-grid-image-target="33673724887172" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-side.jpg?v=1741030607&width=1600" alt="The model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-side.jpg?crop=center&height=1600&v=1741030607&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-side.jpg?crop=center&height=150&v=1741030607&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-side.jpg?crop=center&height=300&v=1741030607&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-side.jpg?crop=center&height=167&v=1741030607&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-side.jpg?crop=center&height=334&v=1741030607&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-side.jpg?crop=center&height=231&v=1741030607&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-side.jpg?crop=center&height=462&v=1741030607&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-side.jpg?crop=center&height=250&v=1741030607&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-side.jpg?crop=center&height=500&v=1741030607&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-side.jpg?crop=center&height=325&v=1741030607&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-side.jpg?crop=center&height=650&v=1741030607&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="3" data-grid-image-target="33673724919940" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-detail.jpg?v=1741030607&width=1600" alt="The model is 5' 8" wearing size Medium." width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-detail.jpg?crop=center&height=1600&v=1741030607&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-detail.jpg?crop=center&height=150&v=1741030607&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-detail.jpg?crop=center&height=300&v=1741030607&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-detail.jpg?crop=center&height=167&v=1741030607&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-detail.jpg?crop=center&height=334&v=1741030607&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-detail.jpg?crop=center&height=231&v=1741030607&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-detail.jpg?crop=center&height=462&v=1741030607&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-detail.jpg?crop=center&height=250&v=1741030607&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-detail.jpg?crop=center&height=500&v=1741030607&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-detail.jpg?crop=center&height=325&v=1741030607&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-dominion-jersey-womens-black-gradient-detail.jpg?crop=center&height=650&v=1741030607&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image></div> </a> </div> </product-grid-item-variant> <div class="product__grid__info text-center"> <a href="/products/dominion-jersey-womens" data-grid-link aria-label="Dominion Jersey Women's" tabindex="-1" > <p class="visually-hidden">Dominion Jersey Women's</p> <div class="product__grid__title__wrapper"> <p id="product-8200519745668-title" class="product__grid__title"> Dominion Jersey Women's </p></div> <div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline"></span><span class="price axt-cp-custom 44682705174660 8200519745668" id='8200519745668' axt-cp-product-id='44682705174660'> $95.00 CAD </span> </div> </a><div class="grid__swatch__container" data-test-id="swatch-container"> <p class="grid__swatch__placeholder">1 color available</p> <div class="grid__swatch__hover" aria-label="Options" data-sibling-inner data-scrollbar data-scrollbar-slider> <radio-swatch class="swatch__button"> <a href="/products/dominion-jersey-womens?variant=44682705174660" class="swatch__label" data-swatch="BLACK/GRADIENT" data-grid-item-variant="44682705174660" data-swatch-index="0" aria-current="true" data-swatch-image="files/chromag-dominion-jersey-womens-black-gradient-front.jpg" data-swatch-image-id="33673724854404" > <span class="visually-hidden">BLACK/GRADIENT</span> </a> </radio-swatch> </div> <button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev> <span class="visually-hidden">See all</span> </button> <button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next> <span class="visually-hidden">See all</span> </button> </div></div> </product-grid-item>  <product-grid-item aria-label="Em Tech Tee Women's" class="product-grid-item group/product-grid-item" data-item-id="8200519680132" >  <product-grid-item-variant class=" product-grid-item__content is-slideshow " style=" --enter-animation-duration: 225ms; --exit-animation-duration: 400ms; " data-grid-item="8200519680132" data-slideshow-style="cycle_images" data-grid-item-variant="44682703077508" aria-label="ARC FALCON / S" > <div class="product-grid-item__container" data-error-boundary> <div data-error-display class="product-grid-item__error-display"> </div> <a href="/products/em-tech-tee-womens" data-grid-link aria-label="Em Tech Tee Women's"> <div class="product-grid-item__images aspect-[--wh-ratio]" data-grid-images data-grid-slide style=" --wh-ratio: 1; " > <product-grid-item-image class=" product-grid-item__image-wrapper is-active " data-grid-image="0" data-grid-image-target="33548740493444" data-variant-id="" loading="lazy" data-grid-current-image >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-front.jpg?v=1739212474&width=1600" alt="The model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-front.jpg?crop=center&height=1600&v=1739212474&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-front.jpg?crop=center&height=150&v=1739212474&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-front.jpg?crop=center&height=300&v=1739212474&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-front.jpg?crop=center&height=167&v=1739212474&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-front.jpg?crop=center&height=334&v=1739212474&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-front.jpg?crop=center&height=231&v=1739212474&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-front.jpg?crop=center&height=462&v=1739212474&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-front.jpg?crop=center&height=250&v=1739212474&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-front.jpg?crop=center&height=500&v=1739212474&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-front.jpg?crop=center&height=325&v=1739212474&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-front.jpg?crop=center&height=650&v=1739212474&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="high" style="object-position: center center; "> </div> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="1" data-grid-image-target="33548740427908" data-variant-id="" loading="lazy" data-slide-for-variant-media > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back.jpg?v=1739212474&width=1600" alt="The model is 5' 8" wearing size Medium." width="1600" height="1600" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back.jpg?crop=center&height=1600&v=1739212474&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back.jpg?crop=center&height=150&v=1739212474&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back.jpg?crop=center&height=300&v=1739212474&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back.jpg?crop=center&height=167&v=1739212474&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back.jpg?crop=center&height=334&v=1739212474&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back.jpg?crop=center&height=231&v=1739212474&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back.jpg?crop=center&height=462&v=1739212474&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back.jpg?crop=center&height=250&v=1739212474&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back.jpg?crop=center&height=500&v=1739212474&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back.jpg?crop=center&height=325&v=1739212474&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back.jpg?crop=center&height=650&v=1739212474&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image> <product-grid-item-image class=" product-grid-item__image-wrapper " data-grid-image="2" data-grid-image-target="33548740460676" data-variant-id="" loading="lazy" > <template>  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.0; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back-detail.jpg?v=1739212474&width=1600" alt="The model is 5' 8" wearing size Medium." width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-contain transition-opacity duration-300 ease-linear product-grid-item__image" srcset=" //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back-detail.jpg?crop=center&height=1600&v=1739212474&width=1600 1600w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back-detail.jpg?crop=center&height=150&v=1739212474&width=150 150w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back-detail.jpg?crop=center&height=300&v=1739212474&width=300 300w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back-detail.jpg?crop=center&height=167&v=1739212474&width=167 167w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back-detail.jpg?crop=center&height=334&v=1739212474&width=334 334w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back-detail.jpg?crop=center&height=231&v=1739212474&width=231 231w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back-detail.jpg?crop=center&height=462&v=1739212474&width=462 462w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back-detail.jpg?crop=center&height=250&v=1739212474&width=250 250w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back-detail.jpg?crop=center&height=500&v=1739212474&width=500 500w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back-detail.jpg?crop=center&height=325&v=1739212474&width=325 325w, //chromagbikes.com/cdn/shop/files/chromag-em-tee-womens-falcon-back-detail.jpg?crop=center&height=650&v=1739212474&width=650 650w " sizes="(min-width: 1024px) calc(min(100vw, 1400px) / 4), (min-width: 768px) calc(min(100vw, 1400px) / 4), calc(min(100vw, 1400px) / 2) " fetchpriority="low" style="object-position: center center; "> </div> </template> </product-grid-item-image></div> </a> </div> </product-grid-item-variant> <div class="product__grid__info text-center"> <a href="/products/em-tech-tee-womens" data-grid-link aria-label="Em Tech Tee Women's" tabindex="-1" > <p class="visually-hidden">Em Tech Tee Women's</p> <div class="product__grid__title__wrapper"> <p id="product-8200519680132-title" class="product__grid__title"> Em Tech Tee Women's </p></div> <div class="product__grid__price product__grid__price--nowrap"><span class="product__grid__cutline"></span><span class="price axt-cp-custom 44682703077508 8200519680132" id='8200519680132' axt-cp-product-id='44682703077508'> $60.00 CAD </span> </div> </a><div class="grid__swatch__container" data-test-id="swatch-container"> <p class="grid__swatch__placeholder">1 color available</p> <div class="grid__swatch__hover" aria-label="Options" data-sibling-inner data-scrollbar data-scrollbar-slider> <radio-swatch class="swatch__button"> <a href="/products/em-tech-tee-womens?variant=44682703077508" class="swatch__label" data-swatch="ARC FALCON" data-grid-item-variant="44682703077508" data-swatch-index="0" aria-current="true" data-swatch-image="files/chromag-em-tee-womens-falcon-back.jpg" data-swatch-image-id="33548740427908" > <span class="visually-hidden">ARC FALCON</span> </a> </radio-swatch> </div> <button type="button" class="tabs__arrow tabs__arrow--prev is-hidden" data-scrollbar-arrow-prev> <span class="visually-hidden">See all</span> </button> <button type="button" class="tabs__arrow tabs__arrow--next is-hidden" data-scrollbar-arrow-next> <span class="visually-hidden">See all</span> </button> </div></div> </product-grid-item> </div> <div class="text-center mt-r8"> <a href="/collections/new" class="btn--outline"> View all </a> </div> </div> </div> </div><div id="shopify-section-template--17927169769604__custom" class="shopify-section"> <section data-section-id="template--17927169769604__custom" data-section-type="custom-content" data-overlay-header style="--PT: 0px; --PB: 0px; --BRICK-GUTTER: 0px; "> <div class="section-padding wrapper--none" data-wrapper> <div class="brick__section brick--2 use_screen_one_half brick__section--reverse" data-overflow-wrapper> <div class="brick__block" data-prevent-transparent-header > <div class="brick__block__text brick__block__text--transparent text--neutral" data-overflow-frame style="--bg: ;"> <div class="brick__block__text__inner"> <div class="text__standard text-left" data-overflow-content> <p class="standard__kicker kicker__line" data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__custom']" data-aos-order="1"> Handmade </p> <div class="rte body-size-4 columns--1 " data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__custom']" data-aos-order="3"> <p>When it comes to our frames, they are all handmade, be it our <a href="https://chromagbikes.com/collections/made-in-taiwan" title="Handmade In Taiwan">Taiwanese frames</a> or our <a href="https://chromagbikes.com/collections/made-in-canada" title="Handmade In Canada">BC frames</a>. </p><p>When we say handmade, we mean that they are not simply churned out by a robot. Of course tools are used, but the process is very "hands on" from start to finish.</p> </div> </div> </div> </div> </div> <div class="brick__block" data-overflow-frame > <div class="brick__block__video aspect-[--wh-ratio] text--white use_screen_one_half" > <div class="hero__content__wrapper align--middle-center"> <div class="hero__content" data-overflow-content> <h1 class="hero__title heading-size-9" data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__custom']" data-aos-order="2"> Mike Truelove </h1> <div class="hero__description rte body-size-6" data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__custom']" data-aos-order="3"> <p>Bike Welder - SIGMA ARTisans Series</p> </div> <div class="hero__cta__wrapper"> <div class="hero__btn" data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__custom']" data-aos-order="5">  <button class="btn--play play__button" data-video-popup data-trigger-oKpRAprNFaQ-video-1="oKpRAprNFaQ-video-1" data-unique="video-1" data-video-type="youtube" data-video-id="oKpRAprNFaQ" data-pause="" aria-label="Play video"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon-theme icon-theme-fill icon-fill-play" viewBox="0 0 20 20"><path d="M10.12.233C4.702.233.31 4.626.31 10.044c0 5.419 4.392 9.811 9.81 9.811 5.419 0 9.811-4.392 9.811-9.81 0-5.42-4.392-9.812-9.81-9.812zM7.86 12.891V7.198l5.346 2.846-5.347 2.847z"/></svg> <span class="visually-hidden">Play video</span></button> <div class="modal micromodal-slide" id="oKpRAprNFaQ-video-1" data-modal aria-hidden="true"> <div class="modal__overlay" tabindex="-1" data-micromodal-close> <button data-micromodal-close class="modal__close" aria-label="Close"></button> <div class="modal__container modal__container--video" data-modal-content role="dialog" aria-modal="true" aria-label="Play video"> <div class="rte__video-wrapper"> <div data-player="oKpRAprNFaQ-video-1"> <div data-video-id="oKpRAprNFaQ"></div> <div data-replace></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="image-overlay" style="--bg:#000000; opacity:0.15;"></div> <div class="image__hero__frame fade-in-child aspect-[--wh-ratio-mobile] md:aspect-[--wh-ratio] use_screen_one_half " data-overflow-background data-parallax-wrapper > <div class="image__hero__pane"> <div class="image__hero__scale h-[--height-mobile] md:h-[--height]" style=" --height: 55.38103548574753vw; --height-mobile: 55.38103548574753vw; " data-parallax-img >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.805672268907563; "> <img src="//chromagbikes.com/cdn/shop/files/truelove_welder.jpg?v=1709059248&width=1719" alt="" width="1719" height="952" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/files/truelove_welder.jpg?height=952&v=1709059248&width=1719 1719w, //chromagbikes.com/cdn/shop/files/truelove_welder.jpg?height=212&v=1709059248&width=384 384w, //chromagbikes.com/cdn/shop/files/truelove_welder.jpg?height=425&v=1709059248&width=768 768w, //chromagbikes.com/cdn/shop/files/truelove_welder.jpg?height=221&v=1709059248&width=400 400w, //chromagbikes.com/cdn/shop/files/truelove_welder.jpg?height=443&v=1709059248&width=800 800w, //chromagbikes.com/cdn/shop/files/truelove_welder.jpg?height=283&v=1709059248&width=512 512w, //chromagbikes.com/cdn/shop/files/truelove_welder.jpg?height=567&v=1709059248&width=1024 1024w, //chromagbikes.com/cdn/shop/files/truelove_welder.jpg?height=304&v=1709059248&width=550 550w, //chromagbikes.com/cdn/shop/files/truelove_welder.jpg?height=609&v=1709059248&width=1100 1100w, //chromagbikes.com/cdn/shop/files/truelove_welder.jpg?height=387&v=1709059248&width=700 700w, //chromagbikes.com/cdn/shop/files/truelove_welder.jpg?height=775&v=1709059248&width=1400 1400w " sizes="(min-width: 1024px) calc(100vw / 2), (min-width: 768px) calc(100vw / 2), calc(100vw / 1.0) " fetchpriority="auto" style="object-position: center center; "> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div><div id="shopify-section-template--17927169769604__double" class="shopify-section"> <section data-section-id="template--17927169769604__double" data-section-type="custom-content" data-overlay-header style="--PT: 0px; --PB: 0px; --BRICK-GUTTER: 0px; "> <div class="section-padding wrapper--none" data-wrapper> <div class="brick__section brick--2 use_screen_one_half " data-overflow-wrapper> <div class="brick__block" data-overflow-frame > <div class="brick__block__video aspect-[--wh-ratio] text--white use_screen_one_half" > <div class="hero__content__wrapper align--middle-center"> <div class="hero__content" data-overflow-content> <h1 class="hero__title heading-size-9" data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__double']" data-aos-order="2"> REAWAKEN </h1> <div class="hero__cta__wrapper"> <div class="hero__btn" data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__double']" data-aos-order="5">  <button class="btn--play play__button" data-video-popup data-trigger-G9Z6KyGBL74-fd7d43bc-4b19-47d8-84f9-049f28834f50="G9Z6KyGBL74-fd7d43bc-4b19-47d8-84f9-049f28834f50" data-unique="fd7d43bc-4b19-47d8-84f9-049f28834f50" data-video-type="youtube" data-video-id="G9Z6KyGBL74" data-pause="" aria-label="Play video"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon-theme icon-theme-fill icon-fill-play" viewBox="0 0 20 20"><path d="M10.12.233C4.702.233.31 4.626.31 10.044c0 5.419 4.392 9.811 9.81 9.811 5.419 0 9.811-4.392 9.811-9.81 0-5.42-4.392-9.812-9.81-9.812zM7.86 12.891V7.198l5.346 2.846-5.347 2.847z"/></svg> <span class="visually-hidden">Play video</span></button> <div class="modal micromodal-slide" id="G9Z6KyGBL74-fd7d43bc-4b19-47d8-84f9-049f28834f50" data-modal aria-hidden="true"> <div class="modal__overlay" tabindex="-1" data-micromodal-close> <button data-micromodal-close class="modal__close" aria-label="Close"></button> <div class="modal__container modal__container--video" data-modal-content role="dialog" aria-modal="true" aria-label="Play video"> <div class="rte__video-wrapper"> <div data-player="G9Z6KyGBL74-fd7d43bc-4b19-47d8-84f9-049f28834f50"> <div data-video-id="G9Z6KyGBL74"></div> <div data-replace></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="image-overlay" style="--bg:#000000; opacity:0.2;"></div> <div class="image__hero__frame fade-in-child aspect-[--wh-ratio-mobile] md:aspect-[--wh-ratio] use_screen_one_half " data-overflow-background data-parallax-wrapper > <div class="image__hero__pane"> <div class="image__hero__scale h-[--height-mobile] md:h-[--height]" style=" --height: 50.34120734908136vw; --height-mobile: 50.34120734908136vw; " data-parallax-img >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.986444212721585; "> <img src="//chromagbikes.com/cdn/shop/files/marcel_reawaken.jpg?v=1709059246&width=1905" alt="" width="1905" height="959" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/files/marcel_reawaken.jpg?height=959&v=1709059246&width=1905 1905w, //chromagbikes.com/cdn/shop/files/marcel_reawaken.jpg?height=193&v=1709059246&width=384 384w, //chromagbikes.com/cdn/shop/files/marcel_reawaken.jpg?height=386&v=1709059246&width=768 768w, //chromagbikes.com/cdn/shop/files/marcel_reawaken.jpg?height=201&v=1709059246&width=400 400w, //chromagbikes.com/cdn/shop/files/marcel_reawaken.jpg?height=402&v=1709059246&width=800 800w, //chromagbikes.com/cdn/shop/files/marcel_reawaken.jpg?height=257&v=1709059246&width=512 512w, //chromagbikes.com/cdn/shop/files/marcel_reawaken.jpg?height=515&v=1709059246&width=1024 1024w, //chromagbikes.com/cdn/shop/files/marcel_reawaken.jpg?height=276&v=1709059246&width=550 550w, //chromagbikes.com/cdn/shop/files/marcel_reawaken.jpg?height=553&v=1709059246&width=1100 1100w, //chromagbikes.com/cdn/shop/files/marcel_reawaken.jpg?height=352&v=1709059246&width=700 700w, //chromagbikes.com/cdn/shop/files/marcel_reawaken.jpg?height=704&v=1709059246&width=1400 1400w " sizes="(min-width: 1024px) calc(100vw / 2), (min-width: 768px) calc(100vw / 2), calc(100vw / 1.0) " fetchpriority="auto" style="object-position: center center; "> </div> </div> </div> </div> </div> </div> <div class="brick__block" data-prevent-transparent-header > <div class="brick__block__text text--neutral" data-overflow-frame style="--bg: #f7f7f7;"> <div class="brick__block__text__inner"> <div class="text__standard text-left" data-overflow-content> <div class="rte body-size-4 columns--1 " data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__double']" data-aos-order="3"> <p>"Age is just a number, your dreams don’t have to die at 30, sometimes they just reawaken."</p><h5><strong>- Marcel Hunt</strong></h5> </div> </div> </div> </div> </div> </div> </div> </section> </div><section id="shopify-section-template--17927169769604__172366455039f6f551" class="shopify-section"> <div class="text--neutral palette--light bg--neutral" style="--PT: 36px; --PB: 36px;"> <div class="wrapper--none section-padding"><div id="shopify-block-AbEptL1FyTXExeElqc__instafeed_app_block_RwFNqB" class="shopify-block shopify-app-block"> <style> body #insta-feed { margin-bottom: 0px!important; text-align: center; } #insta-feed h2 { font-size: 12px!important; } </style> <div id="insta-feed"></div> <script> if (typeof instafeedLocalTitle === 'undefined') var instafeedLocalTitle = "Connect With us"; </script> </div> </div> </div> </section><div id="shopify-section-template--17927169769604__873930a4-8b92-4381-9925-cf80407d36aa" class="shopify-section"><div class="section-video text--white palette--light bg--neutral" data-section-id="template--17927169769604__873930a4-8b92-4381-9925-cf80407d36aa" data-section-type="video" data-overlay-header style="--PT: 0px; --PB: 0px;"> <div class="wrapper--none section-padding"> <div class="section--image fade-in-child js-overflow-container aspect-[--wh-ratio] use_screen_two_thirds"style="--wh-ratio: 1.4857142857142858;"> <div class="hero__content__wrapper align--middle-center"> <div class="hero__content js-overflow-content " > <div class="hero__title heading-size-8" data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__873930a4-8b92-4381-9925-cf80407d36aa']" data-aos-order="1" > <p>Our Suspension story</p> </div> <div class="hero__btn hero__btn--play text--white" data-aos="hero" data-aos-anchor="[data-section-id='template--17927169769604__873930a4-8b92-4381-9925-cf80407d36aa']" data-aos-order="1" style="--icon-play-size: 76px;" >  <button class="btn--play play__button" data-video-popup data-trigger-lEFQqGeoQaQ-template--17927169769604__873930a4-8b92-4381-9925-cf80407d36aa="lEFQqGeoQaQ-template--17927169769604__873930a4-8b92-4381-9925-cf80407d36aa" data-unique="template--17927169769604__873930a4-8b92-4381-9925-cf80407d36aa" data-video-type="youtube" data-video-id="lEFQqGeoQaQ" data-pause="" aria-label="Play video"> <svg aria-hidden="true" focusable="false" role="presentation" class="icon-theme icon-theme-fill icon-fill-play" viewBox="0 0 20 20"><path d="M10.12.233C4.702.233.31 4.626.31 10.044c0 5.419 4.392 9.811 9.81 9.811 5.419 0 9.811-4.392 9.811-9.81 0-5.42-4.392-9.812-9.81-9.812zM7.86 12.891V7.198l5.346 2.846-5.347 2.847z"/></svg> <span class="visually-hidden">Play video</span></button> <div class="modal micromodal-slide" id="lEFQqGeoQaQ-template--17927169769604__873930a4-8b92-4381-9925-cf80407d36aa" data-modal aria-hidden="true"> <div class="modal__overlay" tabindex="-1" data-micromodal-close> <button data-micromodal-close class="modal__close" aria-label="Close"></button> <div class="modal__container modal__container--video" data-modal-content role="dialog" aria-modal="true" aria-label="Play video"> <div class="rte__video-wrapper"> <div data-player="lEFQqGeoQaQ-template--17927169769604__873930a4-8b92-4381-9925-cf80407d36aa"> <div data-video-id="lEFQqGeoQaQ"></div> <div data-replace></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="image-overlay" style="--bg:#000000; opacity:0.15;"></div>  <div class="image__hero__frame fade-in-child aspect-[--wh-ratio-mobile] md:aspect-[--wh-ratio] use_screen_two_thirds w-full" data-overflow-background data-parallax-wrapper > <div class="image__hero__pane"> <div class="image__hero__scale h-[--height-mobile] md:h-[--height]" style=" --height: 67.3076923076923vw; --height-mobile: 67.3076923076923vw; " data-parallax-img >  <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 1.4857142857142858; "> <img src="//chromagbikes.com/cdn/shop/files/chromag-lowdown-slider.jpg?v=1673631948&width=1560" alt="Banner Image" width="1560" height="1050" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/files/chromag-lowdown-slider.jpg?v=1673631948&width=352 352w, //chromagbikes.com/cdn/shop/files/chromag-lowdown-slider.jpg?v=1673631948&width=400 400w, //chromagbikes.com/cdn/shop/files/chromag-lowdown-slider.jpg?v=1673631948&width=768 768w, //chromagbikes.com/cdn/shop/files/chromag-lowdown-slider.jpg?v=1673631948&width=932 932w, //chromagbikes.com/cdn/shop/files/chromag-lowdown-slider.jpg?v=1673631948&width=1024 1024w, //chromagbikes.com/cdn/shop/files/chromag-lowdown-slider.jpg?v=1673631948&width=1200 1200w, //chromagbikes.com/cdn/shop/files/chromag-lowdown-slider.jpg?v=1673631948&width=1560 1560w" sizes="100vw" fetchpriority="auto" style="object-position: 27.2959% 42.1441%; "> </div> </div> </div> </div> </div> </div> </div> </div><div id="shopify-section-template--17927169769604__logos" class="shopify-section"> <div class="section-logos palette--light bg--accent section-logos--tall" style="--PT: 58px; --PB: 44px; " data-section-id="template--17927169769604__logos" data-section-type="logos"> <div class="wrapper--none section-padding"> <h2 class="kicker-flourished mb-r11">Our Partners</h2> <div class="logo-bar__wrapper"> <div class="logo-bar__outer" style="--bg: var(--COLOR-ANNOUNCEMENT-BG); --text: var(--COLOR-ANNOUNCEMENT-TEXT);"> <div class="logo-bar__holder"> <div class="logo-bar logo-bar--marquee"> <div data-ticker-frame class="logo-bar__message"> <div data-ticker-scale class="ticker--unloaded logo-bar__scale" style="--animation-duration: 46s;"> <div data-ticker-text class="logo-bar__text"> <div class="logo-bar__item" style="--gutter: 30px; --width: 140px;" data-slide="logo-0" data-slide-index="0" > <a href="https://www.porcabikes.com/" class="logo-bar__link" target="_blank" rel="noopener" title="https://www.porcabikes.com/" > <div class="logo-bar__image">  <div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; "> <img src="//chromagbikes.com/cdn/shop/files/porca-logo_12751a24-2d32-4dd3-95dc-9eea078b9b54.png?v=1709059245&width=140" alt="" width="140" height="140" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/files/porca-logo_12751a24-2d32-4dd3-95dc-9eea078b9b54.png?v=1709059245&width=280 2x, //chromagbikes.com/cdn/shop/files/porca-logo_12751a24-2d32-4dd3-95dc-9eea078b9b54.png?v=1709059245&width=140 " fetchpriority="auto" style="object-position: center center; "> </div> </div> </a> </div> <div class="logo-bar__item" style="--gutter: 50px; --width: 165px;" data-slide="logo-4" data-slide-index="1" > <a href="https://mywcss.org/" class="logo-bar__link" target="_blank" rel="noopener" title="https://mywcss.org/" > <div class="logo-bar__image">  <div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; "> <img src="//chromagbikes.com/cdn/shop/files/whistler_comunity_services_chromag_e737c203-e775-4348-bcaf-8a4b273f327b.png?v=1709059247&width=165" alt="" width="165" height="165" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/files/whistler_comunity_services_chromag_e737c203-e775-4348-bcaf-8a4b273f327b.png?v=1709059247&width=330 2x, //chromagbikes.com/cdn/shop/files/whistler_comunity_services_chromag_e737c203-e775-4348-bcaf-8a4b273f327b.png?v=1709059247&width=165 " fetchpriority="auto" style="object-position: center center; "> </div> </div> </a> </div> <div class="logo-bar__item" style="--gutter: 25px; --width: 140px;" data-slide="logo-1" data-slide-index="2" > <a href="https://sorca.ca/" class="logo-bar__link" target="_blank" rel="noopener" title="https://sorca.ca/" > <div class="logo-bar__image">  <div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; "> <img src="//chromagbikes.com/cdn/shop/files/sorca_chromag_10d2cee7-7be0-4c5e-8645-d131b005a061.png?v=1709059245&width=140" alt="" width="140" height="140" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/files/sorca_chromag_10d2cee7-7be0-4c5e-8645-d131b005a061.png?v=1709059245&width=280 2x, //chromagbikes.com/cdn/shop/files/sorca_chromag_10d2cee7-7be0-4c5e-8645-d131b005a061.png?v=1709059245&width=140 " fetchpriority="auto" style="object-position: center center; "> </div> </div> </a> </div> <div class="logo-bar__item" style="--gutter: 50px; --width: 140px;" data-slide="logo-2" data-slide-index="3" > <a href="https://tsbc.ca/" class="logo-bar__link" target="_blank" rel="noopener" title="https://tsbc.ca/" > <div class="logo-bar__image">  <div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; "> <img src="//chromagbikes.com/cdn/shop/files/tire_stewardship_bc_chromag_c00f4b22-7097-482b-96a3-09349cf68ba9.png?v=1709059244&width=140" alt="" width="140" height="140" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/files/tire_stewardship_bc_chromag_c00f4b22-7097-482b-96a3-09349cf68ba9.png?v=1709059244&width=280 2x, //chromagbikes.com/cdn/shop/files/tire_stewardship_bc_chromag_c00f4b22-7097-482b-96a3-09349cf68ba9.png?v=1709059244&width=140 " fetchpriority="auto" style="object-position: center center; "> </div> </div> </a> </div> <div class="logo-bar__item" style="--gutter: 50px; --width: 140px;" data-slide="6d2857fb-bd93-49ac-8d60-1690ee0a8f45" data-slide-index="4" > <a href="https://www.worca.com/" class="logo-bar__link" target="_blank" rel="noopener" title="https://www.worca.com/" > <div class="logo-bar__image">  <div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; "> <img src="//chromagbikes.com/cdn/shop/files/worca_1951fa1d-fcd7-4f91-8f85-acaa58616067.png?v=1709059247&width=140" alt="" width="140" height="140" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/files/worca_1951fa1d-fcd7-4f91-8f85-acaa58616067.png?v=1709059247&width=280 2x, //chromagbikes.com/cdn/shop/files/worca_1951fa1d-fcd7-4f91-8f85-acaa58616067.png?v=1709059247&width=140 " fetchpriority="auto" style="object-position: center center; "> </div> </div> </a> </div> <div class="logo-bar__item" style="--gutter: 50px; --width: 140px;" data-slide="logo-3" data-slide-index="5" > <a href="https://whistlerblackcombfoundation.com/" class="logo-bar__link" target="_blank" rel="noopener" title="https://whistlerblackcombfoundation.com/" > <div class="logo-bar__image">  <div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; "> <img src="//chromagbikes.com/cdn/shop/files/whistler_blackcomb_foundation_chromag_86c0c2ba-f4e0-4918-b05a-dabb409eedfc.png?v=1709059247&width=140" alt="" width="140" height="140" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/files/whistler_blackcomb_foundation_chromag_86c0c2ba-f4e0-4918-b05a-dabb409eedfc.png?v=1709059247&width=280 2x, //chromagbikes.com/cdn/shop/files/whistler_blackcomb_foundation_chromag_86c0c2ba-f4e0-4918-b05a-dabb409eedfc.png?v=1709059247&width=140 " fetchpriority="auto" style="object-position: center center; "> </div> </div> </a> </div> <div class="logo-bar__item" style="--gutter: 15px; --width: 130px;" data-slide="01b432a4-a511-4def-a7a2-2dabece1c5c6" data-slide-index="6" > <a href="https://www.nzmerino.co.nz/" class="logo-bar__link" target="_blank" rel="noopener" title="https://www.nzmerino.co.nz/" > <div class="logo-bar__image">  <div class="relative block w-full h-full overflow-hidden loading-shimmer" style="--wh-ratio: ; "> <img src="//chromagbikes.com/cdn/shop/files/nz-merino-logo.png?v=1709059244&width=130" alt="" width="130" height="130" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/files/nz-merino-logo.png?v=1709059244&width=260 2x, //chromagbikes.com/cdn/shop/files/nz-merino-logo.png?v=1709059244&width=130 " fetchpriority="auto" style="object-position: center center; "> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div><script data-locksmith> var load = function () { Locksmith.initializeSession({silent: false}); 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-sections--17927160725636__section_liquid_UG79H7" class="shopify-section shopify-section-group-group-footer"> <style> .btn--outline:hover { background: linear-gradient( 143deg, rgba(170, 250, 224, 1) 0%, rgba(89, 242, 204, 1) 41%, rgba(74, 178, 236, 1) 100% ); color: #000; border-width: 1px; border-radius: 2px } .badge { border-radius: 2px !important; } .price-item--sale { color: #2908f3; font-weight: bold; } .product__price--off { color: #fff; background: #ff0000; border: 1px solid #ff0000; font-weight: bold; } .product__price--sale { color: #ff0000; } .product__badge--demo { background-color: #E7C6FF !important; } .product__badge--closeout { background-color: #ff0000 !important; color: #fff; } .product__badge--bespoke, .product__badge--showroom-model { background-image: linear-gradient(to right, #8AD0C3, #00A185) !important; color: #fff; } .input-group-field:focus::placeholder { color: transparent !important; } .grecaptcha-badge { display: none !important; } </style> </div><div id="shopify-section-sections--17927160725636__footer" class="shopify-section shopify-section-group-group-footer"> <footer class="footer" data-section-id="sections--17927160725636__footer" data-section-type="footer" style="--PT: 48px; --PB: 42px;"> <div class="footer__holder"> <div class="wrapper--full section-padding-custom"> <div class="footer__container footer__container--reversed"><div class="footer__block footer__aside" style="--text: rgba(255, 255, 255, 0.9); --text-dark: #ffffff; --bg: #4f4f4f;" > <div class="footer__newsletter"><div class="footer__newsletter__image"> <div class="relative block w-full h-full overflow-hidden aspect-[--wh-ratio] loading-shimmer" style="--wh-ratio: 2; "> <img src="//chromagbikes.com/cdn/shop/files/darco_TW-3025_c5d4a1d5-0723-49fb-824e-6b2339a396cf.jpg?v=1670440371&width=1600" alt="" width="1600" height="1068" loading="lazy" class="block overflow-hidden w-full h-full object-cover transition-opacity duration-300 ease-linear " srcset=" //chromagbikes.com/cdn/shop/files/darco_TW-3025_c5d4a1d5-0723-49fb-824e-6b2339a396cf.jpg?v=1670440371&width=352 352w, //chromagbikes.com/cdn/shop/files/darco_TW-3025_c5d4a1d5-0723-49fb-824e-6b2339a396cf.jpg?v=1670440371&width=400 400w, //chromagbikes.com/cdn/shop/files/darco_TW-3025_c5d4a1d5-0723-49fb-824e-6b2339a396cf.jpg?v=1670440371&width=768 768w, //chromagbikes.com/cdn/shop/files/darco_TW-3025_c5d4a1d5-0723-49fb-824e-6b2339a396cf.jpg?v=1670440371&width=932 932w, //chromagbikes.com/cdn/shop/files/darco_TW-3025_c5d4a1d5-0723-49fb-824e-6b2339a396cf.jpg?v=1670440371&width=1024 1024w, //chromagbikes.com/cdn/shop/files/darco_TW-3025_c5d4a1d5-0723-49fb-824e-6b2339a396cf.jpg?v=1670440371&width=1200 1200w, //chromagbikes.com/cdn/shop/files/darco_TW-3025_c5d4a1d5-0723-49fb-824e-6b2339a396cf.jpg?v=1670440371&width=1600 1600w" sizes="(min-width: 768px) 40vw, 100vw" fetchpriority="auto" style="object-position: center center; "> </div> </div><div class="footer__newsletter__body"><p class="footer__title"> The Inside Line </p><h3>Exclusive offers straight to your inbox</h3> <div class="rte body-size-4"> <p>Be the first to hear about special offers, exciting new stuff we've been working on and in general all good things Chromag!</p> </div> <form method="post" action="/contact#footer-newsletter" id="footer-newsletter" accept-charset="UTF-8" class="newsletter-block footer__form newsletter--default-messages" data-newsletter-form=""><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <p class="newsletter__message newsletter__message--error"><em>This customer is already subscribed</em></p> <input type="hidden" name="contact[tags]" value="newsletter"> <input type="hidden" name="contact[accepts_marketing]" value="true"> <div class="input-group input-group--inner-button float__wrapper"> <label for="mail-footer-newsletter">Email</label> <input class="input-group-field" type="email" placeholder="sign@me.up!" id="mail-footer-newsletter" aria-label="sign@me.up!" autocorrect="off" autocapitalize="off" name="contact[email]" data-newsletter-field /> <span class="input-group-button"> <button type="submit" aria-label="Join" name="subscribe" id="subscribe-footer-newsletter"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-arrow-long-right" viewBox="0 0 40 40"><g fill="none" fill-rule="evenodd"><path d="m31 12 8 7.94L31 28M1 20h38"/></g></svg><svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-checkmark" viewBox="0 0 24 24"><path d="m20 6.5-11 11-5-5"/></svg></button> </span> </div></form> </div></div> </div> <div class="footer__content"><div class="footer__content__inner"><div class="footer__logo__wrapper"> <a href="/" class="footer__logo" style="width: 230px;" data-footer-logo> <img src="//chromagbikes.com/cdn/shop/files/Chromag-Race-Logo-White_44c55546-e95a-4355-ae0c-7f6b53c989e9.png?v=1681948168&width=230" alt="Chromag Bikes" width="230" height="28" loading="lazy" sizes="230px" srcset=" //chromagbikes.com/cdn/shop/files/Chromag-Race-Logo-White_44c55546-e95a-4355-ae0c-7f6b53c989e9.png?v=1681948168&width=460 2x, //chromagbikes.com/cdn/shop/files/Chromag-Race-Logo-White_44c55546-e95a-4355-ae0c-7f6b53c989e9.png?v=1681948168&width=230 "> </a> </div> <div class="float-grid grid--uniform" data-accordion-group> <div class="grid__item medium-up--one-half footer__block" > <p class="footer__title footer__accordion__head js " data-accordion-trigger="accordion-linklist-1-1" aria-controls="accordion-linklist-1-1" role="button" aria-haspopup="true" aria-label="Company" aria-expanded="false"> Company <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> </p> <input type="checkbox" name="accordion-linklist-1-1" id="accordion-linklist-1-1-checkbox" class="no-js no-js-checkbox" > <label for="accordion-linklist-1-1-checkbox" class="footer__title footer__accordion__head no-js"> Company <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> </label> <ul class="footer__quicklinks footer__accordion__body no-js-accordion" data-accordion-body data-accordion-body-mobile id="accordion-linklist-1-1"> <li><a href="/pages/contact">CONTACT US</a></li> <li><a href="/pages/user-guides">USER & SERVICE GUIDES</a></li> <li><a href="/pages/frame-registration">FRAME REGISTRATION</a></li> <li><a href="/pages/bike-archive">BIKE ARCHIVE</a></li> <li><a href="/pages/size-chart">SIZE CHART</a></li> <li><a href="/pages/dealer-application">DEALER APPLICATIONS</a></li> <li><a href="/apps/alliance-pro">INDUSTRY ACCOUNTS</a></li> <li><a href="/pages/sponsor-me">SPONSOR ME!</a></li> <li><a href="/pages/careers">CAREERS</a></li> </ul> </div> <div class="grid__item medium-up--one-half footer__block" > <p class="footer__title footer__accordion__head js " data-accordion-trigger="accordion-linklist-2-2" aria-controls="accordion-linklist-2-2" role="button" aria-haspopup="true" aria-label="Nitty Gritty" aria-expanded="false"> Nitty Gritty <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> </p> <input type="checkbox" name="accordion-linklist-2-2" id="accordion-linklist-2-2-checkbox" class="no-js no-js-checkbox" > <label for="accordion-linklist-2-2-checkbox" class="footer__title footer__accordion__head no-js"> Nitty Gritty <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> </label> <ul class="footer__quicklinks footer__accordion__body no-js-accordion" data-accordion-body data-accordion-body-mobile id="accordion-linklist-2-2"> <li><a href="/pages/warranty">WARRANTY</a></li> <li><a href="/policies/terms-of-service">TERMS OF SERVICE</a></li> <li><a href="/policies/refund-policy">REFUNDS</a></li> <li><a href="/policies/shipping-policy">SHIPPING</a></li> <li><a href="/policies/privacy-policy">YOUR PRIVACY</a></li> <li><a href="/pages/fraud">FRAUD</a></li> <li><a href="/pages/faq">FAQ</a></li> <li><a href="/pages/ccpa-opt-out">CCPA OPT OUT</a></li> </ul> </div> <div class="grid__item medium-up--one-half footer__block" > <p class="footer__title footer__accordion__head js " data-accordion-trigger="accordion-text-3-4" aria-controls="accordion-text-3-4" role="button" aria-haspopup="true" aria-expanded="false"> Chromag Bikes <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> </p> <input type="checkbox" name="accordion-text-3-4" id="accordion-text-3-4-checkbox" class="no-js no-js-checkbox" > <label for="accordion-text-3-4-checkbox" class="footer__title footer__accordion__head no-js"> Chromag Bikes <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> </label> <div class="footer__column footer__accordion__body no-js-accordion" data-accordion-body data-accordion-body-mobile id="accordion-text-3-4"> <div class="rte body-size-4"> <p>+1 604 905 6667<br/><a href="mailto:sales@chromagbikes.com" title="Contact Us!">sales@chromagbikes.com</a></p><p><br/>#4 1220 Alpha Lake Road.<br/>Whistler, BC, Canada, V8E 0H7<br/></p> </div> </div> </div> <div class="grid__item medium-up--one-half footer__block" > <p class="footer__title footer__accordion__head js " data-accordion-trigger="accordion-4d61a303-ecf7-4ee7-8ebf-2c92360cc3fa-5" aria-controls="accordion-4d61a303-ecf7-4ee7-8ebf-2c92360cc3fa-5" role="button" aria-haspopup="true" aria-expanded="false"> Hours <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> </p> <input type="checkbox" name="accordion-4d61a303-ecf7-4ee7-8ebf-2c92360cc3fa-5" id="accordion-4d61a303-ecf7-4ee7-8ebf-2c92360cc3fa-5-checkbox" class="no-js no-js-checkbox" > <label for="accordion-4d61a303-ecf7-4ee7-8ebf-2c92360cc3fa-5-checkbox" class="footer__title footer__accordion__head no-js"> Hours <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-right" viewBox="0 0 24 24"><path d="m9 18 6-6-6-6"/></svg> </label> <div class="footer__column footer__accordion__body no-js-accordion" data-accordion-body data-accordion-body-mobile id="accordion-4d61a303-ecf7-4ee7-8ebf-2c92360cc3fa-5"> <div class="rte body-size-4"> <p>Mon - Thurs : 9-5 (ish). <br/>Fri - Sun: Closed.</p> </div> </div> </div> </div></div><div class="footer__block footer__block--socials"><h3 class="heading-size-5">Stop scrolling, go riding!</h3> <div class="footer__socials"> <a class="footer__icon footer__icon--social" href="https://www.facebook.com/ChromagBikes/" title="Facebook" target="_blank">  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-social icon-social-facebook" viewBox="0 0 30 30"> <path d="M30 15.091C30 6.756 23.285 0 15 0S0 6.756 0 15.091C0 22.625 5.484 28.868 12.656 30V19.454H8.848V15.09h3.808v-3.324c0-3.782 2.239-5.872 5.666-5.872 1.64 0 3.358.295 3.358.295v3.714h-1.893c-1.863 0-2.443 1.164-2.443 2.358v2.83h4.16l-.665 4.362h-3.495V30C24.516 28.868 30 22.625 30 15.091z" fill="currentColor"></path> </svg> <span class="visually-hidden">Facebook</span> </a> <a class="footer__icon footer__icon--social" href="https://www.instagram.com/chromagbikes/" title="Instagram" target="_blank">  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-social icon-social-instagram" viewBox="0 0 21 21"><path fill="currentColor" fill-rule="nonzero" d="M10.034 1.831h2.644c.407 0 .881 0 1.424.068.474 0 .881.067 1.152.135.271.068.543.136.678.203.271.068.475.204.61.34.136.135.34.27.543.406.203.204.339.34.407.543.067.203.203.406.339.61.067.203.135.407.203.678.068.27.135.678.135 1.152 0 .543.068 1.017.068 1.424v5.288c0 .407 0 .882-.068 1.424 0 .474-.067.881-.135 1.152-.068.272-.136.543-.203.678a1.31 1.31 0 0 1-.34.61c-.135.204-.27.34-.406.543-.204.203-.34.339-.543.407a2.38 2.38 0 0 1-.61.27 7.737 7.737 0 0 1-.678.204 4.868 4.868 0 0 1-1.152.136c-.543 0-1.017.068-1.424.068H7.39c-.407 0-.882 0-1.424-.068-.474 0-.881-.068-1.152-.136-.272-.067-.543-.135-.678-.203-.272-.068-.475-.203-.61-.271-.204-.136-.34-.271-.543-.407-.203-.203-.339-.339-.407-.542-.135-.204-.203-.407-.339-.61a8.558 8.558 0 0 1-.203-.679 4.868 4.868 0 0 1-.136-1.152c0-.542-.067-1.017-.067-1.424V7.39c0-.407 0-.881.067-1.424 0-.474.068-.881.136-1.152.068-.271.135-.543.203-.678.068-.204.204-.407.34-.61.135-.204.27-.34.406-.543.203-.203.339-.339.542-.407.204-.135.407-.203.61-.339.204-.067.407-.135.679-.203.377-.09.764-.136 1.152-.135.542 0 1.017-.068 1.424-.068h2.644Zm0-1.763H7.322c-.407 0-.881 0-1.424.068-.542 0-1.017.068-1.356.135-.406.068-.745.204-1.084.34-.34.135-.61.27-.95.474-.27.203-.542.407-.813.678-.271.271-.542.542-.678.881-.136.34-.339.543-.475.882-.135.339-.27.678-.339 1.084-.089.447-.134.9-.135 1.356C0 6.509 0 6.983 0 7.39v5.356c0 .407 0 .881.068 1.424 0 .542.068 1.017.135 1.356.068.406.204.745.34 1.084.135.34.27.61.474.95.203.27.407.542.678.813.271.271.542.475.813.678.272.203.61.339.95.475.339.135.678.203 1.084.339.407.067.814.135 1.356.135.543 0 1.017.068 1.424.068h5.424c.407 0 .881 0 1.423-.068.543 0 1.017-.068 1.356-.135.407-.068.746-.204 1.085-.34.34-.135.61-.27.95-.474.27-.203.542-.407.88-.678.272-.271.475-.542.679-.881.203-.271.339-.61.474-.882.136-.339.204-.678.271-1.084.068-.407.136-.814.136-1.424 0-.542.068-1.017.068-1.424V7.322c0-.407 0-.881-.068-1.423 0-.543-.068-1.017-.136-1.424-.067-.407-.203-.746-.27-1.085-.13-.33-.29-.648-.475-.95-.204-.338-.407-.541-.678-.813a4.353 4.353 0 0 0-.882-.678c-.27-.203-.61-.339-.949-.474-.339-.136-.678-.271-1.085-.34C15.119.068 14.712 0 14.169 0h-1.423c-.476.068-1.356.068-2.712.068Zm0 4.881c-.746 0-1.356.136-2.034.407-.61.271-1.153.61-1.627 1.085-.475.474-.814 1.017-1.085 1.627-.27.62-.41 1.29-.407 1.966 0 .746.136 1.356.407 2.034.271.61.61 1.153 1.085 1.627.474.475 1.017.814 1.627 1.085.61.271 1.288.407 2.034.407.746 0 1.356-.136 2.034-.407a4.57 4.57 0 0 0 1.627-1.085c.474-.474.813-1.017 1.085-1.627.27-.61.406-1.288.406-2.034 0-.678-.135-1.356-.406-1.966-.272-.61-.61-1.153-1.085-1.627-.475-.475-1.017-.814-1.627-1.085-.61-.271-1.356-.407-2.034-.407Zm0 8.475c-.95 0-1.695-.34-2.373-.95-.678-.677-.95-1.423-.95-2.372 0-.881.34-1.695.95-2.373.61-.678 1.424-1.017 2.373-1.017.949 0 1.695.339 2.373 1.017.678.678.949 1.424.949 2.373 0 .949-.34 1.695-.95 2.373-.677.61-1.49.949-2.372.949Zm6.508-8.678c0-.339-.135-.61-.339-.814a1.25 1.25 0 0 0-.813-.339c-.34 0-.61.136-.814.34a1.25 1.25 0 0 0-.339.813c0 .271.136.61.34.881.203.272.542.34.813.34.339 0 .61-.136.813-.34.204-.27.34-.61.34-.881h-.001Z"/></svg> <span class="visually-hidden">Instagram</span> </a> <a class="footer__icon footer__icon--social" href="https://www.youtube.com/channel/UCbIRM566CYDQTGzKkdk42-A" title="YouTube" target="_blank">  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-social icon-social-youtube" viewBox="0 0 21 18"><path fill="currentColor" fill-rule="nonzero" d="M0 14.896c0 .82.27 1.517.812 2.092.541.575 1.2.862 1.977.861h14.946c.777 0 1.436-.287 1.977-.861.541-.574.812-1.271.812-2.092V3.002c0-.82-.273-1.525-.82-2.116C19.157.296 18.501 0 17.735 0H2.789C2.024 0 1.367.295.82.886A3.002 3.002 0 0 0 0 3.002v11.894Zm7.465-2.149V5.151c0-.077.022-.137.066-.18a.274.274 0 0 1 .082-.016l.082.016 7.153 3.806a.223.223 0 0 1 .066.164c0 .044-.022.088-.066.131l-7.153 3.806c-.022.022-.044.033-.066.033-.044 0-.077-.011-.098-.033-.044-.044-.066-.088-.066-.131Z"/></svg> <span class="visually-hidden">YouTube</span> </a> <a class="footer__icon footer__icon--social" href="https://vimeo.com/chromag" title="Vimeo" target="_blank">  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon-social icon-social-vimeo" viewBox="0 0 20 17"><path fill="currentColor" fill-rule="nonzero" d="M.001 4.555.9 5.758c.833-.62 1.335-.929 1.508-.929.66 0 1.274 1.051 1.843 3.153l.746 2.826c.345 1.305.614 2.308.807 3.009.751 2.102 1.696 3.153 2.833 3.153 1.808 0 4.002-1.737 6.581-5.21 2.529-3.3 3.839-5.91 3.93-7.83v-.335c0-2.336-.934-3.534-2.803-3.595h-.213c-2.509 0-4.235 1.539-5.179 4.616.549-.233 1.026-.35 1.432-.35.863 0 1.295.447 1.295 1.341 0 .112-.005.229-.015.35-.06.721-.487 1.706-1.28 2.955-.813 1.31-1.417 1.965-1.813 1.965-.528 0-.995-.995-1.401-2.986-.122-.467-.381-1.975-.777-4.524-.173-1.097-.493-1.909-.96-2.437A1.999 1.999 0 0 0 5.652.244c-.64.06-1.59.645-2.849 1.752-.65.61-1.584 1.462-2.803 2.559h.001Z"/></svg> <span class="visually-hidden">Vimeo</span> </a> <a class="footer__icon footer__icon--social" href="https://open.spotify.com/user/us22v1t02s78klgyp30lmwo7m" title="https://open.spotify.com/user/us22v1t02s78klgyp30lmwo7m" target="_blank"> <img src="//chromagbikes.com/cdn/shop/files/spotify-icon-grey.png?v=1709059243&width=18" alt="https://open.spotify.com/user/us22v1t02s78klgyp30lmwo7m" width="18" height="18" loading="lazy" class="" srcset="//chromagbikes.com/cdn/shop/files/spotify-icon-grey.png?v=1709059243&width=36 2x, //chromagbikes.com/cdn/shop/files/spotify-icon-grey.png?v=1709059243&width=18" fetchpriority="auto" style="object-position: center center; "> </a> <a class="footer__icon footer__icon--social" href="https://www.pinkbike.com/u/chromagbikes/" title="https://www.pinkbike.com/u/chromagbikes/" target="_blank"> <img src="//chromagbikes.com/cdn/shop/files/pink-bike-icon-grey.png?v=1709059246&width=18" alt="https://www.pinkbike.com/u/chromagbikes/" width="18" height="18" loading="lazy" class="" srcset="//chromagbikes.com/cdn/shop/files/pink-bike-icon-grey.png?v=1709059246&width=36 2x, //chromagbikes.com/cdn/shop/files/pink-bike-icon-grey.png?v=1709059246&width=18" fetchpriority="auto" style="object-position: center center; "> </a> <a class="footer__icon footer__icon--social" href="https://www.strava.com/clubs/chromag" title="https://www.strava.com/clubs/chromag" target="_blank"> <img src="//chromagbikes.com/cdn/shop/files/strava-icon.png?v=1733259101&width=18" alt="https://www.strava.com/clubs/chromag" width="18" height="18" loading="lazy" class="" srcset="//chromagbikes.com/cdn/shop/files/strava-icon.png?v=1733259101&width=36 2x, //chromagbikes.com/cdn/shop/files/strava-icon.png?v=1733259101&width=18" fetchpriority="auto" style="object-position: center center; "> </a> </div></div></div> </div> </div> </div> </footer> </div><div id="shopify-section-sections--17927160725636__subfooter" class="shopify-section shopify-section-group-group-footer"><section class="subfooter" data-section-id="sections--17927160725636__subfooter" data-section-type="footer" style="--PT: 36px; --PB: 36px;"> <div class="section-padding wrapper--full"> <div class="subfooter__items subfooter__items--1"><div class="subfooter__item subfooter__item--selects"><form method="post" action="/localization" id="localization-form-footer" accept-charset="UTF-8" class="popout--footer" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="subfooter__select subfooter__select--currency js"> <h2 class="visually-hidden" id="currency-heading-localization-form-footer"> Currency </h2> <popout-select> <div class="popout" data-popout> <button type="button" class="popout__toggle" aria-expanded="false" aria-controls="currency-list-localization-form-footer" aria-describedby="currency-heading-localization-form-footer" data-popout-toggle> Canada (CA $)<svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-chevron-down" viewBox="0 0 24 24"><path d="m6 9 6 6 6-6"/></svg></button> <ul id="currency-list-localization-form-footer" class="popout-list" data-popout-list data-scroll-lock-scrollable> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AF" data-currency="AFN" data-popout-option> <span>Afghanistan (AF ؋)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AX" data-currency="EUR" data-popout-option> <span>Åland Islands (AX €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AL" data-currency="ALL" data-popout-option> <span>Albania (AL L)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DZ" data-currency="DZD" data-popout-option> <span>Algeria (DZ د.ج)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AD" data-currency="EUR" data-popout-option> <span>Andorra (AD €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AO" data-currency="CAD" data-popout-option> <span>Angola (AO $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AI" data-currency="XCD" data-popout-option> <span>Anguilla (AI $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AG" data-currency="XCD" data-popout-option> <span>Antigua & Barbuda (AG $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AR" data-currency="CAD" data-popout-option> <span>Argentina (AR $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AM" data-currency="AMD" data-popout-option> <span>Armenia (AM դր.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AW" data-currency="AWG" data-popout-option> <span>Aruba (AW ƒ)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AC" data-currency="SHP" data-popout-option> <span>Ascension Island (AC £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AU" data-currency="AUD" data-popout-option> <span>Australia (AU $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AT" data-currency="EUR" data-popout-option> <span>Austria (AT €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AZ" data-currency="AZN" data-popout-option> <span>Azerbaijan (AZ ₼)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BS" data-currency="BSD" data-popout-option> <span>Bahamas (BS $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BH" data-currency="CAD" data-popout-option> <span>Bahrain (BH $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BD" data-currency="BDT" data-popout-option> <span>Bangladesh (BD ৳)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BB" data-currency="BBD" data-popout-option> <span>Barbados (BB $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BY" data-currency="CAD" data-popout-option> <span>Belarus (BY $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BE" data-currency="EUR" data-popout-option> <span>Belgium (BE €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BZ" data-currency="BZD" data-popout-option> <span>Belize (BZ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BJ" data-currency="XOF" data-popout-option> <span>Benin (BJ Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BM" data-currency="USD" data-popout-option> <span>Bermuda (BM $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BT" data-currency="CAD" data-popout-option> <span>Bhutan (BT $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BO" data-currency="BOB" data-popout-option> <span>Bolivia (BO Bs.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BA" data-currency="BAM" data-popout-option> <span>Bosnia & Herzegovina (BA КМ)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BW" data-currency="BWP" data-popout-option> <span>Botswana (BW P)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BR" data-currency="CAD" data-popout-option> <span>Brazil (BR $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IO" data-currency="USD" data-popout-option> <span>British Indian Ocean Territory (IO $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VG" data-currency="USD" data-popout-option> <span>British Virgin Islands (VG $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BN" data-currency="BND" data-popout-option> <span>Brunei (BN $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BG" data-currency="BGN" data-popout-option> <span>Bulgaria (BG лв.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BF" data-currency="XOF" data-popout-option> <span>Burkina Faso (BF Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BI" data-currency="BIF" data-popout-option> <span>Burundi (BI Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KH" data-currency="KHR" data-popout-option> <span>Cambodia (KH ៛)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CM" data-currency="XAF" data-popout-option> <span>Cameroon (CM CFA)</span> </a> </li> <li class="popout-list__item popout-list__item--current"> <a class="popout-list__option" href="#" aria-current="true" data-value="CA" data-currency="CAD" data-popout-option> <span>Canada (CA $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CV" data-currency="CVE" data-popout-option> <span>Cape Verde (CV $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BQ" data-currency="USD" data-popout-option> <span>Caribbean Netherlands (BQ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KY" data-currency="KYD" data-popout-option> <span>Cayman Islands (KY $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CF" data-currency="XAF" data-popout-option> <span>Central African Republic (CF CFA)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TD" data-currency="XAF" data-popout-option> <span>Chad (TD CFA)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CL" data-currency="CAD" data-popout-option> <span>Chile (CL $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CN" data-currency="CNY" data-popout-option> <span>China (CN ¥)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CX" data-currency="AUD" data-popout-option> <span>Christmas Island (CX $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CC" data-currency="AUD" data-popout-option> <span>Cocos (Keeling) Islands (CC $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CO" data-currency="CAD" data-popout-option> <span>Colombia (CO $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KM" data-currency="KMF" data-popout-option> <span>Comoros (KM Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CG" data-currency="XAF" data-popout-option> <span>Congo - Brazzaville (CG CFA)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CD" data-currency="CDF" data-popout-option> <span>Congo - Kinshasa (CD Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CK" data-currency="NZD" data-popout-option> <span>Cook Islands (CK $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CR" data-currency="CRC" data-popout-option> <span>Costa Rica (CR ₡)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CI" data-currency="XOF" data-popout-option> <span>Côte d’Ivoire (CI Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="HR" data-currency="EUR" data-popout-option> <span>Croatia (HR €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CW" data-currency="ANG" data-popout-option> <span>Curaçao (CW ƒ)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CY" data-currency="EUR" data-popout-option> <span>Cyprus (CY €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CZ" data-currency="CZK" data-popout-option> <span>Czechia (CZ Kč)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DK" data-currency="DKK" data-popout-option> <span>Denmark (DK kr.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DJ" data-currency="DJF" data-popout-option> <span>Djibouti (DJ Fdj)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DM" data-currency="XCD" data-popout-option> <span>Dominica (DM $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DO" data-currency="DOP" data-popout-option> <span>Dominican Republic (DO $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="EC" data-currency="USD" data-popout-option> <span>Ecuador (EC $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="EG" data-currency="EGP" data-popout-option> <span>Egypt (EG ج.م)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SV" data-currency="USD" data-popout-option> <span>El Salvador (SV $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GQ" data-currency="XAF" data-popout-option> <span>Equatorial Guinea (GQ CFA)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ER" data-currency="CAD" data-popout-option> <span>Eritrea (ER $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="EE" data-currency="EUR" data-popout-option> <span>Estonia (EE €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SZ" data-currency="CAD" data-popout-option> <span>Eswatini (SZ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ET" data-currency="ETB" data-popout-option> <span>Ethiopia (ET Br)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="FK" data-currency="FKP" data-popout-option> <span>Falkland Islands (FK £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="FO" data-currency="DKK" data-popout-option> <span>Faroe Islands (FO kr.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="FJ" data-currency="FJD" data-popout-option> <span>Fiji (FJ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="FI" data-currency="EUR" data-popout-option> <span>Finland (FI €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="FR" data-currency="EUR" data-popout-option> <span>France (FR €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GF" data-currency="EUR" data-popout-option> <span>French Guiana (GF €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PF" data-currency="XPF" data-popout-option> <span>French Polynesia (PF Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TF" data-currency="EUR" data-popout-option> <span>French Southern Territories (TF €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GA" data-currency="XOF" data-popout-option> <span>Gabon (GA Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GM" data-currency="GMD" data-popout-option> <span>Gambia (GM D)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GE" data-currency="CAD" data-popout-option> <span>Georgia (GE $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="DE" data-currency="EUR" data-popout-option> <span>Germany (DE €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GH" data-currency="CAD" data-popout-option> <span>Ghana (GH $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GR" data-currency="EUR" data-popout-option> <span>Greece (GR €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GL" data-currency="DKK" data-popout-option> <span>Greenland (GL kr.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GD" data-currency="XCD" data-popout-option> <span>Grenada (GD $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GP" data-currency="EUR" data-popout-option> <span>Guadeloupe (GP €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GT" data-currency="GTQ" data-popout-option> <span>Guatemala (GT Q)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GG" data-currency="GBP" data-popout-option> <span>Guernsey (GG £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GN" data-currency="GNF" data-popout-option> <span>Guinea (GN Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GW" data-currency="XOF" data-popout-option> <span>Guinea-Bissau (GW Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GY" data-currency="GYD" data-popout-option> <span>Guyana (GY $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="HT" data-currency="CAD" data-popout-option> <span>Haiti (HT $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="HN" data-currency="HNL" data-popout-option> <span>Honduras (HN L)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="HK" data-currency="HKD" data-popout-option> <span>Hong Kong SAR (HK $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="HU" data-currency="HUF" data-popout-option> <span>Hungary (HU Ft)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IS" data-currency="ISK" data-popout-option> <span>Iceland (IS kr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IN" data-currency="INR" data-popout-option> <span>India (IN ₹)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ID" data-currency="IDR" data-popout-option> <span>Indonesia (ID Rp)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IQ" data-currency="CAD" data-popout-option> <span>Iraq (IQ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IE" data-currency="EUR" data-popout-option> <span>Ireland (IE €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IM" data-currency="GBP" data-popout-option> <span>Isle of Man (IM £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IL" data-currency="ILS" data-popout-option> <span>Israel (IL ₪)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="IT" data-currency="EUR" data-popout-option> <span>Italy (IT €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="JM" data-currency="JMD" data-popout-option> <span>Jamaica (JM $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="JP" data-currency="JPY" data-popout-option> <span>Japan (JP ¥)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="JE" data-currency="CAD" data-popout-option> <span>Jersey (JE $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="JO" data-currency="CAD" data-popout-option> <span>Jordan (JO $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KZ" data-currency="KZT" data-popout-option> <span>Kazakhstan (KZ ₸)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KE" data-currency="KES" data-popout-option> <span>Kenya (KE KSh)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KI" data-currency="CAD" data-popout-option> <span>Kiribati (KI $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="XK" data-currency="EUR" data-popout-option> <span>Kosovo (XK €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KW" data-currency="CAD" data-popout-option> <span>Kuwait (KW $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KG" data-currency="KGS" data-popout-option> <span>Kyrgyzstan (KG som)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LA" data-currency="LAK" data-popout-option> <span>Laos (LA ₭)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LV" data-currency="EUR" data-popout-option> <span>Latvia (LV €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LB" data-currency="LBP" data-popout-option> <span>Lebanon (LB ل.ل)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LS" data-currency="CAD" data-popout-option> <span>Lesotho (LS $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LR" data-currency="CAD" data-popout-option> <span>Liberia (LR $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LY" data-currency="CAD" data-popout-option> <span>Libya (LY $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LI" data-currency="CHF" data-popout-option> <span>Liechtenstein (LI CHF)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LT" data-currency="EUR" data-popout-option> <span>Lithuania (LT €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LU" data-currency="EUR" data-popout-option> <span>Luxembourg (LU €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MO" data-currency="MOP" data-popout-option> <span>Macao SAR (MO P)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MG" data-currency="CAD" data-popout-option> <span>Madagascar (MG $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MW" data-currency="MWK" data-popout-option> <span>Malawi (MW MK)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MY" data-currency="MYR" data-popout-option> <span>Malaysia (MY RM)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MV" data-currency="MVR" data-popout-option> <span>Maldives (MV MVR)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ML" data-currency="XOF" data-popout-option> <span>Mali (ML Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MT" data-currency="EUR" data-popout-option> <span>Malta (MT €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MQ" data-currency="EUR" data-popout-option> <span>Martinique (MQ €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MR" data-currency="CAD" data-popout-option> <span>Mauritania (MR $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MU" data-currency="MUR" data-popout-option> <span>Mauritius (MU ₨)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="YT" data-currency="EUR" data-popout-option> <span>Mayotte (YT €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MX" data-currency="MXN" data-popout-option> <span>Mexico (MX $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MD" data-currency="MDL" data-popout-option> <span>Moldova (MD L)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MC" data-currency="EUR" data-popout-option> <span>Monaco (MC €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MN" data-currency="MNT" data-popout-option> <span>Mongolia (MN ₮)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ME" data-currency="EUR" data-popout-option> <span>Montenegro (ME €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MS" data-currency="XCD" data-popout-option> <span>Montserrat (MS $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MA" data-currency="MAD" data-popout-option> <span>Morocco (MA د.م.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MZ" data-currency="CAD" data-popout-option> <span>Mozambique (MZ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MM" data-currency="MMK" data-popout-option> <span>Myanmar (Burma) (MM K)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NA" data-currency="CAD" data-popout-option> <span>Namibia (NA $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NR" data-currency="AUD" data-popout-option> <span>Nauru (NR $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NP" data-currency="NPR" data-popout-option> <span>Nepal (NP Rs.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NL" data-currency="EUR" data-popout-option> <span>Netherlands (NL €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NC" data-currency="XPF" data-popout-option> <span>New Caledonia (NC Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NZ" data-currency="NZD" data-popout-option> <span>New Zealand (NZ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NI" data-currency="NIO" data-popout-option> <span>Nicaragua (NI C$)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NE" data-currency="XOF" data-popout-option> <span>Niger (NE Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NG" data-currency="NGN" data-popout-option> <span>Nigeria (NG ₦)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NU" data-currency="NZD" data-popout-option> <span>Niue (NU $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NF" data-currency="AUD" data-popout-option> <span>Norfolk Island (NF $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MK" data-currency="MKD" data-popout-option> <span>North Macedonia (MK ден)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="NO" data-currency="CAD" data-popout-option> <span>Norway (NO $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="OM" data-currency="CAD" data-popout-option> <span>Oman (OM $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PK" data-currency="PKR" data-popout-option> <span>Pakistan (PK ₨)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PS" data-currency="ILS" data-popout-option> <span>Palestinian Territories (PS ₪)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PA" data-currency="USD" data-popout-option> <span>Panama (PA $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PG" data-currency="PGK" data-popout-option> <span>Papua New Guinea (PG K)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PY" data-currency="PYG" data-popout-option> <span>Paraguay (PY ₲)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PE" data-currency="PEN" data-popout-option> <span>Peru (PE S/)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PH" data-currency="PHP" data-popout-option> <span>Philippines (PH ₱)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PN" data-currency="NZD" data-popout-option> <span>Pitcairn Islands (PN $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PL" data-currency="PLN" data-popout-option> <span>Poland (PL zł)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PT" data-currency="EUR" data-popout-option> <span>Portugal (PT €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="QA" data-currency="QAR" data-popout-option> <span>Qatar (QA ر.ق)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="RE" data-currency="EUR" data-popout-option> <span>Réunion (RE €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="RO" data-currency="RON" data-popout-option> <span>Romania (RO Lei)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="RU" data-currency="CAD" data-popout-option> <span>Russia (RU $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="RW" data-currency="RWF" data-popout-option> <span>Rwanda (RW FRw)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="WS" data-currency="WST" data-popout-option> <span>Samoa (WS T)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SM" data-currency="EUR" data-popout-option> <span>San Marino (SM €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ST" data-currency="STD" data-popout-option> <span>São Tomé & Príncipe (ST Db)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SA" data-currency="SAR" data-popout-option> <span>Saudi Arabia (SA ر.س)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SN" data-currency="XOF" data-popout-option> <span>Senegal (SN Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="RS" data-currency="RSD" data-popout-option> <span>Serbia (RS РСД)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SC" data-currency="CAD" data-popout-option> <span>Seychelles (SC $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SL" data-currency="SLL" data-popout-option> <span>Sierra Leone (SL Le)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SG" data-currency="SGD" data-popout-option> <span>Singapore (SG $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SX" data-currency="ANG" data-popout-option> <span>Sint Maarten (SX ƒ)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SK" data-currency="EUR" data-popout-option> <span>Slovakia (SK €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SI" data-currency="EUR" data-popout-option> <span>Slovenia (SI €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SB" data-currency="SBD" data-popout-option> <span>Solomon Islands (SB $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SO" data-currency="CAD" data-popout-option> <span>Somalia (SO $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ZA" data-currency="CAD" data-popout-option> <span>South Africa (ZA $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GS" data-currency="GBP" data-popout-option> <span>South Georgia & South Sandwich Islands (GS £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KR" data-currency="KRW" data-popout-option> <span>South Korea (KR ₩)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SS" data-currency="CAD" data-popout-option> <span>South Sudan (SS $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ES" data-currency="EUR" data-popout-option> <span>Spain (ES €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LK" data-currency="LKR" data-popout-option> <span>Sri Lanka (LK ₨)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="BL" data-currency="EUR" data-popout-option> <span>St. Barthélemy (BL €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SH" data-currency="SHP" data-popout-option> <span>St. Helena (SH £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="KN" data-currency="XCD" data-popout-option> <span>St. Kitts & Nevis (KN $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="LC" data-currency="XCD" data-popout-option> <span>St. Lucia (LC $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="MF" data-currency="EUR" data-popout-option> <span>St. Martin (MF €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="PM" data-currency="EUR" data-popout-option> <span>St. Pierre & Miquelon (PM €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VC" data-currency="XCD" data-popout-option> <span>St. Vincent & Grenadines (VC $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SD" data-currency="CAD" data-popout-option> <span>Sudan (SD $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SR" data-currency="CAD" data-popout-option> <span>Suriname (SR $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SJ" data-currency="CAD" data-popout-option> <span>Svalbard & Jan Mayen (SJ $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="SE" data-currency="SEK" data-popout-option> <span>Sweden (SE kr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="CH" data-currency="CHF" data-popout-option> <span>Switzerland (CH CHF)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TW" data-currency="TWD" data-popout-option> <span>Taiwan (TW $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TJ" data-currency="TJS" data-popout-option> <span>Tajikistan (TJ ЅМ)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TZ" data-currency="TZS" data-popout-option> <span>Tanzania (TZ Sh)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TH" data-currency="THB" data-popout-option> <span>Thailand (TH ฿)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TL" data-currency="USD" data-popout-option> <span>Timor-Leste (TL $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TG" data-currency="XOF" data-popout-option> <span>Togo (TG Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TK" data-currency="NZD" data-popout-option> <span>Tokelau (TK $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TO" data-currency="TOP" data-popout-option> <span>Tonga (TO T$)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TT" data-currency="TTD" data-popout-option> <span>Trinidad & Tobago (TT $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TA" data-currency="GBP" data-popout-option> <span>Tristan da Cunha (TA £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TN" data-currency="CAD" data-popout-option> <span>Tunisia (TN $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TR" data-currency="CAD" data-popout-option> <span>Türkiye (TR $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TM" data-currency="CAD" data-popout-option> <span>Turkmenistan (TM $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TC" data-currency="USD" data-popout-option> <span>Turks & Caicos Islands (TC $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="TV" data-currency="AUD" data-popout-option> <span>Tuvalu (TV $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="UM" data-currency="USD" data-popout-option> <span>U.S. Outlying Islands (UM $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="UG" data-currency="UGX" data-popout-option> <span>Uganda (UG USh)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="UA" data-currency="UAH" data-popout-option> <span>Ukraine (UA ₴)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="AE" data-currency="AED" data-popout-option> <span>United Arab Emirates (AE د.إ)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="GB" data-currency="GBP" data-popout-option> <span>United Kingdom (GB £)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="US" data-currency="USD" data-popout-option> <span>United States (US $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="UY" data-currency="UYU" data-popout-option> <span>Uruguay (UY $U)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="UZ" data-currency="UZS" data-popout-option> <span>Uzbekistan (UZ so'm)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VU" data-currency="VUV" data-popout-option> <span>Vanuatu (VU Vt)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VA" data-currency="EUR" data-popout-option> <span>Vatican City (VA €)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VE" data-currency="USD" data-popout-option> <span>Venezuela (VE $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="VN" data-currency="VND" data-popout-option> <span>Vietnam (VN ₫)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="WF" data-currency="XPF" data-popout-option> <span>Wallis & Futuna (WF Fr)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="EH" data-currency="MAD" data-popout-option> <span>Western Sahara (EH د.م.)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="YE" data-currency="YER" data-popout-option> <span>Yemen (YE ﷼)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ZM" data-currency="CAD" data-popout-option> <span>Zambia (ZM $)</span> </a> </li> <li class="popout-list__item "> <a class="popout-list__option" href="#" data-value="ZW" data-currency="USD" data-popout-option> <span>Zimbabwe (ZW $)</span> </a> </li></ul> <input type="hidden" name="country_code" id="CurrencySelector-localization-form-footer" value="CA" data-popout-input/> </div> </popout-select> </div> </form><noscript><form method="post" action="/localization" id="localization-form-footer-noscript" accept-charset="UTF-8" class="locale-footer-nojs" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><h2 class="visually-hidden" id="localization-form-footer-noscript-locale-heading"> Currency </h2> <select name="country_code" aria-labelledby="localization-form-footer-noscript-currency-heading"><option value="AF" > Afghanistan (AFN ؋) </option><option value="AX" > Åland Islands (EUR €) </option><option value="AL" > Albania (ALL L) </option><option value="DZ" > Algeria (DZD د.ج) </option><option value="AD" > Andorra (EUR €) </option><option value="AO" > Angola (CAD $) </option><option value="AI" > Anguilla (XCD $) </option><option value="AG" > Antigua & Barbuda (XCD $) </option><option value="AR" > Argentina (CAD $) </option><option value="AM" > Armenia (AMD դր.) </option><option value="AW" > Aruba (AWG ƒ) </option><option value="AC" > Ascension Island (SHP £) </option><option value="AU" > Australia (AUD $) </option><option value="AT" > Austria (EUR €) </option><option value="AZ" > Azerbaijan (AZN ₼) </option><option value="BS" > Bahamas (BSD $) </option><option value="BH" > Bahrain (CAD $) </option><option value="BD" > Bangladesh (BDT ৳) </option><option value="BB" > Barbados (BBD $) </option><option value="BY" > Belarus (CAD $) </option><option value="BE" > Belgium (EUR €) </option><option value="BZ" > Belize (BZD $) </option><option value="BJ" > Benin (XOF Fr) </option><option value="BM" > Bermuda (USD $) </option><option value="BT" > Bhutan (CAD $) </option><option value="BO" > Bolivia (BOB Bs.) </option><option value="BA" > Bosnia & Herzegovina (BAM КМ) </option><option value="BW" > Botswana (BWP P) </option><option value="BR" > Brazil (CAD $) </option><option value="IO" > British Indian Ocean Territory (USD $) </option><option value="VG" > British Virgin Islands (USD $) </option><option value="BN" > Brunei (BND $) </option><option value="BG" > Bulgaria (BGN лв.) </option><option value="BF" > Burkina Faso (XOF Fr) </option><option value="BI" > Burundi (BIF Fr) </option><option value="KH" > Cambodia (KHR ៛) </option><option value="CM" > Cameroon (XAF CFA) </option><option value="CA" selected > Canada (CAD $) </option><option value="CV" > Cape Verde (CVE $) </option><option value="BQ" > Caribbean Netherlands (USD $) </option><option value="KY" > Cayman Islands (KYD $) </option><option value="CF" > Central African Republic (XAF CFA) </option><option value="TD" > Chad (XAF CFA) </option><option value="CL" > Chile (CAD $) </option><option value="CN" > China (CNY ¥) </option><option value="CX" > Christmas Island (AUD $) </option><option value="CC" > Cocos (Keeling) Islands (AUD $) </option><option value="CO" > Colombia (CAD $) </option><option value="KM" > Comoros (KMF Fr) </option><option value="CG" > Congo - Brazzaville (XAF CFA) </option><option value="CD" > Congo - Kinshasa (CDF Fr) </option><option value="CK" > Cook Islands (NZD $) </option><option value="CR" > Costa Rica (CRC ₡) </option><option value="CI" > Côte d’Ivoire (XOF Fr) </option><option value="HR" > Croatia (EUR €) </option><option value="CW" > Curaçao (ANG ƒ) </option><option value="CY" > Cyprus (EUR €) </option><option value="CZ" > Czechia (CZK Kč) </option><option value="DK" > Denmark (DKK kr.) </option><option value="DJ" > Djibouti (DJF Fdj) </option><option value="DM" > Dominica (XCD $) </option><option value="DO" > Dominican Republic (DOP $) </option><option value="EC" > Ecuador (USD $) </option><option value="EG" > Egypt (EGP ج.م) </option><option value="SV" > El Salvador (USD $) </option><option value="GQ" > Equatorial Guinea (XAF CFA) </option><option value="ER" > Eritrea (CAD $) </option><option value="EE" > Estonia (EUR €) </option><option value="SZ" > Eswatini (CAD $) </option><option value="ET" > Ethiopia (ETB Br) </option><option value="FK" > Falkland Islands (FKP £) </option><option value="FO" > Faroe Islands (DKK kr.) </option><option value="FJ" > Fiji (FJD $) </option><option value="FI" > Finland (EUR €) </option><option value="FR" > France (EUR €) </option><option value="GF" > French Guiana (EUR €) </option><option value="PF" > French Polynesia (XPF Fr) </option><option value="TF" > French Southern Territories (EUR €) </option><option value="GA" > Gabon (XOF Fr) </option><option value="GM" > Gambia (GMD D) </option><option value="GE" > Georgia (CAD $) </option><option value="DE" > Germany (EUR €) </option><option value="GH" > Ghana (CAD $) </option><option value="GR" > Greece (EUR €) </option><option value="GL" > Greenland (DKK kr.) </option><option value="GD" > Grenada (XCD $) </option><option value="GP" > Guadeloupe (EUR €) </option><option value="GT" > Guatemala (GTQ Q) </option><option value="GG" > Guernsey (GBP £) </option><option value="GN" > Guinea (GNF Fr) </option><option value="GW" > Guinea-Bissau (XOF Fr) </option><option value="GY" > Guyana (GYD $) </option><option value="HT" > Haiti (CAD $) </option><option value="HN" > Honduras (HNL L) </option><option value="HK" > Hong Kong SAR (HKD $) </option><option value="HU" > Hungary (HUF Ft) </option><option value="IS" > Iceland (ISK kr) </option><option value="IN" > India (INR ₹) </option><option value="ID" > Indonesia (IDR Rp) </option><option value="IQ" > Iraq (CAD $) </option><option value="IE" > Ireland (EUR €) </option><option value="IM" > Isle of Man (GBP £) </option><option value="IL" > Israel (ILS ₪) </option><option value="IT" > Italy (EUR €) </option><option value="JM" > Jamaica (JMD $) </option><option value="JP" > Japan (JPY ¥) </option><option value="JE" > Jersey (CAD $) </option><option value="JO" > Jordan (CAD $) </option><option value="KZ" > Kazakhstan (KZT ₸) </option><option value="KE" > Kenya (KES KSh) </option><option value="KI" > Kiribati (CAD $) </option><option value="XK" > Kosovo (EUR €) </option><option value="KW" > Kuwait (CAD $) </option><option value="KG" > Kyrgyzstan (KGS som) </option><option value="LA" > Laos (LAK ₭) </option><option value="LV" > Latvia (EUR €) </option><option value="LB" > Lebanon (LBP ل.ل) </option><option value="LS" > Lesotho (CAD $) </option><option value="LR" > Liberia (CAD $) </option><option value="LY" > Libya (CAD $) </option><option value="LI" > Liechtenstein (CHF CHF) </option><option value="LT" > Lithuania (EUR €) </option><option value="LU" > Luxembourg (EUR €) </option><option value="MO" > Macao SAR (MOP P) </option><option value="MG" > Madagascar (CAD $) </option><option value="MW" > Malawi (MWK MK) </option><option value="MY" > Malaysia (MYR RM) </option><option value="MV" > Maldives (MVR MVR) </option><option value="ML" > Mali (XOF Fr) </option><option value="MT" > Malta (EUR €) </option><option value="MQ" > Martinique (EUR €) </option><option value="MR" > Mauritania (CAD $) </option><option value="MU" > Mauritius (MUR ₨) </option><option value="YT" > Mayotte (EUR €) </option><option value="MX" > Mexico (MXN $) </option><option value="MD" > Moldova (MDL L) </option><option value="MC" > Monaco (EUR €) </option><option value="MN" > Mongolia (MNT ₮) </option><option value="ME" > Montenegro (EUR €) </option><option value="MS" > Montserrat (XCD $) </option><option value="MA" > Morocco (MAD د.م.) </option><option value="MZ" > Mozambique (CAD $) </option><option value="MM" > Myanmar (Burma) (MMK K) </option><option value="NA" > Namibia (CAD $) </option><option value="NR" > Nauru (AUD $) </option><option value="NP" > Nepal (NPR Rs.) </option><option value="NL" > Netherlands (EUR €) </option><option value="NC" > New Caledonia (XPF Fr) </option><option value="NZ" > New Zealand (NZD $) </option><option value="NI" > Nicaragua (NIO C$) </option><option value="NE" > Niger (XOF Fr) </option><option value="NG" > Nigeria (NGN ₦) </option><option value="NU" > Niue (NZD $) </option><option value="NF" > Norfolk Island (AUD $) </option><option value="MK" > North Macedonia (MKD ден) </option><option value="NO" > Norway (CAD $) </option><option value="OM" > Oman (CAD $) </option><option value="PK" > Pakistan (PKR ₨) </option><option value="PS" > Palestinian Territories (ILS ₪) </option><option value="PA" > Panama (USD $) </option><option value="PG" > Papua New Guinea (PGK K) </option><option value="PY" > Paraguay (PYG ₲) </option><option value="PE" > Peru (PEN S/) </option><option value="PH" > Philippines (PHP ₱) </option><option value="PN" > Pitcairn Islands (NZD $) </option><option value="PL" > Poland (PLN zł) </option><option value="PT" > Portugal (EUR €) </option><option value="QA" > Qatar (QAR ر.ق) </option><option value="RE" > Réunion (EUR €) </option><option value="RO" > Romania (RON Lei) </option><option value="RU" > Russia (CAD $) </option><option value="RW" > Rwanda (RWF FRw) </option><option value="WS" > Samoa (WST T) </option><option value="SM" > San Marino (EUR €) </option><option value="ST" > São Tomé & Príncipe (STD Db) </option><option value="SA" > Saudi Arabia (SAR ر.س) </option><option value="SN" > Senegal (XOF Fr) </option><option value="RS" > Serbia (RSD РСД) </option><option value="SC" > Seychelles (CAD $) </option><option value="SL" > Sierra Leone (SLL Le) </option><option value="SG" > Singapore (SGD $) </option><option value="SX" > Sint Maarten (ANG ƒ) </option><option value="SK" > Slovakia (EUR €) </option><option value="SI" > Slovenia (EUR €) </option><option value="SB" > Solomon Islands (SBD $) </option><option value="SO" > Somalia (CAD $) </option><option value="ZA" > South Africa (CAD $) </option><option value="GS" > South Georgia & South Sandwich Islands (GBP £) </option><option value="KR" > South Korea (KRW ₩) </option><option value="SS" > South Sudan (CAD $) </option><option value="ES" > Spain (EUR €) </option><option value="LK" > Sri Lanka (LKR ₨) </option><option value="BL" > St. Barthélemy (EUR €) </option><option value="SH" > St. Helena (SHP £) </option><option value="KN" > St. Kitts & Nevis (XCD $) </option><option value="LC" > St. Lucia (XCD $) </option><option value="MF" > St. Martin (EUR €) </option><option value="PM" > St. Pierre & Miquelon (EUR €) </option><option value="VC" > St. Vincent & Grenadines (XCD $) </option><option value="SD" > Sudan (CAD $) </option><option value="SR" > Suriname (CAD $) </option><option value="SJ" > Svalbard & Jan Mayen (CAD $) </option><option value="SE" > Sweden (SEK kr) </option><option value="CH" > Switzerland (CHF CHF) </option><option value="TW" > Taiwan (TWD $) </option><option value="TJ" > Tajikistan (TJS ЅМ) </option><option value="TZ" > Tanzania (TZS Sh) </option><option value="TH" > Thailand (THB ฿) </option><option value="TL" > Timor-Leste (USD $) </option><option value="TG" > Togo (XOF Fr) </option><option value="TK" > Tokelau (NZD $) </option><option value="TO" > Tonga (TOP T$) </option><option value="TT" > Trinidad & Tobago (TTD $) </option><option value="TA" > Tristan da Cunha (GBP £) </option><option value="TN" > Tunisia (CAD $) </option><option value="TR" > Türkiye (CAD $) </option><option value="TM" > Turkmenistan (CAD $) </option><option value="TC" > Turks & Caicos Islands (USD $) </option><option value="TV" > Tuvalu (AUD $) </option><option value="UM" > U.S. Outlying Islands (USD $) </option><option value="UG" > Uganda (UGX USh) </option><option value="UA" > Ukraine (UAH ₴) </option><option value="AE" > United Arab Emirates (AED د.إ) </option><option value="GB" > United Kingdom (GBP £) </option><option value="US" > United States (USD $) </option><option value="UY" > Uruguay (UYU $U) </option><option value="UZ" > Uzbekistan (UZS so'm) </option><option value="VU" > Vanuatu (VUV Vt) </option><option value="VA" > Vatican City (EUR €) </option><option value="VE" > Venezuela (USD $) </option><option value="VN" > Vietnam (VND ₫) </option><option value="WF" > Wallis & Futuna (XPF Fr) </option><option value="EH" > Western Sahara (MAD د.م.) </option><option value="YE" > Yemen (YER ﷼) </option><option value="ZM" > Zambia (CAD $) </option><option value="ZW" > Zimbabwe (USD $) </option></select><button class="btn btn--primary btn--full">Update</button></form></noscript> </div> <div class="subfooter__item subfooter__item--copyright"> <span class="subfooter__copyright"> © <a href="/" title="">Chromag Bikes</a> 2025 </span> </div></div> </div> </section> </div>  <div class="search--popdown">  <div data-search-popdown-wrap> <div id="search-popdown" class="search-popdown search__predictive" data-popdown-outer><predictive-search><form action="/search" method="get" role="search"> <div class="item--loadbar" data-loading-indicator style="display: none;"></div> <div class="search__predictive__outer"> <div class="wrapper"> <div class="search__predictive__main"> <div class="search__predictive__actions"> <button class="search__predictive__button" type="submit"> <span class="visually-hidden">Search</span></button> <input type="search" data-predictive-search-input="search-popdown-results" name="q" value="" placeholder="Search..." aria-label="Search our store" aria-controls="predictive-search-results" > <div class="search__predictive__clear"> <button type="reset" class="search__predictive__close__inner search-reset is-hidden" aria-label="Reset"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-x" viewBox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></svg> Clear</button> </div> </div> <div class="search__predictive__close"> <button type="button" class="search__predictive__close__inner" data-close-popdown aria-label="Close"> <svg xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="arcs" aria-hidden="true" class="icon-theme icon-theme-stroke icon-core-x" viewBox="0 0 24 24"><path d="M18 6 6 18M6 6l12 12"/></svg> </button> </div> </div> </div> </div><div class="header__search__results" tabindex="-1" data-predictive-search-results></div> <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true" data-predictive-search-status></span></form></predictive-search></div> <span class="drawer__underlay" data-search-underlay></span> <script data-predictive-search-aria-template type="text/x-template"> <div aria-live="polite"> <p> {{@if(it.count)}} <span class="badge">{{ it.count }}</span> {{/if}} {{ it.title }} <em>{{ it.query }}</em> </p> </div> </script> <script data-predictive-search-title-template type="text/x-template"> <div class="search__results__heading"> <p> <span class="search__results__title">{{ it.title }}</span> <span class="badge">{{ it.count }}</span> </p> </div> </script> <script data-search-other-template type="text/x-template"> {{@each(it) => object, index}} <div class="other__inline animates" style="animation-delay: {{ index | animationDelay }}ms;"> <p class="other__inline__title"> <a href="{{ object.url }}">{{ object.title | safe }}</a> </p> </div> {{/each}} </script> <script data-search-product-template type="text/x-template"> {{@each(it) => object, index}} <a href="{{ object.url }}" class="product__inline animates" style="animation-delay: {{ index | animationDelay }}ms;"> <div class="product__inline__image {{ @if (object.featured_image.width === null) }} product__inline__image--no-image {{ /if}}"> {{ @if (object.featured_image.width !== null) }} <img class="img-aspect-ratio" width="{{object.featured_image.width}}" height="{{ object.featured_image.height }}" alt="{{ object.featured_image.alt }}" src="{{ object.thumb }}"> {{ /if}} </div> <div> <p class="product__inline__title"> {{ object.title | safe }} </p> <p class="product__inline__price"> <span class="price {{ object.classes }}"> {{ object.price | safe }} </span> {{@if(object.sold_out)}} <br /><em>{{ object.sold_out_translation }}</em> {{/if}} {{@if(object.on_sale)}} <span class="compare-at"> {{ object.compare_at_price | safe }} </span> {{/if}} </p> </div> </a> {{/each}} </script> </div> </div> <div data-modal-container></div>  <style> ::selection {color: #fff; background: #4bb4eb;} .ct-table tr:hover {background-color: #4bb4eb !important;} .jdgm-rev-widg__header,.jdgm-rev-widg__actions,.jdgm-rev-widg__paginate-spinner-wrapper,.jdgm-rev,.jdgm-quest-widg__body,.jdgm-quest-widg__questions,.jdgm-quest {background-color: rgba(255, 255, 255, 0.2) !important;} .jdgm-widget textarea,.jdgm-form input:not([type="submit"]),.jdgm-picture-fieldset__box-wrapper {background-color: rgba(255, 255, 255, 0.1);} .jdgm-quest__answers {background-color: #4bb4eb !important;} .jdgm-ans {background-color: transparent !important;} .jdgm-rev__timestamp,.jdgm-rev__location,.jdgm-histogram__frequency,.jdgm-gallery-title,.jdgm-rev__thumb-count,.jdgm-form__fieldset {color: #000 !important;} ::placeholder {color: #000 !important;} </style> <div id="shopify-block-AL1NiTER3L3E1RmJoQ__9094328589753815681" class="shopify-block shopify-app-block"><script type="application/javascript"> window.hextom_fsb_meta = { p1: [ ], p2: { }, p3: [ ], p4:null, p5:[], p6:null, }; window.hextom_fsb_config = {"shop_active":"yes","record":true,"bars":[],"theme":{"theme_id":"143685419140","is_xhr":true}}; </script> </div><div id="shopify-block-AdHl3emZoNnBCS1g2U__18117893244055972010" class="shopify-block shopify-app-block"> <style data-shopify> .pre-order-2-button { padding-right: 162px !important; padding-left: 162px !important; } [data-editable="pre-order-button"] { background-color: #fff; padding-left: 60px; padding-top: 16px; border-radius: 0px; border-color: #9f02ac; border-width: 1px; color: #9f02ac; font-size: 14px; font-family: inherit; font-style: normal; font-weight: bold; text-decoration: none; padding-bottom: 16px; padding-right: 60px; } [data-editable="notify-me-button"] { background-color: #000000; padding-left: 30px; padding-top: 13px; border-radius: 0px; border-color: #0478CD; border-width: 0px; color: #FFFFFF; font-size: 12px; font-family: inherit; font-style: normal; font-weight: bold; text-decoration: none; padding-bottom: 13px; padding-right: 30px; } [data-editable="coming-soon-button"] { background-color: #2F8FDB; padding-left: 30px; padding-top: 13px; border-radius: 5px; border-color: #0478CD; border-width: 1px; color: #FFFFFF; font-size: 18px; font-family: inherit; font-style: normal; font-weight: bold; text-decoration: none; padding-bottom: 13px; padding-right: 30px; } [data-editable="coming-soon-dropping"] { color: #2F8FDB; font-size: 14px; font-family: inherit; font-style: normal; font-weight: normal; text-decoration: none; } [data-editable="pre-order-message"] { background-color: #fff; border-radius: 6px; border-color: #000; border-width: 1px; color: #9f02ac; font-size: 14px; font-family: inherit; font-style: italic; font-weight: bold; text-decoration: none; } [data-editable="pre-order-button-hover"] { background-color: #9f02ac; border-color: #9f02ac; color: #fff; font-size: 14px; font-family: inherit; font-style: normal; font-weight: bold; text-decoration: none; padding-top: 16px; padding-bottom: 16px; padding-left: 60px; padding-right: 60px; border-radius: 0px; border-width: 1px; } [data-editable="notify-me-button-hover"] { background-color: #4FA7EC; border-color: #4FA7EC; color: #FFFFFF; font-size: 18px; font-family: inherit; font-style: normal; font-weight: bold; text-decoration: none; padding-top: 13px; padding-bottom: 13px; padding-left: 30px; padding-right: 30px; border-radius: 0px; border-width: 0px; } [data-editable="estimated-shipping-date"] { background-color: #2F8FDB; color: #FFFFFF; font-size: 14px; font-family: inherit; font-style: normal; font-weight: bold; text-decoration: none; } [data-editable="0"] { 0: .; } [data-editable="1"] { 0: d; } [data-editable="2"] { 0: e; } [data-editable="3"] { 0: s; } [data-editable="4"] { 0: i; } [data-editable="5"] { 0: g; } [data-editable="6"] { 0: n; } [data-editable="7"] { 0: -; } [data-editable="8"] { 0: p; } [data-editable="9"] { 0: r; } [data-editable="10"] { 0: e; } [data-editable="11"] { 0: -; } [data-editable="12"] { 0: o; } [data-editable="13"] { 0: r; } [data-editable="14"] { 0: d; } [data-editable="15"] { 0: e; } [data-editable="16"] { 0: r; } [data-editable="17"] { 0: -; } [data-editable="18"] { 0: t; } [data-editable="19"] { 0: e; } [data-editable="20"] { 0: m; } [data-editable="21"] { 0: p; } [data-editable="22"] { 0: l; } [data-editable="23"] { 0: a; } [data-editable="24"] { 0: t; } [data-editable="25"] { 0: e; } [data-editable="26"] { 0: -; } [data-editable="27"] { 0: w; } [data-editable="28"] { 0: r; } [data-editable="29"] { 0: a; } [data-editable="30"] { 0: p; } [data-editable="31"] { 0: p; } [data-editable="32"] { 0: e; } [data-editable="33"] { 0: r; } </style> <script> if(typeof(Spurit) === 'undefined'){ var Spurit = {}; } if(!Spurit.Preorder2){ Spurit.Preorder2 = {}; } if(!Spurit.Preorder2.snippet){ Spurit.Preorder2.snippet = {}; } if(!Spurit.Preorder2.snippet.products){ Spurit.Preorder2.snippet.products = {}; } Spurit.Preorder2.snippet.shopHash = 'ff83958b7b33595647567e24b005527c'; Spurit.Preorder2.snippet.cacheTimestamp = "1737183274"; Spurit.commonJsUrl = 'https://amaicdn.com/preorder2/common.js'; if(typeof(Spurit.globalSnippet) === 'undefined'){ Spurit.globalSnippet = { shop_currency: 'CAD', money_format: '${{amount}}', 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":"CAD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}, customer_id: '', domain: 'chromagbikes.com' }; } // Init POM Settings // if(!Spurit.Preorder2.settings){ Spurit.Preorder2.settings = {}; Spurit.Preorder2.settings.products = {}; Spurit.Preorder2.settings.product_all = {}; Spurit.Preorder2.settings.variants = {}; Spurit.Preorder2.settings.defaultSetting = {}; } const shopSettings = {"config":{"locations":{"0":"All"},"preOrderTag":"pre-order","estDeliveryDateLineItem":"Estimated Delivery Date","partiallyPreOrderWarning":"You are trying to purchase more products than available in stock. :stock items will be purchased and the rest will be pre-ordered.","preOrderLimitWarning":"You are trying to pre-order more products than available. No more than :limit items can be pre-ordered.","checkoutWarning":"The quantity of some items is more than can be ordered or pre-ordered. Please pay attention to the updated quantity.","disabledPreOrderStatus":"noChanges","style":null,"visible":"hover","selectedPosition":"left","buttonCss":"[data-editable=\"pre-order-button\"] {\n\tbackground-color: #fff;\n\tpadding-left: 60px;\n\tpadding-top: 16px;\n\tborder-radius: 0px;\n\tborder-color: #9f02ac;\n\tborder-width: 1px;\n\tcolor: #9f02ac;\n\tfont-size: 14px;\n\tfont-family: inherit;\n\tfont-style: normal;\n\tfont-weight: bold;\n\ttext-decoration: none;\n\tpadding-bottom: 16px;\n\tpadding-right: 60px;\n}\n[data-editable=\"notify-me-button\"] {\n\tbackground-color: #000000;\n\tpadding-left: 30px;\n\tpadding-top: 13px;\n\tborder-radius: 0px;\n\tborder-color: #0478CD;\n\tborder-width: 0px;\n\tcolor: #FFFFFF;\n\tfont-size: 12px;\n\tfont-family: inherit;\n\tfont-style: normal;\n\tfont-weight: bold;\n\ttext-decoration: none;\n\tpadding-bottom: 13px;\n\tpadding-right: 30px;\n}\n[data-editable=\"coming-soon-button\"] {\n\tbackground-color: #2F8FDB;\n\tpadding-left: 30px;\n\tpadding-top: 13px;\n\tborder-radius: 5px;\n\tborder-color: #0478CD;\n\tborder-width: 1px;\n\tcolor: #FFFFFF;\n\tfont-size: 18px;\n\tfont-family: inherit;\n\tfont-style: normal;\n\tfont-weight: bold;\n\ttext-decoration: none;\n\tpadding-bottom: 13px;\n\tpadding-right: 30px;\n}\n[data-editable=\"coming-soon-dropping\"] {\n\tcolor: #2F8FDB;\n\tfont-size: 14px;\n\tfont-family: inherit;\n\tfont-style: normal;\n\tfont-weight: normal;\n\ttext-decoration: none;\n}\n[data-editable=\"pre-order-message\"] {\n\tbackground-color: #fff;\n\tborder-radius: 6px;\n\tborder-color: #000;\n\tborder-width: 1px;\n\tcolor: #9f02ac;\n\tfont-size: 14px;\n\tfont-family: inherit;\n\tfont-style: italic;\n\tfont-weight: bold;\n\ttext-decoration: none;\n}\n[data-editable=\"pre-order-button-hover\"] {\n\tbackground-color: #9f02ac;\n\tborder-color: #9f02ac;\n\tcolor: #fff;\n\tfont-size: 14px;\n\tfont-family: inherit;\n\tfont-style: normal;\n\tfont-weight: bold;\n\ttext-decoration: none;\n\tpadding-top: 16px;\n\tpadding-bottom: 16px;\n\tpadding-left: 60px;\n\tpadding-right: 60px;\n\tborder-radius: 0px;\n\tborder-width: 1px;\n}\n[data-editable=\"notify-me-button-hover\"] {\n\tbackground-color: #4FA7EC;\n\tborder-color: #4FA7EC;\n\tcolor: #FFFFFF;\n\tfont-size: 18px;\n\tfont-family: inherit;\n\tfont-style: normal;\n\tfont-weight: bold;\n\ttext-decoration: none;\n\tpadding-top: 13px;\n\tpadding-bottom: 13px;\n\tpadding-left: 30px;\n\tpadding-right: 30px;\n\tborder-radius: 0px;\n\tborder-width: 0px;\n}\n[data-editable=\"estimated-shipping-date\"] {\n\tbackground-color: #2F8FDB;\n\tcolor: #FFFFFF;\n\tfont-size: 14px;\n\tfont-family: inherit;\n\tfont-style: normal;\n\tfont-weight: bold;\n\ttext-decoration: none;\n}\n[data-editable=\"0\"] {\n\t0: .;\n}\n[data-editable=\"1\"] {\n\t0: d;\n}\n[data-editable=\"2\"] {\n\t0: e;\n}\n[data-editable=\"3\"] {\n\t0: s;\n}\n[data-editable=\"4\"] {\n\t0: i;\n}\n[data-editable=\"5\"] {\n\t0: g;\n}\n[data-editable=\"6\"] {\n\t0: n;\n}\n[data-editable=\"7\"] {\n\t0: -;\n}\n[data-editable=\"8\"] {\n\t0: p;\n}\n[data-editable=\"9\"] {\n\t0: r;\n}\n[data-editable=\"10\"] {\n\t0: e;\n}\n[data-editable=\"11\"] {\n\t0: -;\n}\n[data-editable=\"12\"] {\n\t0: o;\n}\n[data-editable=\"13\"] {\n\t0: r;\n}\n[data-editable=\"14\"] {\n\t0: d;\n}\n[data-editable=\"15\"] {\n\t0: e;\n}\n[data-editable=\"16\"] {\n\t0: r;\n}\n[data-editable=\"17\"] {\n\t0: -;\n}\n[data-editable=\"18\"] {\n\t0: t;\n}\n[data-editable=\"19\"] {\n\t0: e;\n}\n[data-editable=\"20\"] {\n\t0: m;\n}\n[data-editable=\"21\"] {\n\t0: p;\n}\n[data-editable=\"22\"] {\n\t0: l;\n}\n[data-editable=\"23\"] {\n\t0: a;\n}\n[data-editable=\"24\"] {\n\t0: t;\n}\n[data-editable=\"25\"] {\n\t0: e;\n}\n[data-editable=\"26\"] {\n\t0: -;\n}\n[data-editable=\"27\"] {\n\t0: w;\n}\n[data-editable=\"28\"] {\n\t0: r;\n}\n[data-editable=\"29\"] {\n\t0: a;\n}\n[data-editable=\"30\"] {\n\t0: p;\n}\n[data-editable=\"31\"] {\n\t0: p;\n}\n[data-editable=\"32\"] {\n\t0: e;\n}\n[data-editable=\"33\"] {\n\t0: r;\n}","parsedCss":null,"customCss":".pre-order-2-button {\n\tpadding-right: 162px !important;\npadding-left: 162px !important;\n}","parsedAtcStyle":{},"design":{"id":0,"defaultColor":"red","params":{"buttonText":"Pre-order","customStyle":true,"buttonMessage":"We will fulfill the order as soon as this item becomes available","droppingOnText":"Dropping on 2023-03-22","isFollowPreOrder":false,"buttonMessageShown":true,"buttonNotifyMeText":"Notify Me When Available","buttonComingSoonText":"Coming Soon","messageDirectionClassName":"left","messageVisibilityClassName":"hover","estimatedShippingDate":"Estimated Shipping Date"},"settings":{"pre-order-button":{"__options":{"title":"Button","font-size":{"min":10,"max":50,"label":"Font Size"},"padding-top":{"label":"Height","min":0,"max":60,"copyTo":{"0":{"element":"pre-order-button","property":"padding-bottom"},"1":{"element":"pre-order-button-hover","property":"padding-top"},"2":{"element":"pre-order-button-hover","property":"padding-bottom"}}},"padding-left":{"label":"Width","min":0,"max":60,"copyTo":{"0":{"element":"pre-order-button","property":"padding-right"},"1":{"element":"pre-order-button-hover","property":"padding-left"},"2":{"element":"pre-order-button-hover","property":"padding-right"}}},"border-radius":{"max":35,"copyTo":{"0":{"element":"pre-order-button-hover","property":"border-radius"}},"label":"Border Radius"},"border-width":{"copyTo":{"0":{"element":"pre-order-button-hover","property":"border-width"}},"label":"Border Width"},"font-family":{"variants":{"0":{"label":"Theme Default","value":"inherit"},"1":{"label":"Arial","value":"Arial, sans-serif"},"2":{"label":"Geneva","value":"Geneva, Tahoma, sans-serif"},"3":{"label":"Georgia","value":"Georgia, serif"},"4":{"label":"Times","value":"Times, Times New Roman, serif"},"5":{"label":"Verdana","value":"Verdana, sans-serif"}},"label":"Font Family"},"color":{"label":"Font Color"},"font-style":{"label":"Font Style"},"border-color":{"label":"Border Color"},"background-color":{"label":"Color"}},"background-color":"#fff","padding-left":"60px","padding-top":"16px","border-radius":"0px","border-color":"#9f02ac","border-width":"1px","color":"#9f02ac","font-size":"14px","font-family":"inherit","font-style":"normal","font-weight":"bold","text-decoration":"none"},"pre-order-message":{"__options":{"title":"Button Message","font-size":{"min":10,"max":50,"label":"Font Size"},"border-radius":{"max":35,"label":"Border Radius"},"font-family":{"variants":{"0":{"label":"Theme Default","value":"inherit"},"1":{"label":"Arial","value":"Arial, sans-serif"},"2":{"label":"Geneva","value":"Geneva, Tahoma, sans-serif"},"3":{"label":"Georgia","value":"Georgia, serif"},"4":{"label":"Times","value":"Times, Times New Roman, serif"},"5":{"label":"Verdana","value":"Verdana, sans-serif"}},"label":"Font Family"},"color":{"label":"Font Color"},"font-style":{"label":"Font Style"},"border-width":{"label":"Border Width"},"background-color":{"label":"Color"}},"background-color":"#fff","border-radius":"6px","border-color":"#000","border-width":"1px","color":"#9f02ac","font-size":"14px","font-family":"inherit","font-style":"italic","font-weight":"bold","text-decoration":"none"},"pre-order-button-hover":{"__options":{"title":"Button on Hover","font-family":{"variants":{"0":{"label":"Theme Default","value":"inherit"},"1":{"label":"Arial","value":"Arial, sans-serif"},"2":{"label":"Geneva","value":"Geneva, Tahoma, sans-serif"},"3":{"label":"Georgia","value":"Georgia, serif"},"4":{"label":"Times","value":"Times, Times New Roman, serif"},"5":{"label":"Verdana","value":"Verdana, sans-serif"}},"label":"Font Family"},"font-size":{"min":10,"max":50,"label":"Font Size"},"color":{"label":"Font Color"},"font-style":{"label":"Font Style"},"border-color":{"label":"Border Color"},"background-color":{"label":"Color"}},"background-color":"#9f02ac","border-color":"#9f02ac","color":"#fff","font-size":"14px","font-family":"inherit","font-style":"normal","font-weight":"bold","text-decoration":"none"},"notify-me-button":{"__options":{"title":"Notify Me Button","font-size":{"min":10,"max":50,"label":"Font Size"},"padding-top":{"label":"Height","min":0,"max":60,"copyTo":{"0":{"element":"notify-me-button","property":"padding-bottom"},"1":{"element":"notify-me-button-hover","property":"padding-top"},"2":{"element":"notify-me-button-hover","property":"padding-bottom"}}},"padding-left":{"label":"Width","min":0,"max":60,"copyTo":{"0":{"element":"notify-me-button","property":"padding-right"},"1":{"element":"notify-me-button-hover","property":"padding-left"},"2":{"element":"notify-me-button-hover","property":"padding-right"}}},"border-radius":{"max":35,"copyTo":{"0":{"element":"notify-me-button-hover","property":"border-radius"}},"label":"Border Radius"},"border-width":{"copyTo":{"0":{"element":"notify-me-button-hover","property":"border-width"}},"label":"Border Width"},"font-family":{"variants":{"0":{"label":"Theme Default","value":"inherit"},"1":{"label":"Arial","value":"Arial, sans-serif"},"2":{"label":"Geneva","value":"Geneva, Tahoma, sans-serif"},"3":{"label":"Georgia","value":"Georgia, serif"},"4":{"label":"Times","value":"Times, Times New Roman, serif"},"5":{"label":"Verdana","value":"Verdana, sans-serif"}},"label":"Font Family"},"color":{"label":"Font Color"},"font-style":{"label":"Font Style"},"border-color":{"label":"Border Color"},"background-color":{"label":"Color"}},"background-color":"#000000","padding-left":"30px","padding-top":"13px","border-radius":"0px","border-color":"#0478CD","border-width":"0px","color":"#FFFFFF","font-size":"12px","font-family":"inherit","font-style":"normal","font-weight":"bold","text-decoration":"none"},"coming-soon-button":{"__options":{"title":"Coming Soon Button","padding-top":{"label":"Height","min":0,"max":60,"copyTo":{"0":{"element":"coming-soon-button","property":"padding-bottom"}}},"padding-left":{"label":"Width","min":0,"max":60,"copyTo":{"0":{"element":"coming-soon-button","property":"padding-right"}}},"border-radius":{"max":35,"copyTo":{"0":{"element":"coming-soon-button","property":"border-radius"}},"label":"Border Radius"},"font-size":{"min":10,"max":50,"label":"Font Size"},"font-family":{"variants":{"0":{"label":"Theme Default","value":"inherit"},"1":{"label":"Arial","value":"Arial, sans-serif"},"2":{"label":"Geneva","value":"Geneva, Tahoma, sans-serif"},"3":{"label":"Georgia","value":"Georgia, serif"},"4":{"label":"Times","value":"Times, Times New Roman, serif"},"5":{"label":"Verdana","value":"Verdana, sans-serif"}},"label":"Font Family"},"color":{"label":"Font Color"},"font-style":{"label":"Font Style"},"border-color":{"label":"Border Color"},"border-width":{"label":"Border Width"},"background-color":{"label":"Color"}},"background-color":"#2F8FDB","padding-left":"30px","padding-top":"13px","border-radius":"5px","border-color":"#0478CD","border-width":"1px","color":"#FFFFFF","font-size":"18px","font-family":"inherit","font-style":"normal","font-weight":"bold","text-decoration":"none"},"coming-soon-dropping":{"__options":{"title":"Dropping on Text","font-size":{"min":10,"max":50,"label":"Font Size"},"border-radius":{"max":35,"label":"Border Radius"},"font-family":{"variants":{"0":{"label":"Theme Default","value":"inherit"},"1":{"label":"Arial","value":"Arial, sans-serif"},"2":{"label":"Geneva","value":"Geneva, Tahoma, sans-serif"},"3":{"label":"Georgia","value":"Georgia, serif"},"4":{"label":"Times","value":"Times, Times New Roman, serif"},"5":{"label":"Verdana","value":"Verdana, sans-serif"}},"label":"Font Family"},"color":{"label":"Font Color"},"font-style":{"label":"Font Style"}},"color":"#2F8FDB","font-size":"14px","font-family":"inherit","font-style":"normal","font-weight":"normal","text-decoration":"none"},"notify-me-button-hover":{"__options":{"title":"Notify Me Button on Hover","font-family":{"variants":{"0":{"label":"Theme Default","value":"inherit"},"1":{"label":"Arial","value":"Arial, sans-serif"},"2":{"label":"Geneva","value":"Geneva, Tahoma, sans-serif"},"3":{"label":"Georgia","value":"Georgia, serif"},"4":{"label":"Times","value":"Times, Times New Roman, serif"},"5":{"label":"Verdana","value":"Verdana, sans-serif"}},"label":"Font Family"},"font-size":{"min":10,"max":50,"label":"Font Size"},"color":{"label":"Font Color"},"font-style":{"label":"Font Style"},"background-color":{"label":"Background Color"}},"background-color":"#4FA7EC","border-color":"#4FA7EC","color":"#FFFFFF","font-size":"18px","font-family":"inherit","font-style":"normal","font-weight":"bold","text-decoration":"none"},"estimated-shipping-date":{"__options":{"title":"Estimated Shipping Date","font-size":{"min":10,"max":50,"label":"Font Size"},"font-family":{"variants":{"0":{"label":"Theme Default","value":"inherit"},"1":{"label":"Arial","value":"Arial, sans-serif"},"2":{"label":"Geneva","value":"Geneva, Tahoma, sans-serif"},"3":{"label":"Georgia","value":"Georgia, serif"},"4":{"label":"Times","value":"Times, Times New Roman, serif"},"5":{"label":"Verdana","value":"Verdana, sans-serif"}},"label":"Font Family"},"color":{"label":"Font Color"},"font-style":{"label":"Font Style"},"background-color":{"label":"Color"}},"background-color":"#2F8FDB","color":"#FFFFFF","font-size":"14px","font-family":"inherit","font-style":"normal","font-weight":"bold","text-decoration":"none"}},"template":"{{#enddateShown}}\n <div class=\"end-date-wrapper\">\n <p class=\"time-remaining\">{{ timeRemaining }}</p>\n <p class=\"end-date\">{{ endDate }}</p>\n </div>\n {{/enddateShown}}\n <div class=\"pre-order-counter-wrapper\">\n {{{ counterBar }}}\n <p class=\"counter-text\">{{ counterText }}</p>\n </div>\n <div class=\"design-pre-order-template-wrapper {{ messageVisibilityClassName }}-visible {{ messageDirectionClassName }}-direction {{ customStyle }}-style\">\n <button type=\"submit\" id=\"pre_order_custom\" class=\"pre-order-custom\" data-pre-order-atc-button=\"1\">\n <span data-editable=\"pre-order-button\" class=\"pre-order-2-button\">{{ buttonText }}</span>\n <span data-editable=\"pre-order-button-hover\" class=\"pre-order-2-button hover\">{{ buttonText }}</span>\n </button>\n {{#buttonMessageShown}}\n <span data-editable=\"pre-order-message\" class=\"pre-order-2-message\">\n {{ buttonMessage }}\n </span>\n {{/buttonMessageShown}}\n </div>","templateNotifyMe":"<div class=\"design-pre-order-template-wrapper {{ messageVisibilityClassName }}-visible {{ messageDirectionClassName }}-direction {{ customStyle }}-style\" style=\"margin: 0;\">\n <button type=\"submit\" data-notify-me-atc-button=\"1\">\n <span data-editable=\"notify-me-button\" class=\"pre-order-2-button\">{{ buttonNotifyMeText }}</span>\n <span data-editable=\"notify-me-button-hover\" class=\"pre-order-2-button hover\">{{ buttonNotifyMeText }}</span>\n </button>\n </div>","templateComingSoon":"<div class=\"design-pre-order-template-wrapper {{ messageVisibilityClassName }}-visible {{ messageDirectionClassName }}-direction {{ customStyle }}-style\" style=\"margin: 0;\">\n <button type=\"submit\">\n <span data-editable=\"coming-soon-button\" class=\"pre-order-2-button\">{{ buttonComingSoonText }}</span>\n </button>\n <span data-editable=\"coming-soon-dropping\" class=\"coming-soon-2-message\">{{ droppingOnText }}</span>\n </div>","templateEstimatedShippingDate":"<div data-editable=\"estimated-shipping-date\" class=\"estimated-shipping-date\">\n <div class=\"shipping-icon\">\n <img class=\"icon\" alt=\"rocket\">\n </div>\n <div class=\"shipping-text\">\n <p class=\"shipping-info\">\n <span>\n {{ estimatedShippingDate }}\n </span>\n <span>10:13 27th November 2024</span>\n </p>\n </div>\n </div>"},"selectors":{"product":{"selector":"button[name=\"add\"][type=\"submit\"]"},"collection":{"selector":"form[action=\"/cart/add\"] [type=submit]"},"index":{"selector":"form[action=\"/cart/add\"] [type=submit]"},"quickview":{"selector":"form[action=\"/cart/add\"] [type=submit]"}},"alertStock":0,"isEnableQuantityLeftPopup":1,"isEnableLimitProductPagePopup":1,"isEnableLimitCartPagePopup":1,"selector_partial_payment":{},"is_theme_changed":true,"isEnableShowEstDeliveryDate":0,"notifyMeBtnStyle":"atc_style","comingSoonBtnStyle":"atc_style","estimatedShippingDateStyle":"atc_style","selectors_discount":{"index":{"price_product":{"selector":""}},"product":{"price_product":{"selector":"span[id=\"ProductPrice-product\"] > span, span[id=\"ProductPrice-product\"] > span > span, span[class=\"buttonPrice\"] > span"}},"collection":{"price_product":{"selector":"[data-section-id=\"collection\"] .price"}},"quickview":{"price_product":{"selector":""}},"cart":{"price_individual":{"selector":"div[class=\"item__price\"] > p[class=\"item__price--final\"], div[class=\"item__price\"] > p[class=\"item__price--final\"] > span"},"price_total":{"selector":"div[class=\"cart__subtotal\"] > span[class=\"h5--body money\"], div[class=\"cart__subtotal\"] > span[class=\"h5--body money\"] > span"},"price_subtotal":{"selector":"p[class=\"cart__footer__text\"] > span[class=\"h3--body cart__subtotal money\"], p[class=\"cart__footer__text\"] > span[class=\"h3--body cart__subtotal money\"] > span"}},"ajax_cart":{"price_individual":{"selector":""},"price_total":{"selector":""},"price_subtotal":{"selector":""},"button_checkout":{"selector":""}},"hasShopAjaxCart":false},"icon":"no-icon","email_notification":{"address1":"Copyright@2021 Amai Digital Pte Ltd. All Rights Reserved","store_name":"Powered by Pre-Order Manager"},"background_icon_color":"#2968E7"},"timezone":"America/Los_Angeles","shop_created_at":"2020-12-21T21:41:51.000000Z","theme_version":"2.0","theme_id":null,"theme_name":"Pipeline - nested blocks 16JAN2024 [LIVE]","money_format":"${{amount}} CAD","appUrl":"https://preordermanager.amai.com","appPomName":"Preorder2"}; console.log(shopSettings); Spurit.Preorder2.settings.config = shopSettings.config; Spurit.Preorder2.settings.timezone = shopSettings.timezone; Spurit.Preorder2.settings.shop_created_at = shopSettings.shop_created_at; Spurit.Preorder2.settings.money_format = shopSettings.money_format; Spurit.Preorder2.settings.theme_version = shopSettings.theme_version; Spurit.Preorder2.settings.theme_name = shopSettings.theme_name; Spurit.Preorder2.settings.theme_id = shopSettings.theme_id; Spurit.Preorder2.settings.defaultSetting = {"shop_id":17653,"config":{"buttonText":"PRE-ORDER","buttonMessage":"Once your bike arrives, it might take a few days for our mechanics to lovingly prepare and ship your bike. Pre-orders will be processed on a first come, first served basis.","hasCustomCheckoutLabel":true,"preOrderLabel":"Pre-ordered items","quantityLimit":0,"closedPreOrderMessage":"Sold out"},"date_start":null,"date_stop":null,"time_end":"23:59:59","time_start":"12:00:00","discount_value":null,"discount_type":"percentage","created_at":"2020-12-21T21:41:51.000000Z","updated_at":"2023-05-08T21:53:37.000000Z","is_default":0,"config_date_time":"{\"format_date\": \"MM/DD/YYYY\", \"display_preorder_end_date\": \"Pre-Order ends on [E]\", \"display_preorder_time_remaining\": \"Only [D] to pre-order this campaign\", \"is_display_preorder_end_date_enabled\": false, \"is_display_preorder_time_remaining_enabled\": false}","config_preorder_counter":"{\"type\": \"pre-ordered\", \"is_display_bar\": \"disable\", \"background_bar_color\": \"#E9E6C4\", \"foreground_bar_color\": \"#1698E5\", \"preorder_counter_template\": \"[P] Pre-Ordered!\"}","is_quantity_limit_active":false,"is_schedule_active":false,"is_t_and_c_active":false,"is_t_and_c_agree_active":false,"config_t_and_c":{"t_and_c_header":"Terms and Conditions","t_and_c_message":"When you place an order through the Site, we will maintain your Order Information for our records unless and until you ask us to delete this information.","t_and_c_agree_message":"I agree to the Terms and Conditions of this Pre-Order","t_and_c_error_confirm_btn_text":"OK"},"auto_turn_off_po":false,"config_coming_soon":null,"is_available_from_active":false,"is_enable_reset_est_date_active":false,"is_shipping_date_active":false,"config_shipping_date":null}; if(!Spurit.appUrl){ Spurit.appUrl = shopSettings.appUrl; } if(!Spurit.appPomName){ Spurit.appPomName = shopSettings.appPomName; } window.isMetafieldsExist = true; // End - Init POM Settings // </script> <script> (function() { setTimeout(() => document.querySelector('body').classList.add('spo-loaded'), 5000) })(); </script> </div></body> </html>

CINXE.COM

Chromag Bikes